themelia-react-ui 2.0.5 → 3.0.0

package/dist/{smart-card-CW0hjetE.js → smart-card-C59z6KFO.js}

@@ -1,28 +1,28 @@
 "use client";
-import { S as e, c as t, d as n, v as r } from "./ui-provider-C-74NVLc.js";
+import { C as e, f as t, l as n, y as r } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-B6kKb8jB.js";
+import { t as a } from "./utils-BVbAG2J6.js";
 import { t as o } from "./affordance-geometry.generated-P-aVJisu.js";
-import { n as s } from "./buttons-BedGfygC.js";
-import { c, n as l } from "./typography-BQnine1k.js";
-import { i as u, n as d } from "./text.styles-B64My8RZ.js";
-import { t as ee } from "./motion-recipes-DitYv6P2.js";
-import { i as f, n as p, t as m } from "./tooltip-8wz5S_Zr.js";
-import { n as te } from "./structure.recipes-BB4-n58V.js";
-import { t as h } from "./structure-DuxKl954.js";
+import { c as s, n as c } from "./typography-C0dELqYV.js";
+import { i as l, n as u } from "./text.styles-B64My8RZ.js";
+import { n as d } from "./buttons-pZVgPTZn.js";
+import { t as ee } from "./motion-recipes-CUc_aHuG.js";
+import { i as f, n as p, t as te } from "./tooltip-yjX-Uv-p.js";
+import { n as m } from "./structure.recipes-BB4-n58V.js";
+import { t as h } from "./structure-DElaQwwN.js";
 import { t as g } from "./icon-size-B6PVwjbC.js";
 import { i as _ } from "./tone-recipes-BPsRAvhu.js";
-import { t as v } from "./row-recipes-DL8n7t_b.js";
-import { a as y } from "./surface-recipes-BKRVW8Os.js";
-import { n as ne, t as b } from "./composition.recipes-COdiFhxB.js";
-import { n as x } from "./action-menu-Dr8K-ghE.js";
-import { Fragment as S, forwardRef as C, isValidElement as w, useCallback as T, useId as re, useState as ie } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { ChevronDown as ae, Info as O } from "lucide-react";
-import { cva as oe } from "class-variance-authority";
+import { a as v, s as y, t as b } from "./surface-recipes-DV6rrOFq.js";
+import { t as x } from "./row-recipes-DL8n7t_b.js";
+import { n as ne, t as S } from "./composition.recipes-COdiFhxB.js";
+import { n as C } from "./action-menu-D5343RwT.js";
+import { Fragment as w, createContext as T, forwardRef as E, isValidElement as D, useCallback as re, useContext as ie, useId as ae, useState as oe } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { ChevronDown as se, Info as ce } from "lucide-react";
+import { cva as le } from "class-variance-authority";
 //#region src/components/base/feedback/alert.tsx
