themelia-react-ui 2.0.1 → 2.0.3

package/dist/smart-card-lFKxn5Hu.js

@@ -1,595 +0,0 @@
-"use client";
-import { i as e, s as t, v as n } from "./ui-provider-1D_NSYzO.js";
-import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-l5LpDw2z.js";
-import { n as a } from "./buttons-SbIcm1HJ.js";
-import { c as o, s } from "./typography-DTRkE9zL.js";
-import { t as c } from "./motion-recipes-ChBg4HBq.js";
-import { i as l, n as ee, t as u } from "./tooltip-CsfgrfS7.js";
-import { n as d } from "./structure.recipes-EPz60cU8.js";
-import { t as f } from "./structure-DC2dygdA.js";
-import { t as p } from "./icon-size-B6PVwjbC.js";
-import { r as m } from "./tone-recipes-CPoExcTE.js";
-import { a as h } from "./surface-recipes-BKRVW8Os.js";
-import { n as g } from "./action-menu-TzCoSlwL.js";
-import { Fragment as _, forwardRef as v, isValidElement as y, useCallback as te, useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { ChevronDown as C, Info as w } from "lucide-react";
-import { cva as T } from "class-variance-authority";
-//#region src/components/base/feedback/alert.tsx
-var E = T([
-	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border p-surface text-start",
-	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-md",
-	"has-[>[data-slot=alert-action]]:sm:grid-cols-[0_minmax(0,1fr)_auto] has-[>svg]:has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_minmax(0,1fr)_auto] has-[>[data-slot=alert-action]]:gap-x-space-md",
-	"[&>svg]:row-span-2 [&>svg]:mt-[calc((1em*1.375-var(--icon))/2)] [&>svg]:shrink-0",
-	p.md
-], {
-	variants: {
-		tone: {
-			neutral: "border-border bg-card text-card-foreground",
-			primary: `${m.primary.edge} ${m.primary.wash} text-card-foreground [&>svg]:text-primary-accent`,
-			secondary: "border-border bg-muted/50 text-card-foreground [&>svg]:text-secondary-foreground",
-			info: `${m.info.edge} ${m.info.wash} text-card-foreground [&>svg]:text-info`,
-			success: `${m.success.edge} ${m.success.wash} text-card-foreground [&>svg]:text-success`,
-			warning: `${m.warning.edge} ${m.warning.wash} text-card-foreground [&>svg]:text-warning-accent`,
-			destructive: `${m.destructive.edge} ${m.destructive.wash} text-card-foreground [&>svg]:text-destructive`
-		},
-		variant: {
-			default: "",
-			inverse: [
-				"border-foreground bg-foreground text-background",
-				"[&>svg]:text-background",
-				"[&_[data-slot=alert-title]_[data-typography=text]]:text-background",
-				"[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75",
-				"[&_[data-slot=alert-metadata-item]]:bg-background/10",
-				"[&_[data-slot=alert-metadata-item]>svg]:text-background/75",
-				"[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background/75",
-				"[&_[data-slot=alert-metadata-value]_[data-typography=text]]:text-background"
-			]
-		}
-	},
-	defaultVariants: {
-		tone: "neutral",
-		variant: "default"
-	}
-});
-function D(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var O = v(function({ className: e, tone: t, variant: n, role: r = "alert", ...a }, o) {
-	return /* @__PURE__ */ x("div", {
-		ref: o,
-		"data-slot": "alert",
-		"data-tone": t ?? "neutral",
-		"data-variant": n ?? "default",
-		role: r,
-		className: i(E({
-			tone: t,
-			variant: n
-		}), e),
-		...a
-	});
-});
-O.displayName = "Alert";
-var k = v(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ x("div", {
-		ref: r,
-		"data-slot": "alert-title",
-		className: i("alert--title col-start-2 min-h-icon leading-snug [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80", e),
-		...n,
-		children: D(t) ? /* @__PURE__ */ x(s, {
-			tag: "span",
-			weight: "semibold",
-			lineHeight: "snug",
-			children: t
-		}) : t
-	});
-});
-k.displayName = "AlertTitle";
-var A = v(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ x(f, {
-		ref: r,
-		"data-slot": "alert-description",
-		gap: "xs",
-		align: "start",
-		className: i("alert--description col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed", e),
-		...n,
-		children: D(t) ? /* @__PURE__ */ x(s, {
-			tag: "span",
-			type: "secondary",
-			children: t
-		}) : t
-	});
-});
-A.displayName = "AlertDescription";
-var ne = v(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ x("dl", {
-		ref: n,
-		"data-slot": "alert-metadata",
-		className: i("alert-metadata--component alert--metadata col-start-2 mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs", e),
-		...t
-	});
-});
-ne.displayName = "AlertMetadata";
-var j = v(function({ className: e, icon: t, label: n, value: r, numeric: a = !1, ...o }, c) {
-	return /* @__PURE__ */ S("div", {
-		ref: c,
-		"data-slot": "alert-metadata-item",
-		className: i("alert-metadata-item--component alert--metadata-item inline-flex max-w-full min-w-0 items-center gap-space-sm rounded-radius-sm bg-foreground/8 px-control-xs py-space-xs", "[&>svg]:size-icon-sm [&>svg]:shrink-0 [&>svg]:text-muted-foreground", e),
-		...o,
-		children: [
-			t,
-			/* @__PURE__ */ x("dt", {
-				"data-slot": "alert-metadata-label",
-				className: "alert--metadata-label shrink-0",
-				children: D(n) ? /* @__PURE__ */ x(s, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					className: "leading-none",
-					children: n
-				}) : n
-			}),
-			/* @__PURE__ */ x("dd", {
-				"data-slot": "alert-metadata-value",
-				className: "alert--metadata-value m-0 min-w-0",
-				children: D(r) ? /* @__PURE__ */ x(s, {
-					tag: "span",
-					size: "xs",
-					weight: "semibold",
-					className: i("break-words leading-none", a && "tabular-nums"),
-					children: r
-				}) : r
-			})
-		]
-	});
-});
-j.displayName = "AlertMetadataItem";
-var M = v(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ x(f, {
-		ref: n,
-		direction: "horizontal",
-		align: "center",
-		justify: {
-			base: "start",
-			sm: "end"
-		},
-		wrap: !0,
-		gap: "sm",
-		"data-slot": "alert-action",
-		className: i("alert--action max-sm:col-start-2 max-sm:mt-space-md sm:col-start-3 sm:row-start-1 sm:row-span-2 sm:self-start", e),
-		...t
-	});
-});
-M.displayName = "AlertAction";
-//#endregion
-//#region src/components/ui/card.tsx
-function re({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card",
-		"data-size": t,
-		className: i("card--primitive", e),
-		...n
-	});
-}
-function N({ className: e, ...t }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card-header",
-		className: i("card-header--primitive", e),
-		...t
-	});
-}
-function P({ className: e, ...t }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card-title",
-		className: i("card-title--primitive", e),
-		...t
-	});
-}
-function F({ className: e, ...t }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card-description",
-		className: i("card-description--primitive", e),
-		...t
-	});
-}
-function ie({ className: e, ...t }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card-content",
-		className: i("card-content--primitive", e),
-		...t
-	});
-}
-function ae({ className: e, ...t }) {
-	return /* @__PURE__ */ x("div", {
-		"data-slot": "card-footer",
-		className: i("card-footer--primitive", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/cards/card.recipes.ts
-var I = {
-	none: "p-0",
-	sm: "p-surface-xs",
-	md: "p-surface",
-	lg: "p-surface-lg"
-}, L = {
-	root: "flex flex-col w-full font-sans rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150",
-	shell: "@container/card flex flex-col w-full font-sans rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150",
-	surfaceCard: `bg-card ${h.frame.shell} shadow-sm text-card-foreground`,
-	surfaceDefault: `bg-card ${h.frame.shell} shadow-sm text-card-foreground`,
-	surfaceFlat: "bg-transparent border-0 shadow-none text-foreground",
-	surfaceFramed: `bg-card ${h.frame.shell} shadow-sm ${h.frame.ring} text-card-foreground`,
-	surfaceRaised: `bg-card ${h.frame.shell} shadow-md text-card-foreground`,
-	surfaceSunken: `bg-muted ${h.frame.shell} text-foreground`,
-	header: "flex flex-col gap-normal px-surface box-border",
-	headerRow: "flex-row flex-wrap items-start justify-between gap-space-lg pb-0",
-	headerRowSingle: "items-center",
-	headerLeading: "min-w-0 max-w-full flex-1 basis-64",
-	headerLeadingSingle: "basis-36",
-	headerTrailing: "flex max-w-full flex-wrap shrink-0 items-center gap-space-md",
-	headerDivider: `${h.frame.header} [&.border-b]:!pb-surface`,
-	title: "min-w-0 leading-tight text-card-foreground",
-	titleSm: "text-sm",
-	titleMd: "text-base",
-	titleLg: "text-lg",
-	description: "text-sm text-muted-foreground leading-normal",
-	content: "px-surface box-border min-w-0",
-	footer: "flex items-center px-surface box-border",
-	footerDivider: `${h.frame.footer} [&.border-t]:!pt-surface`,
-	alert: "px-surface",
-	alertWithHeader: "-mt-space-xs",
-	expandToggle: "flex justify-center pb-surface -mt-space-md"
-}, R = {
-	root: "card--component",
-	header: "card--header",
-	title: "card--title",
-	description: "card--description",
-	content: "card--content",
-	footer: "card--footer",
-	alert: "card--alert",
-	collapseFade: "card--collapse-fade",
-	expandToggle: "card--expand-toggle",
-	expandToggleButton: "card--expand-toggle-button"
-}, z = {
-	shell: L.shell,
-	headerX: "px-surface",
-	headerDividerY: L.headerDivider,
-	contentX: L.content,
-	contentY: "",
-	footerX: L.footer,
-	footerDividerY: L.footerDivider,
-	alertX: L.alert,
-	expandableBottom: "pb-surface",
-	alertOffsetWithHeader: L.alertWithHeader,
-	alertOffsetStandalone: ""
-}, oe = {
-	card: L.surfaceCard,
-	flat: L.surfaceFlat,
-	framed: L.surfaceFramed
-};
-//#endregion
-//#region src/components/base/cards/partials/has-renderable-content.ts
-function B(e) {
-	return e == null || typeof e == "boolean" ? !1 : typeof e == "string" ? e.trim().length > 0 : typeof e == "number" || typeof e == "bigint" ? !0 : Array.isArray(e) ? e.some(B) : !y(e) || e.type !== _ || B(e.props.children);
-}
-//#endregion
-//#region src/components/base/cards/partials/card-primitives.tsx
-var V = {
-	sm: L.titleSm,
-	md: L.titleMd,
-	lg: L.titleLg
-}, H = {
-	sm: "sm",
-	md: "base",
-	lg: "lg"
-};
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ x(re, {
-		className: i(R.root, L.shell, e),
-		...t
-	});
-}
-function U({ className: e, textGap: t = "normal", padding: n, ...r }) {
-	return /* @__PURE__ */ x(N, {
-		className: i(R.header, L.header, n !== void 0 && I[n], t === "dense" ? "gap-dense" : "gap-normal", e),
-		...r
-	});
-}
-function ce({ className: e, children: r, size: a, ...o }) {
-	let { defaultScale: c } = t(), l = n(a, c);
-	return B(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ x(P, {
-		className: i(R.title, L.title, "font-medium", V[l], e),
-		...o,
-		children: r
-	}) : /* @__PURE__ */ x(s, {
-		"data-slot": "card-title",
-		tag: "div",
-		size: H[l],
-		weight: "semibold",
-		lineHeight: "tight",
-		className: i(R.title, L.title, e),
-		...o,
-		children: r
-	}) : null;
-}
-function le({ className: e, children: t, ...n }) {
-	return B(t) ? typeof t != "string" && typeof t != "number" && typeof t != "bigint" ? /* @__PURE__ */ x(F, {
-		className: i(R.description, L.description, e),
-		...n,
-		children: /* @__PURE__ */ x(o.Provider, {
-			value: !0,
-			children: t
-		})
-	}) : /* @__PURE__ */ x(s, {
-		"data-slot": "card-description",
-		tag: "div",
-		type: "secondary",
-		className: i(R.description, e),
-		...n,
-		children: t
-	}) : null;
-}
-function ue({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ x(ie, {
-		className: i(R.content, L.content, t !== void 0 && I[t], e),
-		...n
-	});
-}
-function de({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ x(ae, {
-		className: i(R.footer, L.footer, t !== void 0 && I[t], e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-alert.tsx
-function fe({ alert: e, alertTone: t, hasHeader: n, className: r }) {
-	return /* @__PURE__ */ x("div", {
-		className: i(R.alert, z.alertX, r, n ? z.alertOffsetWithHeader : z.alertOffsetStandalone),
-		children: /* @__PURE__ */ x(O, {
-			tone: t,
-			children: /* @__PURE__ */ x(A, { children: e })
-		})
-	});
-}
-//#endregion
-//#region src/components/base/display/surface-title.tsx
-function pe({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: a, dataSlot: o }) {
-	let c = typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-	return /* @__PURE__ */ S(s, {
-		tag: "div",
-		size: n,
-		weight: c ? "semibold" : "medium",
-		lineHeight: "tight",
-		"data-slot": o,
-		className: i("surface-title--component flex min-w-0 flex-wrap items-center gap-space-md break-words leading-tight", r),
-		children: [e != null && /* @__PURE__ */ x("span", {
-			className: "min-w-0 max-w-full",
-			...c ? {
-				role: "heading",
-				"aria-level": 2
-			} : {},
-			children: e
-		}), t != null && /* @__PURE__ */ x("div", {
-			className: i("surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md", a),
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-actions-menu.tsx
-function me({ actions: e, actionsLabel: t }) {
-	let n = e.map((e, t) => ({
-		...e,
-		id: e.id ?? `card-action-${t}`
-	}));
-	return /* @__PURE__ */ x(g, {
-		actions: n,
-		srText: t,
-		align: "end",
-		closeOnSelect: !0,
-		buttonProps: { className: "card--actions-trigger" }
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-header-row.tsx
-function he({ tooltipLabel: e }) {
-	return /* @__PURE__ */ x(l, { render: (t) => {
-		let n = t;
-		return /* @__PURE__ */ x(a, {
-			...n,
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			iconOnly: !0,
-			className: i("card--tooltip-trigger", "text-muted-foreground", n.className),
-			"aria-label": e,
-			children: /* @__PURE__ */ x(w, { className: "size-icon-md" })
-		});
-	} });
-}
-function ge({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: o, tooltipLabel: s, headerStart: c, headerEnd: l, headerAction: d, actions: p, actionsLabel: m, titleSize: h, className: g }) {
-	let _ = Array.isArray(p) ? p : [], v = _.length > 0, y = B(e), te = B(t), b = B(n), C = B(r), w = B(o), T = B(c), E = B(l), D = B(d), O = y || te || b || w, k = E || D || v;
-	return /* @__PURE__ */ S(U, {
-		className: i(L.headerRow, !C && !T && L.headerRowSingle, z.headerX, g),
-		children: [/* @__PURE__ */ S(f, {
-			gap: a,
-			className: i("card--header-start", L.headerLeading, !C && !T && L.headerLeadingSingle),
-			children: [
-				!!T && c,
-				!!O && /* @__PURE__ */ S("div", {
-					className: "card--title-row flex min-w-0 items-start gap-space-sm",
-					children: [
-						!!y && /* @__PURE__ */ x("span", {
-							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
-							children: e
-						}),
-						/* @__PURE__ */ x(pe, {
-							dataSlot: "card-title",
-							title: t,
-							suffix: b ? n : void 0,
-							size: h === "md" ? "base" : h === "lg" ? "lg" : "sm",
-							className: "card--title flex-1",
-							suffixClassName: "card--title-suffix"
-						}),
-						!!w && /* @__PURE__ */ S(u, { children: [/* @__PURE__ */ x(he, { tooltipLabel: s }), /* @__PURE__ */ x(ee, { children: o })] })
-					]
-				}),
-				!!C && /* @__PURE__ */ x(le, {
-					className: "text-start",
-					children: r
-				})
-			]
-		}), !!k && /* @__PURE__ */ S("div", {
-			className: i("card--header-end", L.headerTrailing),
-			children: [
-				!!E && l,
-				!!D && d,
-				!!v && /* @__PURE__ */ x(me, {
-					actions: _,
-					actionsLabel: m
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/cards/smart-card.strings.ts
-var _e = {
-	actionsLabel: "More actions",
-	tooltipLabel: "Card info",
-	expandLabel: "Expand card",
-	collapseLabel: "Collapse card"
-}, W = v(function({ icon: o, title: l, titleSuffix: ee, description: u, textGap: p = "normal", tooltip: m, tooltipAriaLabel: g, footerText: _, alert: v, alertTone: y = "neutral", surface: w, padding: T = "md", headerPlacement: E = "inside", gap: D, contentGap: O, titleSize: k, actions: A, actionsLabel: ne, headerAction: j, headerStart: M, headerEnd: re, contentTop: N, contentBottom: P, footerSlot: F, headerDivider: ie, footerDivider: ae, expandable: I = !1, defaultExpanded: L = !1, expanded: V, onExpandedChange: H, children: U, className: ce, headerClassName: le, contentClassName: pe, footerClassName: me, strings: he, ...W }, ve) {
-	let { defaultSurface: ye, defaultHeaderDivider: be, defaultFooterDivider: xe } = e(), Se = ae ?? xe ?? !1, { defaultScale: Ce } = t(), we = n(k, Ce), G = {
-		none: "px-0",
-		sm: "px-surface-xs",
-		md: "px-surface",
-		lg: "px-surface-lg"
-	}[T], Te = {
-		none: "py-0",
-		sm: "py-surface-xs",
-		md: "py-surface",
-		lg: "py-surface-lg"
-	}[T], K = {
-		...z,
-		headerX: G,
-		contentX: G,
-		footerX: G,
-		headerDividerY: {
-			none: "!pb-0",
-			sm: "!pb-surface-xs",
-			md: "!pb-surface",
-			lg: "!pb-surface-lg"
-		}[T],
-		footerDividerY: {
-			none: "!pt-0",
-			sm: "!pt-surface-xs",
-			md: "!pt-surface",
-			lg: "!pt-surface-lg"
-		}[T]
-	}, q = E === "frame", Ee = Array.isArray(A) ? A : [], J = r(_e, he), De = ne ?? J.actionsLabel, Y = I !== !1 && I !== void 0, Oe = typeof I == "object" && I?.collapsedMaxHeight !== void 0 ? I.collapsedMaxHeight : "12rem", ke = typeof Oe == "number" ? `${Oe}px` : Oe, Ae = V !== void 0, [je, Me] = b(L), X = Ae ? V : je, Ne = te(() => {
-		let e = !X;
-		Ae || Me(e), H?.(e);
-	}, [
-		X,
-		Ae,
-		H
-	]), Pe = B(o) || B(l) || B(u) || Ee.length > 0 || B(j) || B(M) || B(re), Fe = B(v), Ie = B(_), Z = B(F), Le = B(N), Re = B(P), ze = Le || Re || B(U) || Y, Be = Pe && (Ie || Z) && !Fe && !ze && !q, Ve = g && g.trim().length > 0 ? g : J.tooltipLabel, He = Y ? { maxHeight: X ? "" : ke } : void 0, Q = w ?? ye ?? "framed", Ue = ie ?? be ?? !1, $ = Be && (Ue || Se);
-	return /* @__PURE__ */ S(se, {
-		...W,
-		"data-header-placement": E,
-		ref: ve,
-		"data-surface": Q,
-		className: i(oe[Q], K.shell, Te, d({ gap: D ?? "xl" }), $ && "gap-0", q && "rounded-radius bg-muted p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !q && "overflow-visible", Y && i("relative mb-space-xl !overflow-visible", K.expandableBottom), ce),
-		children: [
-			!!Pe && /* @__PURE__ */ x(ge, {
-				icon: o,
-				title: l,
-				titleSuffix: ee,
-				description: u,
-				textGap: p,
-				tooltip: m,
-				tooltipLabel: Ve,
-				headerStart: M,
-				headerEnd: re,
-				headerAction: j,
-				actions: Ee,
-				actionsLabel: De,
-				titleSize: we,
-				className: i(Ue && !$ && i(h.frame.header, K.headerDividerY), $ && K.headerDividerY, K.headerX, q && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", le)
-			}),
-			/* @__PURE__ */ S("div", {
-				className: q ? i("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", d({ gap: D ?? "xl" }), h.frame.shell, Te) : "contents",
-				children: [
-					!!Fe && /* @__PURE__ */ x(fe, {
-						alert: v,
-						alertTone: y,
-						hasHeader: Pe,
-						className: G
-					}),
-					!!ze && /* @__PURE__ */ S(ue, {
-						className: i(K.contentX, K.contentY, Y && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", pe),
-						style: He,
-						children: [Le || Re ? /* @__PURE__ */ S(f, {
-							gap: O ?? "lg",
-							children: [
-								!!Le && N,
-								O ? /* @__PURE__ */ x(f, {
-									gap: O,
-									children: U
-								}) : /* @__PURE__ */ x("div", {
-									className: "min-w-0",
-									children: U
-								}),
-								!!Re && P
-							]
-						}) : O ? /* @__PURE__ */ x(f, {
-							gap: O,
-							children: U
-						}) : U, !!Y && !X && /* @__PURE__ */ x("div", {
-							"aria-hidden": "true",
-							className: i(R.collapseFade, "pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-radius bg-linear-to-t to-transparent", Q === "flat" ? "from-background" : "from-card")
-						})]
-					}),
-					(Ie || Z) && /* @__PURE__ */ S(de, {
-						className: i(K.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (Se || $) && i(h.frame.footer, K.footerDividerY), me),
-						children: [Ie && (typeof _ == "string" || typeof _ == "number" || typeof _ == "bigint" ? /* @__PURE__ */ x(s, {
-							tag: "span",
-							size: "xs",
-							type: "secondary",
-							children: _
-						}) : _), Z && F]
-					})
-				]
-			}),
-			!!Y && /* @__PURE__ */ x("div", {
-				className: i(R.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
-				children: /* @__PURE__ */ x(a, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "outline",
-					size: "sm",
-					iconOnly: !0,
-					onClick: Ne,
-					"aria-expanded": X,
-					"aria-label": X ? J.collapseLabel : J.expandLabel,
-					className: i(R.expandToggleButton, i(h.frame.shell, "bg-background text-foreground shadow-sm")),
-					children: /* @__PURE__ */ x(C, {
-						"aria-hidden": "true",
-						className: i(`size-icon ${c.chevron}`, X && "rotate-180")
-					})
-				})
-			})
-		]
-	});
-});
-W.displayName = "Card";
-var ve = W;
-//#endregion
-export { j as _, ue as a, U as c, B as d, oe as f, ne as g, A as h, pe as i, se as l, M as m, ve as n, le as o, O as p, _e as r, de as s, W as t, ce as u, k as v };
-
-//# sourceMappingURL=smart-card-lFKxn5Hu.js.map