themelia-react-ui 1.0.0 → 1.0.1

package/dist/{smart-card-B5FcKODh.js → smart-card-CYLn46e6.js}

@@ -4,21 +4,22 @@ import { useStrings as r } from "./lib/strings.js";
 import { t as i } from "./utils-C2EKeIw3.js";
 import { l as a, n as o, o as s, s as c } from "./buttons-Co6GavvM.js";
 import { a as l } from "./typography-Cv8MT-82.js";
-import { t as u } from "./structure-BvW4vG4H.js";
-import { t as d } from "./icon-size-B6PVwjbC.js";
-import { n as f } from "./surface-recipes-CQfRr-VL.js";
-import { n as p } from "./action-menu-Cx3SdfbN.js";
-import { Fragment as m, forwardRef as h, isValidElement as g, useCallback as ee, useState as _ } from "react";
+import { n as u } from "./structure.recipes-Bqhf9oIh.js";
+import { t as d } from "./structure-MvKVq-oL.js";
+import { t as f } from "./icon-size-B6PVwjbC.js";
+import { n as p } from "./surface-recipes-CQfRr-VL.js";
+import { n as m } from "./action-menu-Cx3SdfbN.js";
+import { Fragment as h, forwardRef as g, isValidElement as _, useCallback as ee, useState as te } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { ChevronDown as b, Info as x, MoreHorizontal as te } from "lucide-react";
-import { cva as S } from "class-variance-authority";
+import { ChevronDown as b, Info as x, MoreHorizontal as S } from "lucide-react";
+import { cva as C } from "class-variance-authority";
 //#region src/components/base/feedback/alert.tsx