-var se = oe([
-	`alert--component @container/alert box-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border px-row-x ${v.default} text-start`,
+var ue = le([
+	`alert--component @container/alert box-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border px-row-x ${x.default} text-start`,
 	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-lg",
 	"has-[>[data-slot=alert-action]]:grid-cols-[0_minmax(0,1fr)] has-[>svg]:has-[>[data-slot=alert-action]]:grid-cols-[auto_minmax(0,1fr)]",
 	"@sm/alert:[&:not(:has(>svg))>[data-slot=alert-action]]:ms-space-lg",
@@ -33,7 +33,7 @@ var se = oe([
 		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",
+			secondary: `border-border ${v.band} 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`,
@@ -58,35 +58,35 @@ var se = oe([
 		variant: "default"
 	}
 });
-function k(e) {
+function A(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var A = C(function({ className: e, tone: t, variant: n, role: i = "alert", ...o }, s) {
+var j = E(function({ className: e, tone: t, variant: n, role: i = "alert", ...o }, s) {
 	let { defaultTextSize: c } = r();
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		ref: s,
 		"data-slot": "alert",
 		"data-tone": t ?? "neutral",
 		"data-variant": n ?? "default",
 		role: i,
-		className: a(u({
+		className: a(l({
 			size: c,
 			type: "inherit"
-		}), se({
+		}), ue({
 			tone: t,
 			variant: n
 		}), e),
 		...o
 	});
 });
-A.displayName = "Alert";
-var j = C(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ E("div", {
+j.displayName = "Alert";
+var de = E(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ O("div", {
 		ref: r,
 		"data-slot": "alert-title",
-		className: a("alert--title col-start-2 min-h-icon leading-snug", l, e),
+		className: a("alert--title col-start-2 min-h-icon leading-snug", c, e),
 		...n,
-		children: k(t) ? /* @__PURE__ */ E(c, {
+		children: A(t) ? /* @__PURE__ */ O(s, {
 			tag: "span",
 			type: "inherit",
 			weight: "semibold",
@@ -95,16 +95,16 @@ var j = C(function({ className: e, children: t, ...n }, r) {
 		}) : t
 	});
 });
-j.displayName = "AlertTitle";
-var M = C(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ E(h, {
+de.displayName = "AlertTitle";
+var M = E(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ O(h, {
 		ref: r,
 		"data-slot": "alert-description",
 		gap: "xs",
 		align: "start",
-		className: a("alert--description col-start-2 [&_p]:leading-relaxed", l, e),
+		className: a("alert--description col-start-2 [&_p]:leading-relaxed", c, e),
 		...n,
-		children: k(t) ? /* @__PURE__ */ E(c, {
+		children: A(t) ? /* @__PURE__ */ O(s, {
 			tag: "span",
 			type: "secondary",
 			children: t
@@ -112,27 +112,27 @@ var M = C(function({ className: e, children: t, ...n }, r) {
 	});
 });
 M.displayName = "AlertDescription";
-var N = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ E("dl", {
+var fe = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ O("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
 	});
 });
-N.displayName = "AlertMetadata";
-var P = C(function({ className: e, icon: t, label: n, value: r, numeric: i = !1, ...o }, s) {
-	return /* @__PURE__ */ D("div", {
-		ref: s,
+fe.displayName = "AlertMetadata";
+var N = E(function({ className: e, icon: t, label: n, value: r, numeric: i = !1, ...o }, c) {
+	return /* @__PURE__ */ k("div", {
+		ref: c,
 		"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__ */ E("dt", {
+			/* @__PURE__ */ O("dt", {
 				"data-slot": "alert-metadata-label",
 				className: "alert--metadata-label shrink-0",
-				children: k(n) ? /* @__PURE__ */ E(c, {
+				children: A(n) ? /* @__PURE__ */ O(s, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -140,10 +140,10 @@ var P = C(function({ className: e, icon: t, label: n, value: r, numeric: i = !1,
 					children: n
 				}) : n
 			}),
-			/* @__PURE__ */ E("dd", {
+			/* @__PURE__ */ O("dd", {
 				"data-slot": "alert-metadata-value",
 				className: "alert--metadata-value m-0 min-w-0",
-				children: k(r) ? /* @__PURE__ */ E(c, {
+				children: A(r) ? /* @__PURE__ */ O(s, {
 					tag: "span",
 					type: "inherit",
 					size: "xs",
@@ -156,9 +156,9 @@ var P = C(function({ className: e, icon: t, label: n, value: r, numeric: i = !1,
 		]
 	});
 });
-P.displayName = "AlertMetadataItem";
-var ce = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ E(h, {
+N.displayName = "AlertMetadataItem";
+var P = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ O(h, {
 		ref: n,
 		direction: "horizontal",
 		align: "center",
@@ -170,7 +170,7 @@ var ce = C(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-ce.displayName = "AlertAction";
+P.displayName = "AlertAction";
 //#endregion
 //#region src/components/base/cards/card.recipes.ts
 var F = {
@@ -178,7 +178,7 @@ var F = {
 	sm: "p-surface-xs",
 	md: "p-surface",
 	lg: "p-surface-lg"
-}, le = {
+}, pe = {
 	none: o.surfaceGap.md,
 	sm: o.surfaceGap.xs,
 	md: o.surfaceGap.md,
@@ -186,11 +186,11 @@ var F = {
 }, I = {
 	root: `flex flex-col w-full font-sans rounded-surface 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-surface box-border overflow-hidden py-surface ${o.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,
-	surfaceCard: `bg-card ${y.frame.shell} shadow-xs text-card-foreground`,
-	surfaceDefault: `bg-card ${y.frame.shell} shadow-xs text-card-foreground`,
+	surfaceCard: `bg-card ${y.frame.shell} ${b.resting} text-card-foreground`,
+	surfaceDefault: `bg-card ${y.frame.shell} ${b.resting} text-card-foreground`,
 	surfaceFlat: "bg-transparent border-0 shadow-none text-inherit",
-	surfaceFramed: `bg-card ${y.frame.shell} shadow-sm ${y.frame.ring} text-card-foreground`,
-	surfaceRaised: `bg-card ${y.frame.shell} shadow-md text-card-foreground`,
+	surfaceFramed: `bg-card ${y.frame.shell} ${b.card} ${y.frame.ring} text-card-foreground`,
+	surfaceRaised: `bg-card ${y.frame.shell} ${b.raised} text-card-foreground`,
 	surfaceSunken: `bg-muted ${y.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",
@@ -199,13 +199,13 @@ var F = {
 	tooltipTriggerInline: "-my-space-xs",
 	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 ${b.commands}`,
+	headerTrailing: `flex max-w-full flex-wrap shrink-0 items-center ${S.commands}`,
 	headerDivider: `${y.frame.header} [&.border-b]:!pb-surface`,
 	title: "min-w-0 leading-tight text-inherit",
 	titleSm: "text-sm",
 	titleMd: "text-base",
 	titleLg: "text-lg",
-	content: `flex flex-col px-surface box-border min-w-0 ${b.related}`,
+	content: `flex flex-col px-surface box-border min-w-0 ${S.related}`,
 	footer: "flex items-center px-surface box-border",
 	footerDivider: `${y.frame.footer} [&.border-t]:!pt-surface`,
 	alert: "px-surface",
@@ -214,37 +214,37 @@ var F = {
 };
 //#endregion
 //#region src/components/ui/card.tsx
-function ue({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ E("div", {
+function me({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ O("div", {
 		"data-slot": "card",
 		"data-size": t,
 		className: a("card--primitive", e),
 		...n
 	});
 }
-function de({ className: e, ...t }) {
-	return /* @__PURE__ */ E("div", {
+function he({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
 		"data-slot": "card-header",
 		className: a("card-header--primitive", e),
 		...t
 	});
 }
-function L({ className: e, ...t }) {
-	return /* @__PURE__ */ E("div", {
+function ge({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
 		"data-slot": "card-title",
 		className: a("card-title--primitive", e),
 		...t
 	});
 }
-function R({ className: e, ...t }) {
-	return /* @__PURE__ */ E("div", {
+function _e({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
 		"data-slot": "card-content",
 		className: a("card-content--primitive", e),
 		...t
 	});
 }
-function fe({ className: e, ...t }) {
-	return /* @__PURE__ */ E("div", {
+function ve({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
 		"data-slot": "card-footer",
 		className: a("card-footer--primitive", e),
 		...t
@@ -252,7 +252,7 @@ function fe({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/base/cards/smart-card.tokens.ts
-var z = {
+var L = {
 	root: "card--component",
 	header: "card--header",
 	title: "card--title",
@@ -263,7 +263,7 @@ var z = {
 	collapseFade: "card--collapse-fade",
 	expandToggle: "card--expand-toggle",
 	expandToggleButton: "card--expand-toggle-button"
-}, B = {
+}, R = {
 	shell: I.shell,
 	headerX: "px-surface",
 	headerDividerY: I.headerDivider,
@@ -275,110 +275,114 @@ var z = {
 	expandableBottom: "pb-surface",
 	alertOffsetWithHeader: I.alertWithHeader,
 	alertOffsetStandalone: ""
-}, pe = {
+}, ye = {
 	card: I.surfaceCard,
 	flat: I.surfaceFlat,
 	framed: I.surfaceFramed
 };
 //#endregion
 //#region src/components/base/cards/partials/has-renderable-content.ts
-function V(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(V) : !w(e) || e.type !== S || V(e.props.children);
+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) : !D(e) || e.type !== w || z(e.props.children);
 }
 //#endregion
 //#region src/components/base/cards/partials/card-primitives.tsx
-var me = {
+var be = {
 	sm: I.titleSm,
 	md: I.titleMd,
 	lg: I.titleLg
-}, he = {
+}, xe = {
 	sm: "sm",
 	md: "base",
 	lg: "lg"
 };
-function ge({ className: e, surface: t, ...n }) {
-	return /* @__PURE__ */ E(ue, {
+function Se({ className: e, surface: t, ...n }) {
+	return /* @__PURE__ */ O(me, {
 		"data-surface": t,
-		className: a(z.root, I.shell, t && pe[t], e),
+		className: a(L.root, I.shell, t && ye[t], e),
 		...n
 	});
 }
-function _e({ className: e, textGap: t = "normal", padding: n, ...r }) {
-	return /* @__PURE__ */ E(de, {
-		className: a(z.header, I.header, n !== void 0 && F[n], t === "dense" ? "gap-dense" : "gap-normal", e),
+function Ce({ className: e, textGap: t = "normal", padding: n, ...r }) {
+	return /* @__PURE__ */ O(he, {
+		className: a(L.header, I.header, n !== void 0 && F[n], t === "dense" ? "gap-dense" : "gap-normal", e),
 		...r
 	});
 }
-function ve({ className: t, children: r, size: i, ...o }) {
-	let { defaultScale: s } = n(), l = e(i, s);
-	return V(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ E(L, {
-		className: a(z.title, I.title, "font-medium", me[l], t),
+function we({ className: n, children: r, size: i, ...o }) {
+	let { defaultScale: c } = t(), l = e(i, c);
+	return z(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ O(ge, {
+		className: a(L.title, I.title, "font-medium", be[l], n),
 		...o,
 		children: r
-	}) : /* @__PURE__ */ E(c, {
+	}) : /* @__PURE__ */ O(s, {
 		"data-slot": "card-title",
 		tag: "div",
-		size: he[l],
+		size: xe[l],
 		weight: "semibold",
 		lineHeight: "tight",
-		className: a(z.title, I.title, t),
+		className: a(L.title, I.title, n),
 		...o,
 		children: r
 	}) : null;
 }
-function ye({ className: e, children: t, ...n }) {
-	return V(t) ? /* @__PURE__ */ E(c, {
+function B({ className: e, children: t, ...n }) {
+	return z(t) ? /* @__PURE__ */ O(s, {
 		"data-slot": "card-description",
 		tag: "div",
 		type: "secondary",
-		className: a(z.description, e),
+		className: a(L.description, e),
 		...n,
 		children: t
 	}) : null;
 }
-function be({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ E(R, {
-		className: a(z.content, I.content, t !== void 0 && F[t], e),
+function Te({ className: e, padding: t, ...n }) {
+	return /* @__PURE__ */ O(_e, {
+		"data-padding": t ?? "md",
+		className: a(L.content, I.content, t !== void 0 && F[t], e),
 		...n
 	});
 }
-function xe({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ E(fe, {
-		className: a(z.footer, I.footer, t !== void 0 && F[t], e),
+function Ee({ className: e, padding: t, ...n }) {
+	return /* @__PURE__ */ O(ve, {
+		className: a(L.footer, I.footer, t !== void 0 && F[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__ */ E("div", {
-		className: a(z.alert, B.alertX, r, n ? B.alertOffsetWithHeader : B.alertOffsetStandalone),
-		children: /* @__PURE__ */ E(A, {
+function De({ alert: e, alertTone: t, hasHeader: n, className: r }) {
+	return /* @__PURE__ */ O("div", {
+		className: a(L.alert, R.alertX, r, n ? R.alertOffsetWithHeader : R.alertOffsetStandalone),
+		children: /* @__PURE__ */ O(j, {
 			tone: t,
-			children: /* @__PURE__ */ E(M, { children: e })
+			children: /* @__PURE__ */ O(M, { children: e })
 		})
 	});
 }
 //#endregion
+//#region src/components/base/cards/partials/card-body-context.ts
+var Oe = T(!1);
+//#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__ */ D(c, {
+function V({ title: e, suffix: t, size: n = u.subject, className: r, suffixClassName: i, dataSlot: o }) {
+	let c = typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+	return /* @__PURE__ */ k(s, {
 		tag: "div",
 		type: "inherit",
 		size: n,
-		weight: s ? "semibold" : "medium",
+		weight: c ? "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__ */ E("span", {
+		children: [e != null && /* @__PURE__ */ O("span", {
 			className: "min-w-0 max-w-full",
-			...s ? {
+			...c ? {
 				role: "heading",
 				"aria-level": 2
 			} : {},
 			children: e
-		}), t != null && /* @__PURE__ */ E("div", {
+		}), t != null && /* @__PURE__ */ O("div", {
 			className: a("surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md", i),
 			children: t
 		})]
@@ -386,12 +390,12 @@ function Ce({ title: e, suffix: t, size: n = d.subject, className: r, suffixClas
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-actions-menu.tsx
-function we({ actions: e, actionsLabel: t }) {
+function ke({ actions: e, actionsLabel: t }) {
 	let n = e.map((e, t) => ({
 		...e,
 		id: e.id ?? `card-action-${t}`
 	}));
-	return /* @__PURE__ */ E(x, {
+	return /* @__PURE__ */ O(C, {
 		actions: n,
 		srText: t,
 		align: "end",
@@ -401,10 +405,10 @@ function we({ actions: e, actionsLabel: t }) {
 }
 //#endregion
 //#region src/components/base/cards/partials/smart-card-header-row.tsx
-function Te({ tooltipLabel: e }) {
-	return /* @__PURE__ */ E(f, { render: (t) => {
+function Ae({ tooltipLabel: e }) {
+	return /* @__PURE__ */ O(f, { render: (t) => {
 		let n = t;
-		return /* @__PURE__ */ E(s, {
+		return /* @__PURE__ */ O(d, {
 			...n,
 			type: "button",
 			tone: "secondary",
@@ -413,50 +417,50 @@ function Te({ tooltipLabel: e }) {
 			iconOnly: !0,
 			className: a("card--tooltip-trigger", "text-muted-foreground", I.tooltipTriggerInline, n.className),
 			"aria-label": e,
-			children: /* @__PURE__ */ E(O, { className: "size-icon-md" })
+			children: /* @__PURE__ */ O(ce, { 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, inlineCommands: te = !0, className: g }) {
-	let _ = Array.isArray(d) ? d : [], v = _.length > 0, y = V(e), ne = V(t), b = V(n), x = V(r), S = V(o), C = V(c), w = V(l), T = V(u), re = y || ne || b || S, ie = w || T || v, ae = !x && !C, O = te && ae && (T || v);
-	return /* @__PURE__ */ D(_e, {
-		className: a(I.headerRow, C && (i === "dense" ? "gap-y-dense" : "gap-y-normal"), B.headerX, g),
+function je({ 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, inlineCommands: m = !0, className: g }) {
+	let _ = Array.isArray(d) ? d : [], v = _.length > 0, y = z(e), b = z(t), x = z(n), ne = z(r), S = z(o), C = z(c), w = z(l), T = z(u), E = y || b || x || S, D = w || T || v, re = !ne && !C, ie = m && re && (T || v);
+	return /* @__PURE__ */ k(Ce, {
+		className: a(I.headerRow, C && (i === "dense" ? "gap-y-dense" : "gap-y-normal"), R.headerX, g),
 		children: [
-			!!C && /* @__PURE__ */ E("div", {
+			!!C && /* @__PURE__ */ O("div", {
 				className: "card--header-context min-w-0 max-w-full basis-full",
 				children: c
 			}),
-			/* @__PURE__ */ D(h, {
+			/* @__PURE__ */ k(h, {
 				gap: i,
-				className: a("card--header-start", I.headerLeading, ae && I.headerLeadingSingle, O && I.headerLeadingInline),
-				children: [!!re && /* @__PURE__ */ D("div", {
+				className: a("card--header-start", I.headerLeading, re && I.headerLeadingSingle, ie && I.headerLeadingInline),
+				children: [!!E && /* @__PURE__ */ k("div", {
 					className: "card--title-row flex min-w-0 items-start gap-space-sm",
 					children: [
-						!!y && /* @__PURE__ */ E("span", {
+						!!y && /* @__PURE__ */ O("span", {
 							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
 							children: e
 						}),
-						/* @__PURE__ */ E(Ce, {
+						/* @__PURE__ */ O(V, {
 							dataSlot: "card-title",
 							title: t,
-							suffix: b ? n : void 0,
+							suffix: x ? n : void 0,
 							size: f === "md" ? "base" : f === "lg" ? "lg" : "sm",
 							className: "card--title flex-1",
 							suffixClassName: "card--title-suffix"
 						}),
-						!!S && /* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(Te, { tooltipLabel: s }), /* @__PURE__ */ E(p, { children: o })] })
+						!!S && /* @__PURE__ */ k(te, { children: [/* @__PURE__ */ O(Ae, { tooltipLabel: s }), /* @__PURE__ */ O(p, { children: o })] })
 					]
-				}), !!x && /* @__PURE__ */ E(ye, {
+				}), !!ne && /* @__PURE__ */ O(B, {
 					className: "text-start",
 					children: r
 				})]
 			}),
-			!!ie && /* @__PURE__ */ D("div", {
-				className: a("card--header-end", I.headerTrailing, O && I.headerTrailingInline),
+			!!D && /* @__PURE__ */ k("div", {
+				className: a("card--header-end", I.headerTrailing, ie && I.headerTrailingInline),
 				children: [
 					!!w && l,
 					!!T && u,
-					!!v && /* @__PURE__ */ E(we, {
+					!!v && /* @__PURE__ */ O(ke, {
 						actions: _,
 						actionsLabel: ee
 					})
@@ -467,140 +471,144 @@ function Ee({ icon: e, title: t, titleSuffix: n, description: r, textGap: i = "n
 }
 //#endregion
 //#region src/components/base/cards/smart-card.strings.ts
-var De = {
+var Me = {
 	actionsLabel: "More actions",
 	tooltipLabel: "Card info",
 	expandLabel: "Expand card",
 	collapseLabel: "Collapse card"
-}, H = C(function({ icon: r, title: o, titleSuffix: l, description: u, textGap: d = "normal", tooltip: f, tooltipAriaLabel: p, footerText: m, alert: g, alertTone: _ = "neutral", surface: v, padding: x = "md", headerPlacement: S = "inside", gap: C, contentGap: w, titleSize: O, actions: oe, actionsLabel: se, headerAction: k, headerStart: A, headerEnd: j, contentTop: M, contentBottom: N, footerSlot: P, headerDivider: ce, footerDivider: F, expandable: I = !1, defaultExpanded: ue = !1, expanded: de, onExpandedChange: L, children: R, className: fe, headerClassName: me, contentClassName: he, footerClassName: _e, strings: ve, ...ye }, Ce) {
-	let { defaultSurface: we, defaultHeaderDivider: Te, defaultFooterDivider: H } = t(), { defaultScale: Oe } = n(), ke = e(O, Oe), U = {
+}, H = E(function({ icon: r, title: o, titleSuffix: c, description: l, textGap: u = "normal", tooltip: f, alert: p, alertTone: te = "neutral", surface: g, padding: _, contentPadding: v, headerPlacement: b = "inside", gap: x, contentGap: C, titleSize: w, actions: T, headerAction: E, headerStart: D, headerEnd: ce, contentTop: le, contentBottom: ue, footerSlot: A, headerDivider: j, footerDivider: de, expandable: M = !1, defaultExpanded: fe = !1, expanded: N, onExpandedChange: P, children: F, className: I, headerClassName: me, contentClassName: he, footerClassName: ge, strings: _e, ...ve }, be) {
+	let { defaultSurface: xe, defaultHeaderDivider: Ce, defaultFooterDivider: we } = n(), { defaultScale: B } = t(), V = e(w, B), ke = g ?? xe ?? "card", Ae = ie(Oe), H = _ ?? (Ae && ke === "flat" ? "none" : "md"), Ne = {
 		none: "px-0",
 		sm: "px-surface-xs",
 		md: "px-surface",
 		lg: "px-surface-lg"
-	}[x], Ae = {
+	}, Pe = Ne[H], U = v ?? H, Fe = {
 		none: "py-0",
 		sm: "py-surface-xs",
 		md: "py-surface",
 		lg: "py-surface-lg"
-	}[x], W = {
-		...B,
-		headerX: U,
-		contentX: U,
-		footerX: U,
+	}[H], W = {
+		...R,
+		headerX: Pe,
+		contentX: Ne[U],
+		footerX: Pe,
 		headerDividerY: {
 			none: "!pb-0",
 			sm: "!pb-surface-xs",
 			md: "!pb-surface",
 			lg: "!pb-surface-lg"
-		}[x],
+		}[H],
 		footerDividerY: {
 			none: "!pt-0",
 			sm: "!pt-surface-xs",
 			md: "!pt-surface",
 			lg: "!pt-surface-lg"
-		}[x]
-	}, G = S === "frame", je = Array.isArray(oe) ? oe : [], K = i(De, ve), Me = se ?? K.actionsLabel, q = I !== !1 && I !== void 0, Ne = typeof I == "object" && I?.collapsedMaxHeight !== void 0 ? I.collapsedMaxHeight : "12rem", Pe = typeof Ne == "number" ? `${Ne}px` : Ne, J = de !== void 0, Fe = re(), [Ie, Le] = ie(ue), Y = J ? de : Ie, Re = T(() => {
+		}[H]
+	}, G = b === "frame", Ie = Array.isArray(T) ? T : [], K = i(Me, _e), q = M !== !1 && M !== void 0, Le = typeof M == "object" && M?.collapsedMaxHeight !== void 0 ? M.collapsedMaxHeight : "12rem", Re = typeof Le == "number" ? `${Le}px` : Le, J = N !== void 0, ze = ae(), [Be, Ve] = oe(fe), Y = J ? N : Be, He = re(() => {
 		let e = !Y;
-		J || Le(e), L?.(e);
+		J || Ve(e), P?.(e);
 	}, [
 		Y,
 		J,
-		L
-	]), ze = (e) => {
+		P
+	]), Ue = (e) => {
 		if (!q || Y) 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 || (J || Le(!0), L?.(!0), requestAnimationFrame(() => {
+		t.scrollTop === 0 && i.top >= r.top && i.bottom <= r.bottom || (J || Ve(!0), P?.(!0), requestAnimationFrame(() => {
 			n.isConnected && n === n.ownerDocument.activeElement && n.scrollIntoView?.({
 				block: "nearest",
 				inline: "nearest"
 			});
 		}));
-	}, Be = V(r) || V(o) || V(u) || je.length > 0 || V(k) || V(A) || V(j), Ve = V(g), X = V(m), Z = V(P), He = V(M), Ue = V(N), We = V(R), Ge = He || Ue || We || q, Ke = Ve || Ge || X || Z, qe = Be && (X || Z) && !Ve && !Ge && !G, Je = p && p.trim().length > 0 ? p : K.tooltipLabel, Ye = q ? { maxHeight: Y ? "" : Pe } : void 0, Q = v ?? we ?? "card", Xe = Q !== "flat", Ze = ce ?? (Xe && !G && (Te ?? !1)), Qe = F ?? (Xe && (H ?? !0)), $ = qe && (Ze || Qe);
-	return /* @__PURE__ */ D(ge, {
-		...ye,
-		"data-header-placement": S,
-		ref: Ce,
+	}, We = z(r) || z(o) || z(l) || Ie.length > 0 || z(E) || z(D) || z(ce), Ge = z(p), X = z(A), Ke = typeof A == "string" || typeof A == "number" || typeof A == "bigint", qe = z(le), Je = z(ue), Ye = z(F), Z = qe || Je || Ye || q, Xe = Ge || Z || X, Ze = U === "none" && H !== "none" && Z && !X && !G && !q, Qe = We && X && !Ge && !Z && !G, $e = q ? { maxHeight: Y ? "" : Re } : void 0, Q = g ?? xe ?? "card", et = Q !== "flat", tt = j ?? (et && !G && (Ce ?? !1)), nt = de ?? (et && (we ?? !0)), $ = Qe && (tt || nt);
+	return /* @__PURE__ */ k(Se, {
+		...ve,
+		"data-header-placement": b,
+		ref: be,
 		"data-surface": Q,
-		className: a(pe[Q], W.shell, Ae, C ? te({ gap: C }) : le[x], $ && "gap-0", G && "rounded-surface bg-muted text-foreground p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !G && "overflow-visible", q && a("relative mb-space-xl !overflow-visible", W.expandableBottom), fe),
+		className: a(ye[Q], W.shell, Fe, Ze && "pb-0", x ? m({ gap: x }) : pe[H], $ && "gap-0", G && "rounded-surface bg-muted text-foreground p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !G && "overflow-visible", q && a("relative mb-space-xl !overflow-visible", W.expandableBottom), I),
 		children: [
-			!!Be && /* @__PURE__ */ E(Ee, {
+			!!We && /* @__PURE__ */ O(je, {
 				icon: r,
 				title: o,
-				titleSuffix: l,
-				description: u,
-				textGap: d,
+				titleSuffix: c,
+				description: l,
+				textGap: u,
 				tooltip: f,
-				tooltipLabel: Je,
-				headerStart: A,
-				headerEnd: j,
-				headerAction: k,
-				actions: je,
-				actionsLabel: Me,
-				titleSize: ke,
+				tooltipLabel: K.tooltipLabel,
+				headerStart: D,
+				headerEnd: ce,
+				headerAction: E,
+				actions: Ie,
+				actionsLabel: K.actionsLabel,
+				titleSize: V,
 				inlineCommands: !G,
-				className: a(Ze && !$ && a(y.frame.header, W.headerDividerY), $ && W.headerDividerY, W.headerX, G && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", me)
+				className: a(tt && !$ && a(y.frame.header, W.headerDividerY), $ && W.headerDividerY, W.headerX, G && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", me)
 			}),
-			Ke && /* @__PURE__ */ D("div", {
-				className: G ? a("card--body-surface flex min-w-0 flex-col rounded-radius bg-card text-card-foreground", C ? te({ gap: C }) : le[x], y.frame.shell, Ae) : "contents",
+			Xe && /* @__PURE__ */ k("div", {
+				className: G ? a("card--body-surface flex min-w-0 flex-col rounded-radius bg-card text-card-foreground", x ? m({ gap: x }) : pe[H], y.frame.shell, Fe) : "contents",
 				children: [
-					!!Ve && /* @__PURE__ */ E(Se, {
-						alert: g,
-						alertTone: _,
-						hasHeader: Be,
-						className: U
+					!!Ge && /* @__PURE__ */ O(De, {
+						alert: p,
+						alertTone: te,
+						hasHeader: We,
+						className: Pe
 					}),
-					!!Ge && /* @__PURE__ */ D(be, {
-						id: q ? Fe : void 0,
-						onFocusCapture: q ? ze : void 0,
-						className: a(W.contentX, W.contentY, q && a("relative transition-[max-height] duration-500 ease-in-out motion-reduce:transition-none", Y ? "overflow-visible" : "overflow-hidden"), he),
-						style: Ye,
-						children: [He || Ue ? /* @__PURE__ */ D(h, {
-							gap: w ?? ne.related,
-							children: [
-								!!He && M,
-								We && (w ? /* @__PURE__ */ E(h, {
-									gap: w,
-									children: R
-								}) : /* @__PURE__ */ E("div", {
-									className: a("flex min-w-0 flex-col", b.related),
-									children: R
-								})),
-								!!Ue && N
-							]
-						}) : w ? /* @__PURE__ */ E(h, {
-							gap: w,
-							children: R
-						}) : R, !!q && !Y && /* @__PURE__ */ E("div", {
-							"aria-hidden": "true",
-							className: a(z.collapseFade, "pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-surface bg-linear-to-t to-transparent", Q === "flat" ? "from-background" : "from-card")
-						})]
+					!!Z && /* @__PURE__ */ O(Oe.Provider, {
+						value: U !== "none",
+						children: /* @__PURE__ */ k(Te, {
+							"data-padding": U,
+							id: q ? ze : void 0,
+							onFocusCapture: q ? Ue : void 0,
+							className: a(W.contentX, W.contentY, q && a("relative transition-[max-height] duration-500 ease-in-out motion-reduce:transition-none", Y ? "overflow-visible" : "overflow-hidden"), he),
+							style: $e,
+							children: [qe || Je ? /* @__PURE__ */ k(h, {
+								gap: C ?? ne.related,
+								children: [
+									!!qe && le,
+									Ye && (C ? /* @__PURE__ */ O(h, {
+										gap: C,
+										children: F
+									}) : /* @__PURE__ */ O("div", {
+										className: a("flex min-w-0 flex-col", S.related),
+										children: F
+									})),
+									!!Je && ue
+								]
+							}) : C ? /* @__PURE__ */ O(h, {
+								gap: C,
+								children: F
+							}) : F, !!q && !Y && /* @__PURE__ */ O("div", {
+								"aria-hidden": "true",
+								className: a(L.collapseFade, "pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-surface bg-linear-to-t to-transparent", Q === "flat" ? "from-background" : "from-card")
+							})]
+						})
 					}),
-					(X || Z) && /* @__PURE__ */ D(xe, {
-						className: a(W.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (Qe || $) && a(y.frame.footer, W.footerDividerY), _e),
-						children: [X && (typeof m == "string" || typeof m == "number" || typeof m == "bigint" ? /* @__PURE__ */ E(c, {
+					X && /* @__PURE__ */ O(Ee, {
+						className: a("mt-auto", W.footerX, Ke ? "justify-end" : "flex-col items-stretch gap-space-md", (nt || $) && a(y.frame.footer, W.footerDividerY), ge),
+						children: Ke ? /* @__PURE__ */ O(s, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: m
-						}) : m), Z && P]
+							children: A
+						}) : A
 					})
 				]
 			}),
-			!!q && /* @__PURE__ */ E("div", {
-				className: a(z.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
-				children: /* @__PURE__ */ E(s, {
+			!!q && /* @__PURE__ */ O("div", {
+				className: a(L.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
+				children: /* @__PURE__ */ O(d, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "outline",
 					size: "sm",
 					iconOnly: !0,
-					onClick: Re,
+					onClick: He,
 					"aria-expanded": Y,
-					"aria-controls": Fe,
+					"aria-controls": ze,
 					"aria-label": Y ? K.collapseLabel : K.expandLabel,
-					className: a(z.expandToggleButton, a(y.frame.shell, "bg-background text-foreground shadow-sm")),
-					children: /* @__PURE__ */ E(ae, {
+					className: a(L.expandToggleButton, a(y.frame.shell, "bg-background text-foreground shadow-sm")),
+					children: /* @__PURE__ */ O(se, {
 						"aria-hidden": "true",
 						className: a(`size-icon ${ee.chevron}`, Y && "rotate-180")
 					})
@@ -610,8 +618,7 @@ var De = {
 	});
 });
 H.displayName = "Card";
-var Oe = H;
 //#endregion
-export { P as _, be as a, _e as c, V as d, pe as f, N as g, M as h, Ce as i, ge as l, ce as m, Oe as n, ye as o, A as p, De as r, xe as s, H as t, ve as u, j as v };
+export { de as _, B as a, Se as c, ye as d, j as f, N as g, fe as h, Te as i, we as l, M as m, Me as n, Ee as o, P as p, V as r, Ce as s, H as t, z as u };
 
-//# sourceMappingURL=smart-card-CW0hjetE.js.map
+//# sourceMappingURL=smart-card-C59z6KFO.js.map