eewing
107 lines
2.9 KiB
JavaScript
107 lines
2.9 KiB
JavaScript
import { n as attributes, y as clsx, c as bind_props } from './index2-CkPUJ4Ro.js';
|
|
import { c as cn } from './utils2-B05Dmz_H.js';
|
|
|
|
function Card($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card",
|
|
class: clsx(cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_content($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-content",
|
|
class: clsx(cn("px-6", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_description($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<p${attributes({
|
|
"data-slot": "card-description",
|
|
class: clsx(cn("text-muted-foreground text-sm", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></p>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_header($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-header",
|
|
class: clsx(cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_title($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-title",
|
|
class: clsx(cn("leading-none font-semibold", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
|
|
export { Card as C, Card_header as a, Card_content as b, Card_title as c, Card_description as d };
|
|
//# sourceMappingURL=card-title-CgD7IUQ_.js.map
|