themelia-react-ui 1.0.2 → 2.0.0

package/dist/{smart-card-DjGVV2xr.js → smart-card-Bek-TwUp.js}

@@ -1,25 +1,25 @@
 "use client";
-import { _ as e, i as t, s as n } from "./ui-provider-DRPn3qNl.js";
+import { _ as e, i as t, s as n } from "./ui-provider-D2_TeLqw.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-BvH9PSmq.js";
-import { a } from "./typography-BxQgiZyw.js";
-import { a as o, c as s, o as c, t as l } from "./button-BZDasD04.js";
-import { n as u } from "./structure.recipes-Bqhf9oIh.js";
-import { t as d } from "./structure-CRdqVawd.js";
-import { t as f } from "./icon-size-B6PVwjbC.js";
-import { n as p } from "./surface-recipes-Dd__PD-w.js";
-import { n as m } from "./action-menu-Drxw_vJk.js";
-import { Fragment as h, forwardRef as g, isValidElement as _, useCallback as v, useState as ee } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ChevronDown as te, Info as x, MoreHorizontal as S } from "lucide-react";
-import { cva as C } from "class-variance-authority";
+import { t as i } from "./utils-Cospvlj1.js";
+import { c as a, s as o } from "./typography-CAr3dQhX.js";
+import { a as s, c, o as l, t as u } from "./button-BS3KDg00.js";
+import { n as d } from "./structure.recipes-EPz60cU8.js";
+import { t as f } from "./structure-hzCW-XsV.js";
+import { t as p } from "./icon-size-B6PVwjbC.js";
+import { n as m } from "./surface-recipes-DOdoBXGm.js";
+import { n as ee } from "./action-menu-BTpyPWJ2.js";
+import { Fragment as h, forwardRef as g, isValidElement as _, useCallback as te, useState as ne } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ChevronDown as re, Info as b, MoreHorizontal as x } from "lucide-react";
+import { cva as S } from "class-variance-authority";
 //#region src/components/base/feedback/alert.tsx
