import { E as e, Lt as t, On as n, Zn as r, b as i, g as a, mt as o, qt as s, tr as c, v as l, xt as u, y as d } from "./runtime-core.esm-bundler-Ci9kEgM7.js";
import { C as f, S as p, X as m, b as h } from "./Button-CzGEASGR.js";
var g = { slots: { root: `rounded-lg overflow-hidden`, header: `p-4 sm:px-6`, title: `text-highlighted font-semibold`, description: `mt-1 text-muted text-sm`, body: `p-4 sm:p-6`, footer: `p-4 sm:px-6` }, variants: { variant: { solid: { root: `bg-inverted text-inverted`, title: `text-inverted`, description: `text-dimmed` }, outline: { root: `bg-default ring ring-default divide-y divide-default` }, soft: { root: `bg-elevated/50 divide-y divide-default` }, subtle: { root: `bg-elevated/50 ring ring-default divide-y divide-default` } } }, defaultVariants: { variant: `outline` } }, _ = { __name: `Card`, props: { as: { type: null, required: false }, title: { type: String, required: false }, description: { type: String, required: false }, variant: { type: null, required: false }, class: { type: null, required: false }, ui: { type: Object, required: false } }, setup(_2) {
  let v = _2, y = t(), b = p(`card`, v), x = m(), S = a(() => h({ extend: h(g), ...x.ui?.card || {} })({ variant: b.variant }));
  return (t2, a2) => (o(), l(n(f), { as: n(b).as, "data-slot": `root`, class: r(S.value.root({ class: [n(b).ui?.root, n(b).class] })) }, { default: s(() => [y.header || n(b).title || y.title || n(b).description || y.description ? (o(), i(`div`, { key: 0, "data-slot": `header`, class: r(S.value.header({ class: n(b).ui?.header })) }, [u(t2.$slots, `header`, {}, () => [n(b).title || y.title ? (o(), i(`div`, { key: 0, "data-slot": `title`, class: r(S.value.title({ class: n(b).ui?.title })) }, [u(t2.$slots, `title`, {}, () => [e(c(n(b).title), 1)])], 2)) : d(``, true), n(b).description || y.description ? (o(), i(`div`, { key: 1, "data-slot": `description`, class: r(S.value.description({ class: n(b).ui?.description })) }, [u(t2.$slots, `description`, {}, () => [e(c(n(b).description), 1)])], 2)) : d(``, true)])], 2)) : d(``, true), y.default ? (o(), i(`div`, { key: 1, "data-slot": `body`, class: r(S.value.body({ class: n(b).ui?.body })) }, [u(t2.$slots, `default`)], 2)) : d(``, true), y.footer ? (o(), i(`div`, { key: 2, "data-slot": `footer`, class: r(S.value.footer({ class: n(b).ui?.footer })) }, [u(t2.$slots, `footer`)], 2)) : d(``, true)]), _: 3 }, 8, [`as`, `class`]));
} };
export {
  _ as t
};
