eewing
110 lines
2.8 KiB
JavaScript
110 lines
2.8 KiB
JavaScript
import { b as attributes, o as clsx, c as bind_props } from "./index2.js";
|
|
import { c as cn } from "./utils2.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_title as b,
|
|
Card_description as c,
|
|
Card_content as d
|
|
};
|