-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",
+var C = S([
+	"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-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",
-	f.md
+	"[&>svg]:row-span-2 [&>svg]:mt-[calc((1em*1.375-var(--icon))/2)] [&>svg]:shrink-0",
+	p.md
 ], {
 	variants: {
 		tone: {
@@ -50,31 +50,31 @@ var w = C([
 		variant: "default"
 	}
 });
-function T(e) {
+function w(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var E = g(function({ className: e, tone: t, variant: n, role: r = "alert", ...a }, o) {
-	return /* @__PURE__ */ y("div", {
+var T = 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(w({
+		className: i(C({
 			tone: t,
 			variant: n
 		}), e),
 		...a
 	});
 });
-E.displayName = "Alert";
-var D = g(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ y("div", {
+T.displayName = "Alert";
+var E = 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: T(t) ? /* @__PURE__ */ y(a, {
+		children: w(t) ? /* @__PURE__ */ v(o, {
 			tag: "span",
 			weight: "semibold",
 			lineHeight: "snug",
@@ -82,44 +82,44 @@ var D = g(function({ className: e, children: t, ...n }, r) {
 		}) : t
 	});
 });
-D.displayName = "AlertTitle";
-var O = g(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ y(d, {
+E.displayName = "AlertTitle";
+var D = g(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ v(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: T(t) ? /* @__PURE__ */ y(a, {
+		children: w(t) ? /* @__PURE__ */ v(o, {
 			tag: "span",
 			type: "secondary",
 			children: t
 		}) : t
 	});
 });
-O.displayName = "AlertDescription";
-var k = g(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ y("dl", {
+D.displayName = "AlertDescription";
+var ie = g(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ v("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
 	});
 });
-k.displayName = "AlertMetadata";
-var A = g(function({ className: e, icon: t, label: n, value: r, numeric: o = !1, ...s }, c) {
-	return /* @__PURE__ */ b("div", {
+ie.displayName = "AlertMetadata";
+var O = g(function({ className: e, icon: t, label: n, value: r, numeric: a = !1, ...s }, c) {
+	return /* @__PURE__ */ y("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-muted/60 px-control-xs py-space-xs", "[&>svg]:size-icon-sm [&>svg]:shrink-0 [&>svg]:text-muted-foreground", e),
 		...s,
 		children: [
 			t,
-			/* @__PURE__ */ y("dt", {
+			/* @__PURE__ */ v("dt", {
 				"data-slot": "alert-metadata-label",
 				className: "alert--metadata-label shrink-0",
-				children: T(n) ? /* @__PURE__ */ y(a, {
+				children: w(n) ? /* @__PURE__ */ v(o, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -127,24 +127,23 @@ var A = g(function({ className: e, icon: t, label: n, value: r, numeric: o = !1,
 					children: n
 				}) : n
 			}),
-			/* @__PURE__ */ y("dd", {
+			/* @__PURE__ */ v("dd", {
 				"data-slot": "alert-metadata-value",
 				className: "alert--metadata-value m-0 min-w-0",
-				children: T(r) ? /* @__PURE__ */ y(a, {
+				children: w(r) ? /* @__PURE__ */ v(o, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					numeric: o,
-					className: "break-words leading-none",
+					className: i("break-words leading-none", a && "tabular-nums"),
 					children: r
 				}) : r
 			})
 		]
 	});
 });
-A.displayName = "AlertMetadataItem";
-var j = g(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ y(d, {
+O.displayName = "AlertMetadataItem";
+var k = g(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ v(f, {
 		ref: n,
 		direction: "horizontal",
 		align: "center",
@@ -159,47 +158,47 @@ var j = g(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-j.displayName = "AlertAction";
+k.displayName = "AlertAction";
 //#endregion
 //#region src/components/ui/card.tsx
-function M({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ y("div", {
+function A({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card",
 		"data-size": t,
 		className: i("card--primitive", e),
 		...n
 	});
 }
-function ne({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
+function j({ className: e, ...t }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-header",
 		className: i("card-header--primitive", e),
 		...t
 	});
 }
-function re({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-title",
 		className: i("card-title--primitive", e),
 		...t
 	});
 }
-function N({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
+function ae({ className: e, ...t }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-description",
 		className: i("card-description--primitive", e),
 		...t
 	});
 }
-function P({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-content",
 		className: i("card-content--primitive", e),
 		...t
 	});
 }
-function ie({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
+function se({ className: e, ...t }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "card-footer",
 		className: i("card-footer--primitive", e),
 		...t
@@ -207,27 +206,27 @@ function ie({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/base/cards/card.recipes.ts
-var F = {
+var N = {
 	none: "p-0",
 	sm: "p-surface-xs",
 	md: "p-surface",
 	lg: "p-surface-lg"
-}, I = {
+}, P = {
 	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 ${p.frame.shell} shadow-sm text-card-foreground`,
-	surfaceDefault: `bg-card ${p.frame.shell} shadow-sm text-card-foreground`,
+	surfaceCard: `bg-card ${m.frame.shell} shadow-sm text-card-foreground`,
+	surfaceDefault: `bg-card ${m.frame.shell} shadow-sm text-card-foreground`,
 	surfaceFlat: "bg-transparent border-0 shadow-none 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`,
+	surfaceFramed: `bg-card ${m.frame.shell} shadow-sm ring-4 ring-border/30 text-card-foreground`,
+	surfaceRaised: `bg-card ${m.frame.shell} shadow-md text-card-foreground`,
+	surfaceSunken: `bg-muted ${m.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: `${p.frame.header} [&.border-b]:!pb-surface`,
+	headerDivider: `${m.frame.header} [&.border-b]:!pb-surface`,
 	title: "min-w-0 leading-tight text-card-foreground",
 	titleSm: "text-sm",
 	titleMd: "text-base",
@@ -235,11 +234,11 @@ var F = {
 	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: `${p.frame.footer} [&.border-t]:!pt-surface`,
+	footerDivider: `${m.frame.footer} [&.border-t]:!pt-surface`,
 	alert: "px-surface",
 	alertWithHeader: "-mt-space-xs",
 	expandToggle: "flex justify-center pb-surface -mt-space-md"
-}, L = {
+}, F = {
 	root: "card--component",
 	header: "card--header",
 	title: "card--title",
@@ -250,134 +249,142 @@ var F = {
 	collapseFade: "card--collapse-fade",
 	expandToggle: "card--expand-toggle",
 	expandToggleButton: "card--expand-toggle-button"
-}, R = {
-	shell: I.shell,
+}, I = {
+	shell: P.shell,
 	headerX: "px-surface",
-	headerDividerY: I.headerDivider,
-	contentX: I.content,
+	headerDividerY: P.headerDivider,
+	contentX: P.content,
 	contentY: "",
-	footerX: I.footer,
-	footerDividerY: I.footerDivider,
-	alertX: I.alert,
+	footerX: P.footer,
+	footerDividerY: P.footerDivider,
+	alertX: P.alert,
 	expandableBottom: "pb-surface",
-	alertOffsetWithHeader: I.alertWithHeader,
+	alertOffsetWithHeader: P.alertWithHeader,
 	alertOffsetStandalone: ""
-}, ae = {
-	card: I.surfaceCard,
-	flat: I.surfaceFlat,
-	framed: I.surfaceFramed
+}, ce = {
+	card: P.surfaceCard,
+	flat: P.surfaceFlat,
+	framed: P.surfaceFramed
 };
 //#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) : !_(e) || e.type !== h || z(e.props.children);
+function L(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(L) : !_(e) || e.type !== h || L(e.props.children);
 }
 //#endregion
 //#region src/components/base/cards/partials/card-primitives.tsx
-var oe = {
-	sm: I.titleSm,
-	md: I.titleMd,
-	lg: I.titleLg
-}, se = {
+var R = {
+	sm: P.titleSm,
+	md: P.titleMd,
+	lg: P.titleLg
+}, z = {
 	sm: "sm",
 	md: "base",
 	lg: "lg"
 };
-function ce({ className: e, ...t }) {
-	return /* @__PURE__ */ y(M, {
-		className: i(L.root, I.shell, e),
+function le({ className: e, ...t }) {
+	return /* @__PURE__ */ v(A, {
+		className: i(F.root, P.shell, e),
 		...t
 	});
 }
 function B({ className: e, textGap: t = "normal", padding: n, ...r }) {
-	return /* @__PURE__ */ y(ne, {
-		className: i(L.header, I.header, n !== void 0 && F[n], t === "dense" ? "gap-dense" : "gap-normal", e),
+	return /* @__PURE__ */ v(j, {
+		className: i(F.header, P.header, n !== void 0 && N[n], t === "dense" ? "gap-dense" : "gap-normal", e),
 		...r
 	});
 }
-function V({ className: t, children: r, size: o, ...s }) {
-	let { defaultScale: c } = n(), l = e(o, c);
-	return z(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ y(re, {
-		className: i(L.title, I.title, "font-medium", oe[l], t),
+function ue({ className: t, children: r, size: a, ...s }) {
+	let { defaultScale: c } = n(), l = e(a, c);
+	return L(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ v(M, {
+		className: i(F.title, P.title, "font-medium", R[l], t),
 		...s,
 		children: r
-	}) : /* @__PURE__ */ y(a, {
+	}) : /* @__PURE__ */ v(o, {
 		"data-slot": "card-title",
 		tag: "div",
-		size: se[l],
+		size: z[l],
 		weight: "semibold",
 		lineHeight: "tight",
-		className: i(L.title, I.title, t),
+		className: i(F.title, P.title, t),
 		...s,
 		children: r
 	}) : null;
 }
-function le({ className: e, children: t, ...n }) {
-	return z(t) ? typeof t != "string" && typeof t != "number" && typeof t != "bigint" ? /* @__PURE__ */ y(N, {
-		className: i(L.description, I.description, e),
+function V({ className: e, children: t, ...n }) {
+	return L(t) ? typeof t != "string" && typeof t != "number" && typeof t != "bigint" ? /* @__PURE__ */ v(ae, {
+		className: i(F.description, P.description, e),
 		...n,
-		children: t
-	}) : /* @__PURE__ */ y(a, {
+		children: /* @__PURE__ */ v(a.Provider, {
+			value: !0,
+			children: t
+		})
+	}) : /* @__PURE__ */ v(o, {
 		"data-slot": "card-description",
 		tag: "div",
 		type: "secondary",
-		className: i(L.description, e),
+		className: i(F.description, e),
 		...n,
 		children: t
 	}) : null;
 }
-function ue({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ y(P, {
-		className: i(L.content, I.content, t !== void 0 && F[t], e),
+function de({ className: e, padding: t, ...n }) {
+	return /* @__PURE__ */ v(oe, {
+		className: i(F.content, P.content, t !== void 0 && N[t], e),
 		...n
 	});
 }
-function de({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ y(ie, {
-		className: i(L.footer, I.footer, t !== void 0 && F[t], e),
+function fe({ className: e, padding: t, ...n }) {
+	return /* @__PURE__ */ v(se, {
+		className: i(F.footer, P.footer, t !== void 0 && N[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__ */ y("div", {
-		className: i(L.alert, R.alertX, r, n ? R.alertOffsetWithHeader : R.alertOffsetStandalone),
-		children: /* @__PURE__ */ y(E, {
+function pe({ alert: e, alertTone: t, hasHeader: n, className: r }) {
+	return /* @__PURE__ */ v("div", {
+		className: i(F.alert, I.alertX, r, n ? I.alertOffsetWithHeader : I.alertOffsetStandalone),
+		children: /* @__PURE__ */ v(T, {
 			tone: t,
-			children: /* @__PURE__ */ y(O, { children: e })
+			children: /* @__PURE__ */ v(D, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/components/base/display/surface-title.tsx
-function H({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: o, dataSlot: s }) {
-	return /* @__PURE__ */ b(a, {
+function H({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: a, dataSlot: s }) {
+	let c = typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+	return /* @__PURE__ */ y(o, {
 		tag: "div",
 		size: n,
-		weight: typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? "semibold" : "medium",
+		weight: c ? "semibold" : "medium",
 		lineHeight: "tight",
 		"data-slot": s,
 		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__ */ y("span", {
+		children: [e != null && /* @__PURE__ */ v("span", {
 			className: "min-w-0 max-w-full",
+			...c ? {
+				role: "heading",
+				"aria-level": 2
+			} : {},
 			children: e
-		}), t != null && /* @__PURE__ */ y("div", {
-			className: i("surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md", o),
+		}), t != null && /* @__PURE__ */ v("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 pe({ actions: e, actionsLabel: t }) {
+function me({ actions: e, actionsLabel: t }) {
 	let n = e.map((e, t) => ({
 		...e,
 		id: e.id ?? `card-action-${t}`
 	}));
-	return /* @__PURE__ */ y(m, {
+	return /* @__PURE__ */ v(ee, {
 		actions: n,
-		icon: S,
+		icon: x,
 		srText: t,
 		align: "end",
 		closeOnSelect: !0,
@@ -392,10 +399,10 @@ function pe({ actions: e, actionsLabel: t }) {
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-header-row.tsx
-function me({ tooltipLabel: e }) {
-	return /* @__PURE__ */ y(s, { render: (t) => {
+function he({ tooltipLabel: e }) {
+	return /* @__PURE__ */ v(c, { render: (t) => {
 		let n = t;
-		return /* @__PURE__ */ y(l, {
+		return /* @__PURE__ */ v(u, {
 			...n,
 			type: "button",
 			tone: "secondary",
@@ -404,50 +411,50 @@ function me({ tooltipLabel: e }) {
 			iconOnly: !0,
 			className: i("card--tooltip-trigger", "text-muted-foreground", n.className),
 			"aria-label": e,
-			children: /* @__PURE__ */ y(x, { className: "size-icon-md" })
+			children: /* @__PURE__ */ v(b, { className: "size-icon-md" })
 		});
 	} });
 }
-function he({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: s, tooltipLabel: l, headerStart: u, headerEnd: f, headerAction: p, actions: m, actionsLabel: h, titleSize: g, className: _ }) {
-	let v = Array.isArray(m) ? m : [], ee = v.length > 0, te = z(e), x = z(t), S = z(n), C = z(r), w = z(s), T = z(u), E = z(f), D = z(p), O = te || x || S || w, k = E || D || ee;
-	return /* @__PURE__ */ b(B, {
-		className: i(I.headerRow, !C && !T && I.headerRowSingle, R.headerX, _),
-		children: [/* @__PURE__ */ b(d, {
+function ge({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: o, tooltipLabel: c, headerStart: u, headerEnd: d, headerAction: p, actions: m, actionsLabel: ee, titleSize: h, className: g }) {
+	let _ = Array.isArray(m) ? m : [], te = _.length > 0, ne = L(e), re = L(t), b = L(n), x = L(r), S = L(o), C = L(u), w = L(d), T = L(p), E = ne || re || b || S, D = w || T || te;
+	return /* @__PURE__ */ y(B, {
+		className: i(P.headerRow, !x && !C && P.headerRowSingle, I.headerX, g),
+		children: [/* @__PURE__ */ y(f, {
 			gap: a,
-			className: i("card--header-start", I.headerLeading, !C && !T && I.headerLeadingSingle),
+			className: i("card--header-start", P.headerLeading, !x && !C && P.headerLeadingSingle),
 			children: [
-				!!T && u,
-				!!O && /* @__PURE__ */ b("div", {
+				!!C && u,
+				!!E && /* @__PURE__ */ y("div", {
 					className: "card--title-row flex min-w-0 items-start gap-space-sm",
 					children: [
-						!!te && /* @__PURE__ */ y("span", {
+						!!ne && /* @__PURE__ */ v("span", {
 							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
 							children: e
 						}),
-						/* @__PURE__ */ y(H, {
+						/* @__PURE__ */ v(H, {
 							dataSlot: "card-title",
 							title: t,
-							suffix: S ? n : void 0,
-							size: g === "md" ? "base" : g === "lg" ? "lg" : "sm",
+							suffix: b ? n : void 0,
+							size: h === "md" ? "base" : h === "lg" ? "lg" : "sm",
 							className: "card--title flex-1",
 							suffixClassName: "card--title-suffix"
 						}),
-						!!w && /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(me, { tooltipLabel: l }), /* @__PURE__ */ y(c, { children: s })] })
+						!!S && /* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(he, { tooltipLabel: c }), /* @__PURE__ */ v(l, { children: o })] })
 					]
 				}),
-				!!C && /* @__PURE__ */ y(le, {
-					className: "text-left",
+				!!x && /* @__PURE__ */ v(V, {
+					className: "text-start",
 					children: r
 				})
 			]
-		}), !!k && /* @__PURE__ */ b("div", {
-			className: i("card--header-end", I.headerTrailing),
+		}), !!D && /* @__PURE__ */ y("div", {
+			className: i("card--header-end", P.headerTrailing),
 			children: [
-				!!E && f,
-				!!D && p,
-				!!ee && /* @__PURE__ */ y(pe, {
-					actions: v,
-					actionsLabel: h
+				!!w && d,
+				!!T && p,
+				!!te && /* @__PURE__ */ v(me, {
+					actions: _,
+					actionsLabel: ee
 				})
 			]
 		})]
@@ -455,24 +462,24 @@ function he({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "n
 }
 //#endregion
 //#region src/components/base/cards/smart-card.strings.ts
-var ge = {
+var _e = {
 	actionsLabel: "Card actions",
 	tooltipLabel: "Card info",
 	expandLabel: "Expand card",
 	collapseLabel: "Collapse card"
-}, U = g(function({ icon: o, 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: A, headerAction: j, headerStart: M, headerEnd: ne, contentTop: re, contentBottom: N, footerSlot: P, headerDivider: ie, footerDivider: F, expandable: I = !1, defaultExpanded: oe = !1, expanded: se, onExpandedChange: B, children: V, className: le, headerClassName: H, contentClassName: pe, footerClassName: me, strings: U, ..._e }, ve) {
-	let { defaultSurface: ye, defaultHeaderDivider: be, defaultFooterDivider: xe } = t(), Se = F ?? xe ?? !1, { defaultScale: Ce } = n(), we = e(O, Ce), W = {
+}, U = g(function({ icon: a, title: s, titleSuffix: c, description: l, textGap: p = "normal", tooltip: ee, tooltipAriaLabel: h, footerText: g, alert: _, alertTone: b = "neutral", surface: x, padding: S = "md", headerPlacement: C = "inside", gap: w, contentGap: T, titleSize: E, actions: D, actionsLabel: ie, headerAction: O, headerStart: k, headerEnd: A, contentTop: j, contentBottom: M, footerSlot: ae, headerDivider: oe, footerDivider: se, expandable: N = !1, defaultExpanded: P = !1, expanded: R, onExpandedChange: z, children: B, className: ue, headerClassName: V, contentClassName: H, footerClassName: me, strings: he, ...U }, ve) {
+	let { defaultSurface: ye, defaultHeaderDivider: be, defaultFooterDivider: xe } = t(), Se = se ?? xe ?? !1, { defaultScale: Ce } = n(), we = e(E, Ce), W = {
 		none: "px-0",
 		sm: "px-surface-xs",
 		md: "px-surface",
 		lg: "px-surface-lg"
-	}[w], Te = {
+	}[S], Te = {
 		none: "py-0",
 		sm: "py-surface-xs",
 		md: "py-surface",
 		lg: "py-surface-lg"
-	}[w], G = {
-		...R,
+	}[S], G = {
+		...I,
 		headerX: W,
 		contentX: W,
 		footerX: W,
@@ -481,83 +488,91 @@ var ge = {
 			sm: "!pb-surface-xs",
 			md: "!pb-surface",
 			lg: "!pb-surface-lg"
-		}[w],
+		}[S],
 		footerDividerY: {
 			none: "!pt-0",
 			sm: "!pt-surface-xs",
 			md: "!pt-surface",
 			lg: "!pt-surface-lg"
-		}[w]
-	}, K = T === "frame", Ee = Array.isArray(k) ? k : [], q = r(ge, U), De = A ?? q.actionsLabel, J = I !== !1 && I !== void 0, Oe = typeof I == "object" && I?.collapsedMaxHeight !== void 0 ? I.collapsedMaxHeight : "12rem", ke = typeof Oe == "number" ? `${Oe}px` : Oe, Ae = se !== void 0, [je, Me] = ee(oe), Y = Ae ? se : je, Ne = v(() => {
+		}[S]
+	}, K = C === "frame", Ee = Array.isArray(D) ? D : [], q = r(_e, he), De = ie ?? q.actionsLabel, J = N !== !1 && N !== void 0, Oe = typeof N == "object" && N?.collapsedMaxHeight !== void 0 ? N.collapsedMaxHeight : "12rem", ke = typeof Oe == "number" ? `${Oe}px` : Oe, Ae = R !== void 0, [je, Me] = ne(P), Y = Ae ? R : je, Ne = te(() => {
 		let e = !Y;
-		Ae || Me(e), B?.(e);
+		Ae || Me(e), z?.(e);
 	}, [
 		Y,
 		Ae,
-		B
-	]), X = z(o) || z(s) || z(f) || Ee.length > 0 || z(j) || z(M) || z(ne), Pe = z(x), Fe = z(_), Z = z(P), Ie = z(re), Le = z(N), Re = Ie || Le || z(V) || J, ze = X && (Fe || Z) && !Pe && !Re && !K, Be = g && g.trim().length > 0 ? g : q.tooltipLabel, Ve = J ? { maxHeight: Y ? "" : ke } : void 0, Q = C ?? ye ?? "framed", He = ie ?? be ?? !1, $ = ze && (He || Se);
-	return /* @__PURE__ */ b(ce, {
-		..._e,
-		"data-header-placement": T,
+		z
+	]), X = L(a) || L(s) || L(l) || Ee.length > 0 || L(O) || L(k) || L(A), Pe = L(_), Fe = L(g), Z = L(ae), Ie = L(j), Le = L(M), Re = Ie || Le || L(B) || J, ze = X && (Fe || Z) && !Pe && !Re && !K, Be = h && h.trim().length > 0 ? h : q.tooltipLabel, Ve = J ? { maxHeight: Y ? "" : ke } : void 0, Q = x ?? ye ?? "framed", He = oe ?? be ?? !1, $ = ze && (He || Se);
+	return /* @__PURE__ */ y(le, {
+		...U,
+		"data-header-placement": C,
 		ref: ve,
 		"data-surface": Q,
-		className: i(ae[Q], G.shell, Te, u({ gap: E ?? (w === "none" ? "md" : "xl") }), $ && "gap-0", K && "rounded-radius bg-muted p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !K && "overflow-visible", J && i("relative mb-space-xl !overflow-visible", G.expandableBottom), le),
+		className: i(ce[Q], G.shell, Te, d({ gap: w ?? "xl" }), $ && "gap-0", K && "rounded-radius bg-muted p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !K && "overflow-visible", J && i("relative mb-space-xl !overflow-visible", G.expandableBottom), ue),
 		children: [
-			!!X && /* @__PURE__ */ y(he, {
-				icon: o,
+			!!X && /* @__PURE__ */ v(ge, {
+				icon: a,
 				title: s,
 				titleSuffix: c,
-				description: f,
-				textGap: m,
-				tooltip: h,
+				description: l,
+				textGap: p,
+				tooltip: ee,
 				tooltipLabel: Be,
-				headerStart: M,
-				headerEnd: ne,
-				headerAction: j,
+				headerStart: k,
+				headerEnd: A,
+				headerAction: O,
 				actions: Ee,
 				actionsLabel: De,
 				titleSize: we,
-				className: i(He && !$ && i(p.frame.header, G.headerDividerY), $ && G.headerDividerY, G.headerX, K && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", H)
+				className: i(He && !$ && i(m.frame.header, G.headerDividerY), $ && G.headerDividerY, G.headerX, K && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", V)
 			}),
-			/* @__PURE__ */ b("div", {
-				className: K ? i("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", u({ gap: E ?? "xl" }), p.frame.shell, Te) : "contents",
+			/* @__PURE__ */ y("div", {
+				className: K ? i("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", d({ gap: w ?? "xl" }), m.frame.shell, Te) : "contents",
 				children: [
-					!!Pe && /* @__PURE__ */ y(fe, {
-						alert: x,
-						alertTone: S,
+					!!Pe && /* @__PURE__ */ v(pe, {
+						alert: _,
+						alertTone: b,
 						hasHeader: X,
 						className: W
 					}),
-					!!Re && /* @__PURE__ */ b(ue, {
-						className: i(G.contentX, G.contentY, J && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", pe),
+					!!Re && /* @__PURE__ */ y(de, {
+						className: i(G.contentX, G.contentY, J && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", H),
 						style: Ve,
-						children: [
-							!!Ie && re,
-							D ? /* @__PURE__ */ y(d, {
-								gap: D,
-								children: V
-							}) : V,
-							!!Le && N,
-							!!J && !Y && /* @__PURE__ */ y("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")
-							})
-						]
+						children: [Ie || Le ? /* @__PURE__ */ y(f, {
+							gap: T ?? "lg",
+							children: [
+								!!Ie && j,
+								T ? /* @__PURE__ */ v(f, {
+									gap: T,
+									children: B
+								}) : /* @__PURE__ */ v("div", {
+									className: "min-w-0",
+									children: B
+								}),
+								!!Le && M
+							]
+						}) : T ? /* @__PURE__ */ v(f, {
+							gap: T,
+							children: B
+						}) : B, !!J && !Y && /* @__PURE__ */ v("div", {
+							"aria-hidden": "true",
+							className: i(F.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")
+						})]
 					}),
-					(Fe || Z) && /* @__PURE__ */ b(de, {
-						className: i(G.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (Se || $) && i(p.frame.footer, G.footerDividerY), me),
-						children: [Fe && (typeof _ == "string" || typeof _ == "number" || typeof _ == "bigint" ? /* @__PURE__ */ y(a, {
+					(Fe || Z) && /* @__PURE__ */ y(fe, {
+						className: i(G.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (Se || $) && i(m.frame.footer, G.footerDividerY), me),
+						children: [Fe && (typeof g == "string" || typeof g == "number" || typeof g == "bigint" ? /* @__PURE__ */ v(o, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: _
-						}) : _), Z && P]
+							children: g
+						}) : g), Z && ae]
 					})
 				]
 			}),
-			!!J && /* @__PURE__ */ y("div", {
-				className: i(L.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
-				children: /* @__PURE__ */ y(l, {
+			!!J && /* @__PURE__ */ v("div", {
+				className: i(F.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
+				children: /* @__PURE__ */ v(u, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "outline",
@@ -566,8 +581,8 @@ var ge = {
 					onClick: Ne,
 					"aria-expanded": Y,
 					"aria-label": Y ? q.collapseLabel : q.expandLabel,
-					className: i(L.expandToggleButton, 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"),
-					children: /* @__PURE__ */ y(te, {
+					className: i(F.expandToggleButton, i(m.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"),
+					children: /* @__PURE__ */ v(re, {
 						"aria-hidden": "true",
 						className: i("size-icon transition-transform duration-300", Y && "rotate-180")
 					})
@@ -577,8 +592,8 @@ var ge = {
 	});
 });
 U.displayName = "Card";
-var _e = U;
+var ve = U;
 //#endregion
-export { A as _, ue as a, B as c, z as d, ae as f, k as g, O as h, H as i, ce as l, j as m, _e as n, le as o, E as p, ge as r, de as s, U as t, V as u, D as v };
+export { O as _, de as a, B as c, L as d, ce as f, ie as g, D as h, H as i, le as l, k as m, ve as n, V as o, T as p, _e as r, fe as s, U as t, ue as u, E as v };
 
-//# sourceMappingURL=smart-card-DjGVV2xr.js.map
+//# sourceMappingURL=smart-card-Bek-TwUp.js.map