-var C = S([
+var w = C([
 	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border p-surface text-left",
 	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-sm",
 	"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-sm",
 	"[&>svg]:row-span-2 [&>svg]:mt-[calc((1em*1.375-var(--spacing-icon))/2)] [&>svg]:shrink-0",
-	d.md
+	f.md
 ], {
 	variants: {
 		tone: {
@@ -49,31 +50,31 @@ var C = S([
 		variant: "default"
 	}
 });
-function w(e) {
+function T(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var T = h(function({ className: e, tone: t, variant: n, role: r = "alert", ...a }, o) {
+var E = g(function({ className: e, tone: t, variant: n, role: r = "alert", ...a }, o) {
 	return /* @__PURE__ */ v("div", {
 		ref: o,
 		"data-slot": "alert",
 		"data-tone": t ?? "neutral",
 		"data-variant": n ?? "default",
 		role: r,
-		className: i(C({
+		className: i(w({
 			tone: t,
 			variant: n
 		}), e),
 		...a
 	});
 });
-T.displayName = "Alert";
-var E = h(function({ className: e, children: t, ...n }, r) {
+E.displayName = "Alert";
+var D = g(function({ className: e, children: t, ...n }, r) {
 	return /* @__PURE__ */ v("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: w(t) ? /* @__PURE__ */ v(l, {
+		children: T(t) ? /* @__PURE__ */ v(l, {
 			tag: "span",
 			weight: "semibold",
 			lineHeight: "snug",
@@ -81,24 +82,24 @@ var E = h(function({ className: e, children: t, ...n }, r) {
 		}) : t
 	});
 });
-E.displayName = "AlertTitle";
-var D = h(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ v(u, {
+D.displayName = "AlertTitle";
+var O = g(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ v(d, {
 		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: w(t) ? /* @__PURE__ */ v(l, {
+		children: T(t) ? /* @__PURE__ */ v(l, {
 			tag: "span",
 			type: "secondary",
 			children: t
 		}) : t
 	});
 });
-D.displayName = "AlertDescription";
-var O = h(function({ className: e, ...t }, n) {
+O.displayName = "AlertDescription";
+var k = g(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ v("dl", {
 		ref: n,
 		"data-slot": "alert-metadata",
@@ -106,8 +107,8 @@ var O = h(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-O.displayName = "AlertMetadata";
-var k = h(function({ className: e, icon: t, label: n, value: r, numeric: a = !1, ...o }, s) {
+k.displayName = "AlertMetadata";
+var ne = g(function({ className: e, icon: t, label: n, value: r, numeric: a = !1, ...o }, s) {
 	return /* @__PURE__ */ y("div", {
 		ref: s,
 		"data-slot": "alert-metadata-item",
@@ -118,7 +119,7 @@ var k = h(function({ className: e, icon: t, label: n, value: r, numeric: a = !1,
 			/* @__PURE__ */ v("dt", {
 				"data-slot": "alert-metadata-label",
 				className: "alert--metadata-label shrink-0",
-				children: w(n) ? /* @__PURE__ */ v(l, {
+				children: T(n) ? /* @__PURE__ */ v(l, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -129,7 +130,7 @@ var k = h(function({ className: e, icon: t, label: n, value: r, numeric: a = !1,
 			/* @__PURE__ */ v("dd", {
 				"data-slot": "alert-metadata-value",
 				className: "alert--metadata-value m-0 min-w-0",
-				children: w(r) ? /* @__PURE__ */ v(l, {
+				children: T(r) ? /* @__PURE__ */ v(l, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
@@ -141,9 +142,9 @@ var k = h(function({ className: e, icon: t, label: n, value: r, numeric: a = !1,
 		]
 	});
 });
-k.displayName = "AlertMetadataItem";
-var A = h(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ v(u, {
+ne.displayName = "AlertMetadataItem";
+var A = g(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ v(d, {
 		ref: n,
 		direction: "horizontal",
 		align: "center",
@@ -190,14 +191,14 @@ function P({ className: e, ...t }) {
 		...t
 	});
 }
-function ne({ className: e, ...t }) {
+function F({ className: e, ...t }) {
 	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-content",
 		className: i("card-content--primitive", e),
 		...t
 	});
 }
-function F({ className: e, ...t }) {
+function re({ className: e, ...t }) {
 	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-footer",
 		className: i("card-footer--primitive", e),
@@ -209,18 +210,18 @@ function F({ className: e, ...t }) {
 var I = {
 	root: "flex flex-col w-full 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 rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150",
-	surfaceCard: `bg-card ${f.frame.shell} shadow-sm text-card-foreground`,
-	surfaceDefault: `bg-card ${f.frame.shell} shadow-sm text-card-foreground`,
+	surfaceCard: `bg-card ${p.frame.shell} shadow-sm text-card-foreground`,
+	surfaceDefault: `bg-card ${p.frame.shell} shadow-sm text-card-foreground`,
 	surfaceFlat: "bg-transparent border-0 shadow-none text-foreground",
-	surfaceFramed: `bg-card ${f.frame.shell} shadow-sm ring-4 ring-border/30 text-card-foreground`,
-	surfaceRaised: `bg-card ${f.frame.shell} shadow-md text-card-foreground`,
-	surfaceSunken: `bg-muted ${f.frame.shell} text-foreground`,
+	surfaceFramed: `bg-card ${p.frame.shell} shadow-sm ring-4 ring-border/30 text-card-foreground`,
+	surfaceRaised: `bg-card ${p.frame.shell} shadow-md text-card-foreground`,
+	surfaceSunken: `bg-muted ${p.frame.shell} text-foreground`,
 	header: "flex flex-col gap-normal px-surface box-border",
 	headerRow: "flex-col @sm/card:flex-row items-start justify-between gap-space-lg pb-0",
 	headerRowSingle: "@sm/card:items-center",
 	headerLeading: "min-w-0 w-full @sm/card:w-auto flex-1",
 	headerTrailing: "flex max-w-full flex-wrap shrink-0 items-center gap-space-md",
-	headerDivider: `${f.frame.header} [&.border-b]:!pb-surface`,
+	headerDivider: `${p.frame.header} [&.border-b]:!pb-surface`,
 	title: "min-w-0 leading-tight text-card-foreground",
 	titleSm: "text-sm",
 	titleMd: "text-base",
@@ -228,7 +229,7 @@ var I = {
 	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: `${f.frame.footer} [&.border-t]:!pt-surface`,
+	footerDivider: `${p.frame.footer} [&.border-t]:!pt-surface`,
 	alert: "px-surface",
 	alertWithHeader: "-mt-space-xs",
 	expandToggle: "flex justify-center pb-surface -mt-space-md"
@@ -255,7 +256,7 @@ var I = {
 	expandableBottom: "pb-surface",
 	alertOffsetWithHeader: I.alertWithHeader,
 	alertOffsetStandalone: ""
-}, re = {
+}, ie = {
 	card: I.surfaceCard,
 	flat: I.surfaceFlat,
 	framed: I.surfaceFramed
@@ -263,20 +264,20 @@ var I = {
 //#endregion
 //#region src/components/base/cards/partials/has-renderable-content.ts
 function z(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(z) : !g(e) || e.type !== m || z(e.props.children);
+	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(z) : !_(e) || e.type !== h || z(e.props.children);
 }
 //#endregion
 //#region src/components/base/cards/partials/card-primitives.tsx
-var ie = {
+var B = {
 	sm: I.titleSm,
 	md: I.titleMd,
 	lg: I.titleLg
-}, B = {
+}, ae = {
 	sm: "sm",
 	md: "base",
 	lg: "lg"
 };
-function ae({ className: e, ...t }) {
+function oe({ className: e, ...t }) {
 	return /* @__PURE__ */ v(j, {
 		className: i(L.root, I.shell, e),
 		...t
@@ -291,13 +292,13 @@ function V({ className: e, textGap: t = "normal", ...n }) {
 function H({ className: t, children: r, size: a, ...o }) {
 	let { defaultScale: s } = n(), c = e(a, s);
 	return z(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ v(N, {
-		className: i(L.title, I.title, "font-medium", ie[c], t),
+		className: i(L.title, I.title, "font-medium", B[c], t),
 		...o,
 		children: r
 	}) : /* @__PURE__ */ v(l, {
 		"data-slot": "card-title",
 		tag: "div",
-		size: B[c],
+		size: ae[c],
 		weight: "semibold",
 		lineHeight: "tight",
 		className: i(L.title, I.title, t),
@@ -319,32 +320,32 @@ function U({ className: e, children: t, ...n }) {
 		children: t
 	}) : null;
 }
-function oe({ className: e, ...t }) {
-	return /* @__PURE__ */ v(ne, {
+function se({ className: e, ...t }) {
+	return /* @__PURE__ */ v(F, {
 		className: i(L.content, I.content, e),
 		...t
 	});
 }
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ v(F, {
+function ce({ className: e, ...t }) {
+	return /* @__PURE__ */ v(re, {
 		className: i(L.footer, I.footer, e),
 		...t
 	});
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-alert.tsx
-function ce({ alert: e, alertTone: t, hasHeader: n, className: r }) {
+function le({ alert: e, alertTone: t, hasHeader: n, className: r }) {
 	return /* @__PURE__ */ v("div", {
 		className: i(L.alert, R.alertX, r, n ? R.alertOffsetWithHeader : R.alertOffsetStandalone),
-		children: /* @__PURE__ */ v(T, {
+		children: /* @__PURE__ */ v(E, {
 			tone: t,
-			children: /* @__PURE__ */ v(D, { children: e })
+			children: /* @__PURE__ */ v(O, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/components/base/display/surface-title.tsx
-function le({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: a, dataSlot: o }) {
+function ue({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: a, dataSlot: o }) {
 	return /* @__PURE__ */ y(l, {
 		tag: "div",
 		size: n,
@@ -363,14 +364,14 @@ function le({ title: e, suffix: t, size: n = "base", className: r, suffixClassNa
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-actions-menu.tsx
-function ue({ actions: e, actionsLabel: t }) {
+function de({ actions: e, actionsLabel: t }) {
 	let n = e.map((e, t) => ({
 		...e,
 		id: e.id ?? `card-action-${t}`
 	}));
-	return /* @__PURE__ */ v(p, {
+	return /* @__PURE__ */ v(m, {
 		actions: n,
-		icon: te,
+		icon: S,
 		srText: t,
 		align: "end",
 		closeOnSelect: !0,
@@ -385,7 +386,7 @@ function ue({ actions: e, actionsLabel: t }) {
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-header-row.tsx
-function de({ tooltipLabel: e }) {
+function fe({ tooltipLabel: e }) {
 	return /* @__PURE__ */ v(a, { render: (t) => {
 		let n = t;
 		return /* @__PURE__ */ v(o, {
@@ -401,23 +402,23 @@ function de({ tooltipLabel: e }) {
 		});
 	} });
 }
-function fe({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: o, tooltipLabel: l, headerStart: d, headerEnd: f, headerAction: p, actions: m, actionsLabel: h, titleSize: g, className: ee }) {
-	let _ = Array.isArray(m) ? m : [], b = _.length > 0, x = z(e), te = z(t), S = z(n), C = z(r), w = z(o), T = z(d), E = z(f), D = z(p), O = x || te || S || w, k = E || D || b;
+function pe({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: o, tooltipLabel: l, headerStart: u, headerEnd: f, headerAction: p, actions: m, actionsLabel: h, titleSize: g, className: _ }) {
+	let ee = Array.isArray(m) ? m : [], te = ee.length > 0, b = z(e), x = z(t), S = z(n), C = z(r), w = z(o), T = z(u), E = z(f), D = z(p), O = b || x || S || w, k = E || D || te;
 	return /* @__PURE__ */ y(V, {
-		className: i(I.headerRow, !C && !T && I.headerRowSingle, R.headerX, ee),
-		children: [/* @__PURE__ */ y(u, {
+		className: i(I.headerRow, !C && !T && I.headerRowSingle, R.headerX, _),
+		children: [/* @__PURE__ */ y(d, {
 			gap: a,
 			className: i("card--header-start", I.headerLeading),
 			children: [
-				!!T && d,
+				!!T && u,
 				!!O && /* @__PURE__ */ y("div", {
 					className: "card--title-row flex min-w-0 items-start gap-space-sm",
 					children: [
-						!!x && /* @__PURE__ */ v("span", {
+						!!b && /* @__PURE__ */ v("span", {
 							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
 							children: e
 						}),
-						/* @__PURE__ */ v(le, {
+						/* @__PURE__ */ v(ue, {
 							dataSlot: "card-title",
 							title: t,
 							suffix: S ? n : void 0,
@@ -425,7 +426,7 @@ function fe({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "n
 							className: "card--title flex-1",
 							suffixClassName: "card--title-suffix"
 						}),
-						!!w && /* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(de, { tooltipLabel: l }), /* @__PURE__ */ v(c, { children: o })] })
+						!!w && /* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(fe, { tooltipLabel: l }), /* @__PURE__ */ v(c, { children: o })] })
 					]
 				}),
 				!!C && /* @__PURE__ */ v(U, {
@@ -438,8 +439,8 @@ function fe({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "n
 			children: [
 				!!E && f,
 				!!D && p,
-				!!b && /* @__PURE__ */ v(ue, {
-					actions: _,
+				!!te && /* @__PURE__ */ v(de, {
+					actions: ee,
 					actionsLabel: h
 				})
 			]
@@ -448,23 +449,23 @@ function fe({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "n
 }
 //#endregion
 //#region src/components/base/cards/smart-card.strings.ts
-var pe = {
+var me = {
 	actionsLabel: "Card actions",
 	tooltipLabel: "Card info",
 	expandLabel: "Expand card",
 	collapseLabel: "Collapse card"
-}, W = h(function({ icon: a, title: s, titleSuffix: c, description: d, textGap: p = "normal", tooltip: m, tooltipAriaLabel: h, footerText: g, alert: x, alertTone: te = "neutral", surface: S, padding: C = "md", headerPlacement: w = "inside", contentGap: T, titleSize: E, actions: D, actionsLabel: O, headerAction: k, headerStart: A, headerEnd: j, contentTop: M, contentBottom: N, footerSlot: P, headerDivider: ne, footerDivider: F = !1, expandable: I = !1, defaultExpanded: ie = !1, expanded: B, onExpandedChange: V, children: H, className: U, headerClassName: le, contentClassName: ue, footerClassName: de, strings: W, ...me }, he) {
-	let { defaultSurface: ge, defaultHeaderDivider: _e } = t(), { defaultScale: ve } = n(), ye = e(E, ve), G = {
+}, W = g(function({ icon: a, title: s, titleSuffix: c, description: f, textGap: m = "normal", tooltip: h, tooltipAriaLabel: g, footerText: _, alert: x, alertTone: S = "neutral", surface: C, padding: w = "md", headerPlacement: T = "inside", gap: E, contentGap: D, titleSize: O, actions: k, actionsLabel: ne, headerAction: A, headerStart: j, headerEnd: M, contentTop: N, contentBottom: P, footerSlot: F, headerDivider: re, footerDivider: I = !1, expandable: B = !1, defaultExpanded: ae = !1, expanded: V, onExpandedChange: H, children: U, className: ue, headerClassName: de, contentClassName: fe, footerClassName: W, strings: he, ...ge }, _e) {
+	let { defaultSurface: ve, defaultHeaderDivider: ye } = t(), { defaultScale: be } = n(), xe = e(O, be), G = {
 		none: "px-0",
 		sm: "px-surface-xs",
 		md: "px-surface",
 		lg: "px-surface-lg"
-	}[C], be = {
+	}[w], Se = {
 		none: "py-0",
 		sm: "py-surface-xs",
 		md: "py-surface",
 		lg: "py-surface-lg"
-	}[C], K = {
+	}[w], K = {
 		...R,
 		headerX: G,
 		contentX: G,
@@ -474,77 +475,77 @@ var pe = {
 			sm: "!pb-surface-xs",
 			md: "!pb-surface",
 			lg: "!pb-surface-lg"
-		}[C],
+		}[w],
 		footerDividerY: {
 			none: "!pt-0",
 			sm: "!pt-surface-xs",
 			md: "!pt-surface",
 			lg: "!pt-surface-lg"
-		}[C]
-	}, q = w === "frame", xe = Array.isArray(D) ? D : [], J = r(pe, W), Se = O ?? J.actionsLabel, Y = I !== !1 && I !== void 0, Ce = typeof I == "object" && I?.collapsedMaxHeight !== void 0 ? I.collapsedMaxHeight : "12rem", we = typeof Ce == "number" ? `${Ce}px` : Ce, Te = B !== void 0, [Ee, De] = _(ie), X = Te ? B : Ee, Oe = ee(() => {
+		}[w]
+	}, q = T === "frame", Ce = Array.isArray(k) ? k : [], J = r(me, he), we = ne ?? J.actionsLabel, Y = B !== !1 && B !== void 0, Te = typeof B == "object" && B?.collapsedMaxHeight !== void 0 ? B.collapsedMaxHeight : "12rem", Ee = typeof Te == "number" ? `${Te}px` : Te, De = V !== void 0, [Oe, ke] = te(ae), X = De ? V : Oe, Ae = ee(() => {
 		let e = !X;
-		Te || De(e), V?.(e);
+		De || ke(e), H?.(e);
 	}, [
 		X,
-		Te,
-		V
-	]), ke = z(a) || z(s) || z(d) || xe.length > 0 || z(k) || z(A) || z(j), Ae = z(x), je = z(g), Z = z(P), Me = z(M), Ne = z(N), Pe = Me || Ne || z(H) || Y, Fe = ke && (je || Z) && !Ae && !Pe && !q, Ie = h && h.trim().length > 0 ? h : J.tooltipLabel, Le = Y ? { maxHeight: X ? "" : we } : void 0, Q = S ?? ge ?? "framed", Re = ne ?? _e ?? !1, $ = Fe && (Re || F);
-	return /* @__PURE__ */ y(ae, {
-		...me,
-		"data-header-placement": w,
-		ref: he,
+		De,
+		H
+	]), je = z(a) || z(s) || z(f) || Ce.length > 0 || z(A) || z(j) || z(M), Me = z(x), Ne = z(_), Z = z(F), Pe = z(N), Fe = z(P), Ie = Pe || Fe || z(U) || Y, Le = je && (Ne || Z) && !Me && !Ie && !q, Re = g && g.trim().length > 0 ? g : J.tooltipLabel, ze = Y ? { maxHeight: X ? "" : Ee } : void 0, Q = C ?? ve ?? "framed", Be = re ?? ye ?? !1, $ = Le && (Be || I);
+	return /* @__PURE__ */ y(oe, {
+		...ge,
+		"data-header-placement": T,
+		ref: _e,
 		"data-surface": Q,
-		className: i(re[Q], K.shell, be, C === "none" && "gap-space-md", $ && "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), U),
+		className: i(ie[Q], K.shell, Se, u({ gap: E ?? (w === "none" ? "md" : "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), ue),
 		children: [
-			!!ke && /* @__PURE__ */ v(fe, {
+			!!je && /* @__PURE__ */ v(pe, {
 				icon: a,
 				title: s,
 				titleSuffix: c,
-				description: d,
-				textGap: p,
-				tooltip: m,
-				tooltipLabel: Ie,
-				headerStart: A,
-				headerEnd: j,
-				headerAction: k,
-				actions: xe,
-				actionsLabel: Se,
-				titleSize: ye,
-				className: i(Re && !$ && i(f.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)
+				description: f,
+				textGap: m,
+				tooltip: h,
+				tooltipLabel: Re,
+				headerStart: j,
+				headerEnd: M,
+				headerAction: A,
+				actions: Ce,
+				actionsLabel: we,
+				titleSize: xe,
+				className: i(Be && !$ && i(p.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", de)
 			}),
 			/* @__PURE__ */ y("div", {
-				className: q ? i("card--body-surface flex min-w-0 flex-col gap-space-xl rounded-inner bg-card text-card-foreground", f.frame.shell, be) : "contents",
+				className: q ? i("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", u({ gap: E ?? "xl" }), p.frame.shell, Se) : "contents",
 				children: [
-					!!Ae && /* @__PURE__ */ v(ce, {
+					!!Me && /* @__PURE__ */ v(le, {
 						alert: x,
-						alertTone: te,
-						hasHeader: ke,
+						alertTone: S,
+						hasHeader: je,
 						className: G
 					}),
-					!!Pe && /* @__PURE__ */ y(oe, {
-						className: i(K.contentX, K.contentY, Y && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", ue),
-						style: Le,
+					!!Ie && /* @__PURE__ */ y(se, {
+						className: i(K.contentX, K.contentY, Y && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", fe),
+						style: ze,
 						children: [
-							!!Me && M,
-							T ? /* @__PURE__ */ v(u, {
-								gap: T,
-								children: H
-							}) : H,
-							!!Ne && N,
+							!!Pe && N,
+							D ? /* @__PURE__ */ v(d, {
+								gap: D,
+								children: U
+							}) : U,
+							!!Fe && P,
 							!!Y && !X && /* @__PURE__ */ v("div", {
 								"aria-hidden": "true",
 								className: i(L.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")
 							})
 						]
 					}),
-					(je || Z) && /* @__PURE__ */ y(se, {
-						className: i(K.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (F || $) && i(f.frame.footer, K.footerDividerY), de),
-						children: [je && (typeof g == "string" || typeof g == "number" || typeof g == "bigint" ? /* @__PURE__ */ v(l, {
+					(Ne || Z) && /* @__PURE__ */ y(ce, {
+						className: i(K.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (I || $) && i(p.frame.footer, K.footerDividerY), W),
+						children: [Ne && (typeof _ == "string" || typeof _ == "number" || typeof _ == "bigint" ? /* @__PURE__ */ v(l, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: g
-						}) : g), Z && P]
+							children: _
+						}) : _), Z && F]
 					})
 				]
 			}),
@@ -556,10 +557,10 @@ var pe = {
 					buttonStyle: "outline",
 					size: "sm",
 					iconOnly: !0,
-					onClick: Oe,
+					onClick: Ae,
 					"aria-expanded": X,
 					"aria-label": X ? J.collapseLabel : J.expandLabel,
-					className: i(L.expandToggleButton, "rounded-full", i(f.frame.shell, "bg-background text-foreground shadow-sm"), "hover:bg-muted/40 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"),
+					className: i(L.expandToggleButton, "rounded-full", i(p.frame.shell, "bg-background text-foreground shadow-sm"), "hover:bg-muted/40 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"),
 					children: /* @__PURE__ */ v(b, {
 						"aria-hidden": "true",
 						className: i("size-icon transition-transform duration-300", X && "rotate-180")
@@ -570,8 +571,8 @@ var pe = {
 	});
 });
 W.displayName = "Card";
-var me = W;
+var he = W;
 //#endregion
-export { E as _, U as a, ae as c, re as d, T as f, k as g, O as h, oe as i, H as l, D as m, me as n, se as o, A as p, pe as r, V as s, W as t, z as u };
+export { D as _, U as a, oe as c, ie as d, E as f, ne as g, k as h, se as i, H as l, O as m, he as n, ce as o, A as p, me as r, V as s, W as t, z as u };
 
-//# sourceMappingURL=smart-card-B5FcKODh.js.map
+//# sourceMappingURL=smart-card-CYLn46e6.js.map