themelia-react-ui 2.0.4 → 2.0.6

package/dist/smart-card-CqkzQsK-.js

@@ -1,614 +0,0 @@
-"use client";
-import { i as e, m as t, s as n, v as r } from "./ui-provider-CQCuCBcy.js";
-import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-CF3c95Io.js";
-import { t as o } from "./affordance-geometry.generated-B8yGOr8-.js";
-import { n as s } from "./buttons-BbfzgczK.js";
-import { c, n as l } from "./typography-CSyJrh28.js";
-import { i as u, n as d } from "./text.styles-B64My8RZ.js";
-import { t as ee } from "./motion-recipes-ChBg4HBq.js";
-import { i as f, n as p, t as m } from "./tooltip-B4hjKtoV.js";
-import { n as te } from "./structure.recipes-BB4-n58V.js";
-import { t as h } from "./structure-C0V0_Fyf.js";
-import { t as g } from "./icon-size-B6PVwjbC.js";
-import { i as _ } from "./tone-recipes-BPsRAvhu.js";
-import { a as v } from "./surface-recipes-BKRVW8Os.js";
-import { t as ne } from "./composition.recipes-COdiFhxB.js";
-import { n as y } from "./action-menu-CHgs8vmj.js";
-import { Fragment as b, forwardRef as x, isValidElement as S, useCallback as re, useId as C, useState as ie } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { ChevronDown as ae, Info as oe } from "lucide-react";
-import { cva as se } from "class-variance-authority";
-//#region src/components/base/feedback/alert.tsx
-var ce = se([
-	"alert--component box-border 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",
-	g.md
-], {
-	variants: {
-		tone: {
-			neutral: "border-border bg-card text-card-foreground",
-			primary: `${_.primary.edge} ${_.primary.wash} text-card-foreground [&>svg]:text-primary-accent`,
-			secondary: "border-border bg-muted/50 text-card-foreground [&>svg]:text-secondary-foreground",
-			info: `${_.info.edge} ${_.info.wash} text-card-foreground [&>svg]:text-info`,
-			success: `${_.success.edge} ${_.success.wash} text-card-foreground [&>svg]:text-success`,
-			warning: `${_.warning.edge} ${_.warning.wash} text-card-foreground [&>svg]:text-warning-accent`,
-			destructive: `${_.destructive.edge} ${_.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",
-				"[&_[data-slot=alert-metadata-item]]:bg-background/10",
-				"[&_[data-slot=alert-metadata-item]>svg]:text-background",
-				"[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background",
-				"[&_[data-slot=alert-metadata-value]_[data-typography=text]]:text-background"
-			]
-		}
-	},
-	defaultVariants: {
-		tone: "neutral",
-		variant: "default"
-	}
-});
-function E(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var D = x(function({ className: e, tone: n, variant: r, role: i = "alert", ...o }, s) {
-	let { defaultTextSize: c } = t();
-	return /* @__PURE__ */ w("div", {
-		ref: s,
-		"data-slot": "alert",
-		"data-tone": n ?? "neutral",
-		"data-variant": r ?? "default",
-		role: i,
-		className: a(u({
-			size: c,
-			type: "inherit"
-		}), ce({
-			tone: n,
-			variant: r
-		}), e),
-		...o
-	});
-});
-D.displayName = "Alert";
-var O = x(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ w("div", {
-		ref: r,
-		"data-slot": "alert-title",
-		className: a("alert--title col-start-2 min-h-icon leading-snug", l, e),
-		...n,
-		children: E(t) ? /* @__PURE__ */ w(c, {
-			tag: "span",
-			type: "inherit",
-			weight: "semibold",
-			lineHeight: "snug",
-			children: t
-		}) : t
-	});
-});
-O.displayName = "AlertTitle";
-var k = x(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ w(h, {
-		ref: r,
-		"data-slot": "alert-description",
-		gap: "xs",
-		align: "start",
-		className: a("alert--description col-start-2 [&_p]:leading-relaxed", l, e),
-		...n,
-		children: E(t) ? /* @__PURE__ */ w(c, {
-			tag: "span",
-			type: "secondary",
-			children: t
-		}) : t
-	});
-});
-k.displayName = "AlertDescription";
-var A = x(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ w("dl", {
-		ref: n,
-		"data-slot": "alert-metadata",
-		className: a("alert-metadata--component alert--metadata col-start-2 m-0 mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs", e),
-		...t
-	});
-});
-A.displayName = "AlertMetadata";
-var j = x(function({ className: e, icon: t, label: n, value: r, numeric: i = !1, ...o }, s) {
-	return /* @__PURE__ */ T("div", {
-		ref: s,
-		"data-slot": "alert-metadata-item",
-		className: a("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__ */ w("dt", {
-				"data-slot": "alert-metadata-label",
-				className: "alert--metadata-label shrink-0",
-				children: E(n) ? /* @__PURE__ */ w(c, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					lineHeight: "none",
-					children: n
-				}) : n
-			}),
-			/* @__PURE__ */ w("dd", {
-				"data-slot": "alert-metadata-value",
-				className: "alert--metadata-value m-0 min-w-0",
-				children: E(r) ? /* @__PURE__ */ w(c, {
-					tag: "span",
-					type: "inherit",
-					size: "xs",
-					weight: "semibold",
-					lineHeight: "none",
-					className: a("break-words", i && "tabular-nums"),
-					children: r
-				}) : r
-			})
-		]
-	});
-});
-j.displayName = "AlertMetadataItem";
-var le = x(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ w(h, {
-		ref: n,
-		direction: "horizontal",
-		align: "center",
-		justify: {
-			base: "start",
-			sm: "end"
-		},
-		wrap: !0,
-		gap: "sm",
-		"data-slot": "alert-action",
-		className: a("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
-	});
-});
-le.displayName = "AlertAction";
-//#endregion
-//#region src/components/base/cards/card.recipes.ts
-var M = {
-	none: "p-0",
-	sm: "p-surface-xs",
-	md: "p-surface",
-	lg: "p-surface-lg"
-}, ue = {
-	none: o.surfaceGap.md,
-	sm: o.surfaceGap.xs,
-	md: o.surfaceGap.md,
-	lg: o.surfaceGap.lg
-}, N = {
-	root: `flex flex-col w-full font-sans rounded-radius box-border overflow-hidden py-surface ${o.surfaceGap.md} 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 ${o.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,
-	surfaceCard: `bg-card ${v.frame.shell} shadow-xs text-card-foreground`,
-	surfaceDefault: `bg-card ${v.frame.shell} shadow-xs text-card-foreground`,
-	surfaceFlat: "bg-transparent border-0 shadow-none text-inherit",
-	surfaceFramed: `bg-card ${v.frame.shell} shadow-sm ${v.frame.ring} text-card-foreground`,
-	surfaceRaised: `bg-card ${v.frame.shell} shadow-md text-card-foreground`,
-	surfaceSunken: `bg-muted ${v.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 ${ne.commands}`,
-	headerDivider: `${v.frame.header} [&.border-b]:!pb-surface`,
-	title: "min-w-0 leading-tight text-inherit",
-	titleSm: "text-sm",
-	titleMd: "text-base",
-	titleLg: "text-lg",
-	content: "px-surface box-border min-w-0",
-	footer: "flex items-center px-surface box-border",
-	footerDivider: `${v.frame.footer} [&.border-t]:!pt-surface`,
-	alert: "px-surface",
-	alertWithHeader: "-mt-space-xs",
-	expandToggle: "flex justify-center pb-surface -mt-space-md"
-};
-//#endregion
-//#region src/components/ui/card.tsx
-function de({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ w("div", {
-		"data-slot": "card",
-		"data-size": t,
-		className: a("card--primitive", e),
-		...n
-	});
-}
-function fe({ className: e, ...t }) {
-	return /* @__PURE__ */ w("div", {
-		"data-slot": "card-header",
-		className: a("card-header--primitive", e),
-		...t
-	});
-}
-function P({ className: e, ...t }) {
-	return /* @__PURE__ */ w("div", {
-		"data-slot": "card-title",
-		className: a("card-title--primitive", e),
-		...t
-	});
-}
-function F({ className: e, ...t }) {
-	return /* @__PURE__ */ w("div", {
-		"data-slot": "card-content",
-		className: a("card-content--primitive", e),
-		...t
-	});
-}
-function pe({ className: e, ...t }) {
-	return /* @__PURE__ */ w("div", {
-		"data-slot": "card-footer",
-		className: a("card-footer--primitive", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/cards/smart-card.tokens.ts
-var I = {
-	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"
-}, L = {
-	shell: N.shell,
-	headerX: "px-surface",
-	headerDividerY: N.headerDivider,
-	contentX: N.content,
-	contentY: "",
-	footerX: N.footer,
-	footerDividerY: N.footerDivider,
-	alertX: N.alert,
-	expandableBottom: "pb-surface",
-	alertOffsetWithHeader: N.alertWithHeader,
-	alertOffsetStandalone: ""
-}, me = {
-	card: N.surfaceCard,
-	flat: N.surfaceFlat,
-	framed: N.surfaceFramed
-};
-//#endregion
-//#region src/components/base/cards/partials/has-renderable-content.ts
-function R(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(R) : !S(e) || e.type !== b || R(e.props.children);
-}
-//#endregion
-//#region src/components/base/cards/partials/card-primitives.tsx
-var he = {
-	sm: N.titleSm,
-	md: N.titleMd,
-	lg: N.titleLg
-}, ge = {
-	sm: "sm",
-	md: "base",
-	lg: "lg"
-};
-function _e({ className: e, ...t }) {
-	return /* @__PURE__ */ w(de, {
-		className: a(I.root, N.shell, e),
-		...t
-	});
-}
-function z({ className: e, textGap: t = "normal", padding: n, ...r }) {
-	return /* @__PURE__ */ w(fe, {
-		className: a(I.header, N.header, n !== void 0 && M[n], t === "dense" ? "gap-dense" : "gap-normal", e),
-		...r
-	});
-}
-function ve({ className: e, children: t, size: i, ...o }) {
-	let { defaultScale: s } = n(), l = r(i, s);
-	return R(t) ? typeof t != "string" && typeof t != "number" && typeof t != "bigint" ? /* @__PURE__ */ w(P, {
-		className: a(I.title, N.title, "font-medium", he[l], e),
-		...o,
-		children: t
-	}) : /* @__PURE__ */ w(c, {
-		"data-slot": "card-title",
-		tag: "div",
-		size: ge[l],
-		weight: "semibold",
-		lineHeight: "tight",
-		className: a(I.title, N.title, e),
-		...o,
-		children: t
-	}) : null;
-}
-function ye({ className: e, children: t, ...n }) {
-	return R(t) ? /* @__PURE__ */ w(c, {
-		"data-slot": "card-description",
-		tag: "div",
-		type: "secondary",
-		className: a(I.description, e),
-		...n,
-		children: t
-	}) : null;
-}
-function be({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ w(F, {
-		className: a(I.content, N.content, t !== void 0 && M[t], e),
-		...n
-	});
-}
-function xe({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ w(pe, {
-		className: a(I.footer, N.footer, t !== void 0 && M[t], e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-alert.tsx
-function Se({ alert: e, alertTone: t, hasHeader: n, className: r }) {
-	return /* @__PURE__ */ w("div", {
-		className: a(I.alert, L.alertX, r, n ? L.alertOffsetWithHeader : L.alertOffsetStandalone),
-		children: /* @__PURE__ */ w(D, {
-			tone: t,
-			children: /* @__PURE__ */ w(k, { children: e })
-		})
-	});
-}
-//#endregion
-//#region src/components/base/display/surface-title.tsx
-function Ce({ title: e, suffix: t, size: n = d.subject, className: r, suffixClassName: i, dataSlot: o }) {
-	let s = typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-	return /* @__PURE__ */ T(c, {
-		tag: "div",
-		type: "inherit",
-		size: n,
-		weight: s ? "semibold" : "medium",
-		lineHeight: "tight",
-		"data-slot": o,
-		className: a("surface-title--component flex min-w-0 flex-wrap items-center gap-space-md break-words", r),
-		children: [e != null && /* @__PURE__ */ w("span", {
-			className: "min-w-0 max-w-full",
-			...s ? {
-				role: "heading",
-				"aria-level": 2
-			} : {},
-			children: e
-		}), t != null && /* @__PURE__ */ w("div", {
-			className: a("surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md", i),
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-actions-menu.tsx
-function we({ actions: e, actionsLabel: t }) {
-	let n = e.map((e, t) => ({
-		...e,
-		id: e.id ?? `card-action-${t}`
-	}));
-	return /* @__PURE__ */ w(y, {
-		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 Te({ tooltipLabel: e }) {
-	return /* @__PURE__ */ w(f, { render: (t) => {
-		let n = t;
-		return /* @__PURE__ */ w(s, {
-			...n,
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			iconOnly: !0,
-			className: a("card--tooltip-trigger", "text-muted-foreground", n.className),
-			"aria-label": e,
-			children: /* @__PURE__ */ w(oe, { className: "size-icon-md" })
-		});
-	} });
-}
-function Ee({ icon: e, title: t, titleSuffix: n, description: r, textGap: i = "normal", tooltip: o, tooltipLabel: s, headerStart: c, headerEnd: l, headerAction: u, actions: d, actionsLabel: ee, titleSize: f, className: te }) {
-	let g = Array.isArray(d) ? d : [], _ = g.length > 0, v = R(e), ne = R(t), y = R(n), b = R(r), x = R(o), S = R(c), re = R(l), C = R(u), ie = v || ne || y || x, ae = re || C || _;
-	return /* @__PURE__ */ T(z, {
-		className: a(N.headerRow, S && (i === "dense" ? "gap-y-dense" : "gap-y-normal"), !b && !S && N.headerRowSingle, L.headerX, te),
-		children: [
-			!!S && /* @__PURE__ */ w("div", {
-				className: "card--header-context min-w-0 max-w-full basis-full",
-				children: c
-			}),
-			/* @__PURE__ */ T(h, {
-				gap: i,
-				className: a("card--header-start", N.headerLeading, !b && !S && N.headerLeadingSingle),
-				children: [!!ie && /* @__PURE__ */ T("div", {
-					className: "card--title-row flex min-w-0 items-start gap-space-sm",
-					children: [
-						!!v && /* @__PURE__ */ w("span", {
-							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
-							children: e
-						}),
-						/* @__PURE__ */ w(Ce, {
-							dataSlot: "card-title",
-							title: t,
-							suffix: y ? n : void 0,
-							size: f === "md" ? "base" : f === "lg" ? "lg" : "sm",
-							className: "card--title flex-1",
-							suffixClassName: "card--title-suffix"
-						}),
-						!!x && /* @__PURE__ */ T(m, { children: [/* @__PURE__ */ w(Te, { tooltipLabel: s }), /* @__PURE__ */ w(p, { children: o })] })
-					]
-				}), !!b && /* @__PURE__ */ w(ye, {
-					className: "text-start",
-					children: r
-				})]
-			}),
-			!!ae && /* @__PURE__ */ T("div", {
-				className: a("card--header-end", N.headerTrailing),
-				children: [
-					!!re && l,
-					!!C && u,
-					!!_ && /* @__PURE__ */ w(we, {
-						actions: g,
-						actionsLabel: ee
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/base/cards/smart-card.strings.ts
-var De = {
-	actionsLabel: "More actions",
-	tooltipLabel: "Card info",
-	expandLabel: "Expand card",
-	collapseLabel: "Collapse card"
-}, B = x(function({ icon: t, title: o, titleSuffix: l, description: u, textGap: d = "normal", tooltip: f, tooltipAriaLabel: p, footerText: m, alert: g, alertTone: _ = "neutral", surface: ne, padding: y = "md", headerPlacement: b = "inside", gap: x, contentGap: S, titleSize: oe, actions: se, actionsLabel: ce, headerAction: E, headerStart: D, headerEnd: O, contentTop: k, contentBottom: A, footerSlot: j, headerDivider: le, footerDivider: M, expandable: N = !1, defaultExpanded: de = !1, expanded: fe, onExpandedChange: P, children: F, className: pe, headerClassName: he, contentClassName: ge, footerClassName: z, strings: ve, ...ye }, Ce) {
-	let { defaultSurface: we, defaultHeaderDivider: Te, defaultFooterDivider: B } = e(), { defaultScale: Oe } = n(), ke = r(oe, Oe), V = {
-		none: "px-0",
-		sm: "px-surface-xs",
-		md: "px-surface",
-		lg: "px-surface-lg"
-	}[y], Ae = {
-		none: "py-0",
-		sm: "py-surface-xs",
-		md: "py-surface",
-		lg: "py-surface-lg"
-	}[y], H = {
-		...L,
-		headerX: V,
-		contentX: V,
-		footerX: V,
-		headerDividerY: {
-			none: "!pb-0",
-			sm: "!pb-surface-xs",
-			md: "!pb-surface",
-			lg: "!pb-surface-lg"
-		}[y],
-		footerDividerY: {
-			none: "!pt-0",
-			sm: "!pt-surface-xs",
-			md: "!pt-surface",
-			lg: "!pt-surface-lg"
-		}[y]
-	}, U = b === "frame", je = Array.isArray(se) ? se : [], W = i(De, ve), Me = ce ?? W.actionsLabel, G = N !== !1 && N !== void 0, Ne = typeof N == "object" && N?.collapsedMaxHeight !== void 0 ? N.collapsedMaxHeight : "12rem", Pe = typeof Ne == "number" ? `${Ne}px` : Ne, K = fe !== void 0, Fe = C(), [Ie, Le] = ie(de), q = K ? fe : Ie, Re = re(() => {
-		let e = !q;
-		K || Le(e), P?.(e);
-	}, [
-		q,
-		K,
-		P
-	]), ze = (e) => {
-		if (!G || q) return;
-		let t = e.currentTarget, n = e.target, r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
-		t.scrollTop === 0 && i.top >= r.top && i.bottom <= r.bottom || (K || Le(!0), P?.(!0), requestAnimationFrame(() => {
-			n.isConnected && n === n.ownerDocument.activeElement && n.scrollIntoView?.({
-				block: "nearest",
-				inline: "nearest"
-			});
-		}));
-	}, Be = R(t) || R(o) || R(u) || je.length > 0 || R(E) || R(D) || R(O), Ve = R(g), J = R(m), Y = R(j), He = R(k), X = R(A), Ue = R(F), Z = He || X || Ue || G, We = Ve || Z || J || Y, Ge = Be && (J || Y) && !Ve && !Z && !U, Ke = p && p.trim().length > 0 ? p : W.tooltipLabel, qe = G ? { maxHeight: q ? "" : Pe } : void 0, Q = ne ?? we ?? "card", Je = Q !== "flat", Ye = le ?? (Je && !U && (Te ?? !1)), Xe = M ?? (Je && (B ?? !0)), $ = Ge && (Ye || Xe);
-	return /* @__PURE__ */ T(_e, {
-		...ye,
-		"data-header-placement": b,
-		ref: Ce,
-		"data-surface": Q,
-		className: a(me[Q], H.shell, Ae, x ? te({ gap: x }) : ue[y], $ && "gap-0", U && "rounded-radius bg-muted text-foreground p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !U && "overflow-visible", G && a("relative mb-space-xl !overflow-visible", H.expandableBottom), pe),
-		children: [
-			!!Be && /* @__PURE__ */ w(Ee, {
-				icon: t,
-				title: o,
-				titleSuffix: l,
-				description: u,
-				textGap: d,
-				tooltip: f,
-				tooltipLabel: Ke,
-				headerStart: D,
-				headerEnd: O,
-				headerAction: E,
-				actions: je,
-				actionsLabel: Me,
-				titleSize: ke,
-				className: a(Ye && !$ && a(v.frame.header, H.headerDividerY), $ && H.headerDividerY, H.headerX, U && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", he)
-			}),
-			We && /* @__PURE__ */ T("div", {
-				className: U ? a("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", x ? te({ gap: x }) : ue[y], v.frame.shell, Ae) : "contents",
-				children: [
-					!!Ve && /* @__PURE__ */ w(Se, {
-						alert: g,
-						alertTone: _,
-						hasHeader: Be,
-						className: V
-					}),
-					!!Z && /* @__PURE__ */ T(be, {
-						id: G ? Fe : void 0,
-						onFocusCapture: G ? ze : void 0,
-						className: a(H.contentX, H.contentY, G && a("relative transition-[max-height] duration-500 ease-in-out motion-reduce:transition-none", q ? "overflow-visible" : "overflow-hidden"), ge),
-						style: qe,
-						children: [He || X ? /* @__PURE__ */ T(h, {
-							gap: S ?? "lg",
-							children: [
-								!!He && k,
-								Ue && (S ? /* @__PURE__ */ w(h, {
-									gap: S,
-									children: F
-								}) : /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: F
-								})),
-								!!X && A
-							]
-						}) : S ? /* @__PURE__ */ w(h, {
-							gap: S,
-							children: F
-						}) : F, !!G && !q && /* @__PURE__ */ w("div", {
-							"aria-hidden": "true",
-							className: a(I.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")
-						})]
-					}),
-					(J || Y) && /* @__PURE__ */ T(xe, {
-						className: a(H.footerX, Y ? "flex-col items-stretch gap-space-md" : "justify-end", (Xe || $) && a(v.frame.footer, H.footerDividerY), z),
-						children: [J && (typeof m == "string" || typeof m == "number" || typeof m == "bigint" ? /* @__PURE__ */ w(c, {
-							tag: "span",
-							size: "xs",
-							type: "secondary",
-							children: m
-						}) : m), Y && j]
-					})
-				]
-			}),
-			!!G && /* @__PURE__ */ w("div", {
-				className: a(I.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
-				children: /* @__PURE__ */ w(s, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "outline",
-					size: "sm",
-					iconOnly: !0,
-					onClick: Re,
-					"aria-expanded": q,
-					"aria-controls": Fe,
-					"aria-label": q ? W.collapseLabel : W.expandLabel,
-					className: a(I.expandToggleButton, a(v.frame.shell, "bg-background text-foreground shadow-sm")),
-					children: /* @__PURE__ */ w(ae, {
-						"aria-hidden": "true",
-						className: a(`size-icon ${ee.chevron}`, q && "rotate-180")
-					})
-				})
-			})
-		]
-	});
-});
-B.displayName = "Card";
-var Oe = B;
-//#endregion
-export { j as _, be as a, z as c, R as d, me as f, A as g, k as h, Ce as i, _e as l, le as m, Oe as n, ye as o, D as p, De as r, xe as s, B as t, ve as u, O as v };
-
-//# sourceMappingURL=smart-card-CqkzQsK-.js.map