admin-ui-starter-kit 0.1.0

package/dist/_shared/smart-card-hJ01usWt.js

@@ -0,0 +1,360 @@
+import { r as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { t as r } from "./button-Ck2qS42n.js";
+import { i, n as a, t as o } from "./tooltip-CEqxHWxQ.js";
+import { r as s, t as c } from "./alert-BKUmOI2e.js";
+import { a as l, g as u, r as d, t as f } from "./dropdown-menu-xdGEynC8.js";
+import { Fragment as p, forwardRef as m, isValidElement as h, useCallback as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ChevronDown as b, Info as x, MoreHorizontal as S } from "lucide-react";
+//#region src/components/ui/card.tsx
+function C({ className: e, size: n = "default", ...r }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card",
+		"data-size": n,
+		className: t("ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", e),
+		...r
+	});
+}
+function w({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-header",
+		className: t("gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", e),
+		...n
+	});
+}
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-title",
+		className: t("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", e),
+		...n
+	});
+}
+function E({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-description",
+		className: t("text-muted-foreground text-sm", e),
+		...n
+	});
+}
+function D({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-content",
+		className: t("px-6 group-data-[size=sm]/card:px-4", e),
+		...n
+	});
+}
+function O({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-footer",
+		className: t("rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4 flex items-center", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/cards/smart-card.tokens.ts
+var k = {
+	root: "card--component",
+	header: "card--header",
+	title: "card--title",
+	description: "card--description",
+	content: "card--content",
+	footer: "card--footer",
+	alert: "card--alert"
+}, A = {
+	sm: {
+		shell: "gap-3 py-4",
+		headerX: "px-4",
+		contentX: "px-4",
+		contentY: "py-2",
+		footerX: "px-4",
+		alertX: "px-4",
+		alertOffsetWithHeader: "-mt-2",
+		alertOffsetStandalone: "mt-1"
+	},
+	base: {
+		shell: "gap-4 py-6",
+		headerX: "px-6",
+		contentX: "px-6",
+		contentY: "py-0",
+		footerX: "px-6",
+		alertX: "px-6",
+		alertOffsetWithHeader: "-mt-3",
+		alertOffsetStandalone: "mt-2"
+	},
+	lg: {
+		shell: "gap-5 py-8",
+		headerX: "px-8",
+		contentX: "px-8",
+		contentY: "py-2",
+		footerX: "px-8",
+		alertX: "px-8",
+		alertOffsetWithHeader: "-mt-4",
+		alertOffsetStandalone: "mt-3"
+	}
+}, j = {
+	card: "bg-card text-card-foreground rounded-xl border border-border shadow-sm",
+	flat: "bg-transparent text-card-foreground border-none shadow-none",
+	framed: t("relative bg-card text-card-foreground", "border-[5px] border-border/30 rounded-2xl", "before:pointer-events-none before:absolute before:inset-0 before:rounded-xl before:border before:border-border/60 before:shadow-[2px_2px_2px_3px_rgb(0_0_0/0.02)] before:content-[\"\"]")
+};
+//#endregion
+//#region src/components/base/cards/partials/has-renderable-content.ts
+function M(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(M) : h(e) && e.type === p ? M(e.props.children) : !0;
+}
+//#endregion
+//#region src/components/base/cards/partials/card-primitives.tsx
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ v(C, {
+		className: t(k.root, "flex flex-col gap-6 py-6 ring-0", e),
+		...n
+	});
+}
+function P({ className: e, ...n }) {
+	return /* @__PURE__ */ v(w, {
+		className: t(k.header, "flex flex-col gap-0.5 px-6", e),
+		...n
+	});
+}
+function F({ className: e, children: r, ...i }) {
+	return M(r) ? typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ v(n, {
+		"data-slot": "card-title",
+		tag: "div",
+		weight: "semibold",
+		lineHeight: "none",
+		className: t(k.title, "leading-none font-semibold", e),
+		...i,
+		children: r
+	}) : /* @__PURE__ */ v(T, {
+		className: t(k.title, "leading-none font-semibold", e),
+		...i,
+		children: r
+	}) : null;
+}
+function I({ className: e, children: r, ...i }) {
+	return M(r) ? typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ v(n, {
+		"data-slot": "card-description",
+		tag: "div",
+		type: "secondary",
+		className: t(k.description, "text-muted-foreground text-sm", e),
+		...i,
+		children: r
+	}) : /* @__PURE__ */ v(E, {
+		className: t(k.description, "text-muted-foreground text-sm", e),
+		...i,
+		children: r
+	}) : null;
+}
+function L({ className: e, ...n }) {
+	return /* @__PURE__ */ v(D, {
+		className: t(k.content, "px-6", e),
+		...n
+	});
+}
+function R({ className: e, ...n }) {
+	return /* @__PURE__ */ v(O, {
+		className: t(k.footer, "flex items-center px-6", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/cards/partials/smart-card-alert.tsx
+function ee({ alert: e, alertVariant: n, hasHeader: r, padding: i }) {
+	let a = A[i];
+	return /* @__PURE__ */ v("div", {
+		className: t(k.alert, a.alertX, r ? a.alertOffsetWithHeader : a.alertOffsetStandalone),
+		children: /* @__PURE__ */ v(c, {
+			variant: n,
+			children: /* @__PURE__ */ v(s, { children: e })
+		})
+	});
+}
+//#endregion
+//#region src/components/base/cards/partials/smart-card-actions-menu.tsx
+function z({ actions: e, actionsLabel: n }) {
+	return /* @__PURE__ */ y(f, { children: [/* @__PURE__ */ v(u, {
+		type: "button",
+		"aria-label": n,
+		className: t("inline-flex size-7 shrink-0 items-center justify-center rounded-md p-0", "text-muted-foreground hover:bg-accent hover:text-accent-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "transition-colors"),
+		children: /* @__PURE__ */ v(S, { className: "size-4" })
+	}), /* @__PURE__ */ v(d, {
+		align: "end",
+		className: "min-w-[140px]",
+		children: e.map((e, t) => /* @__PURE__ */ y(l, {
+			onClick: e.onClick,
+			disabled: e.disabled,
+			className: "gap-1.5 px-2 py-1 text-xs",
+			children: [!!e.icon && /* @__PURE__ */ v("span", {
+				className: "flex shrink-0 items-center",
+				children: e.icon
+			}), e.label]
+		}, e.id ?? `${e.label}-${t}`))
+	})] });
+}
+//#endregion
+//#region src/components/base/cards/partials/smart-card-header-row.tsx
+function B({ tooltipLabel: e }) {
+	return /* @__PURE__ */ v(i, { render: (n) => {
+		let i = n;
+		return /* @__PURE__ */ v(r, {
+			...i,
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-xs",
+			className: t("h-5 w-5 text-muted-foreground", i.className),
+			"aria-label": e,
+			children: /* @__PURE__ */ v(x, { className: "size-3.5" })
+		});
+	} });
+}
+function te({ icon: e, title: n, titleSuffix: r, description: i, tooltip: s, tooltipLabel: c, headerStart: l, headerEnd: u, headerAction: d, actions: f, actionsLabel: p, padding: m, className: h }) {
+	let g = Array.isArray(f) ? f : [], _ = g.length > 0, b = M(e), x = M(n), S = M(r), C = M(i), w = M(s), T = M(l), E = M(u), D = M(d), O = b || x || S || w, k = E || D || _;
+	return /* @__PURE__ */ y(P, {
+		className: t("flex-row items-start justify-between gap-3 pb-0", A[m].headerX, h),
+		children: [/* @__PURE__ */ y("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-0.5",
+			children: [
+				!!T && l,
+				!!O && /* @__PURE__ */ y("div", {
+					className: "flex items-center gap-2",
+					children: [
+						!!b && /* @__PURE__ */ v("span", {
+							className: "flex shrink-0 items-center text-muted-foreground",
+							children: e
+						}),
+						/* @__PURE__ */ v(F, { children: n }),
+						!!S && /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2",
+							children: r
+						}),
+						!!w && /* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v(B, { tooltipLabel: c }), /* @__PURE__ */ v(a, { children: s })] })
+					]
+				}),
+				!!C && /* @__PURE__ */ v(I, {
+					className: "text-left",
+					children: i
+				})
+			]
+		}), !!k && /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-2",
+			children: [
+				!!E && u,
+				!!D && d,
+				!!_ && /* @__PURE__ */ v(z, {
+					actions: g,
+					actionsLabel: p
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/cards/smart-card.strings.ts
+var V = {
+	expandLabel: "Expand card",
+	collapseLabel: "Collapse card"
+};
+//#endregion
+//#region src/components/base/cards/partials/smart-card-skeleton.tsx
+function H({ title: e, lines: n = 2, className: r }) {
+	let i = ({ barClassName: e }) => /* @__PURE__ */ v("div", { className: t("animate-pulse rounded bg-muted", e) });
+	return /* @__PURE__ */ y(N, {
+		className: t(j.card, "gap-4 py-6", r),
+		children: [/* @__PURE__ */ v(P, {
+			className: "flex-col gap-1.5 px-6 pb-0",
+			children: e ? /* @__PURE__ */ v(F, { children: e }) : /* @__PURE__ */ v(i, { barClassName: "h-4 w-32" })
+		}), /* @__PURE__ */ v(L, {
+			className: "space-y-3 px-6 py-0",
+			children: Array.from({ length: n }, (e, n) => /* @__PURE__ */ v(i, { barClassName: t("h-4", n === 0 ? "w-full" : "w-3/4") }, `skel-${String(n)}`))
+		})]
+	});
+}
+H.displayName = "SmartCardSkeleton";
+//#endregion
+//#region src/components/base/cards/smart-card.tsx
+var U = m(function({ icon: n, title: r, titleSuffix: i, description: a, tooltip: o, tooltipAriaLabel: s = "Card info", footerText: c, alert: l, alertVariant: u = "default", surface: d, transparent: f = !1, padding: p, actions: m, actionsLabel: h = "Card actions", headerAction: x, headerStart: S, headerEnd: C, contentTop: w, contentBottom: T, footerSlot: E, headerDivider: D = !1, footerDivider: O = !1, expandable: k = !1, defaultExpanded: P = !1, expanded: F, onExpandedChange: I, children: z, className: B, headerClassName: H, contentClassName: U, footerClassName: W, strings: ne }, re) {
+	let { defaultPadding: ie } = e(), G = p ?? ie ?? "sm", K = A[G], q = Array.isArray(m) ? m : [], J = {
+		...V,
+		...ne
+	}, Y = k !== !1 && k !== void 0, X = typeof k == "object" && k?.collapsedMaxHeight !== void 0 ? k.collapsedMaxHeight : "12rem", ae = typeof X == "number" ? `${X}px` : X, Z = F !== void 0, [oe, se] = _(P), Q = Z ? F : oe, ce = g(() => {
+		let e = !Q;
+		Z || se(e), I?.(e);
+	}, [
+		Q,
+		Z,
+		I
+	]), $ = M(n) || M(r) || M(a) || q.length > 0 || M(x) || M(S) || M(C), le = M(l), ue = M(c), de = M(E), fe = M(w), pe = M(T), me = s.trim().length > 0 ? s : "Card info", he = Y ? { maxHeight: Q ? "" : ae } : void 0, ge = d ?? (f ? "flat" : "card");
+	return /* @__PURE__ */ y(N, {
+		ref: re,
+		"data-surface": ge,
+		className: t(j[ge], K.shell, Y && "relative pb-1 !overflow-visible", B),
+		children: [
+			!!$ && /* @__PURE__ */ v(te, {
+				icon: n,
+				title: r,
+				titleSuffix: i,
+				description: a,
+				tooltip: o,
+				tooltipLabel: me,
+				headerStart: S,
+				headerEnd: C,
+				headerAction: x,
+				actions: q,
+				actionsLabel: h,
+				padding: G,
+				className: t(D && "pb-3 border-b border-border/60", H)
+			}),
+			!!le && /* @__PURE__ */ v(ee, {
+				alert: l,
+				alertVariant: u,
+				hasHeader: $,
+				padding: G
+			}),
+			/* @__PURE__ */ y(L, {
+				className: t(K.contentX, K.contentY, Y && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", U),
+				style: he,
+				children: [
+					!!fe && w,
+					z,
+					!!pe && T,
+					!!Y && !Q && /* @__PURE__ */ v("div", {
+						"aria-hidden": "true",
+						className: "from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent"
+					})
+				]
+			}),
+			!!ue && /* @__PURE__ */ v(R, {
+				className: t("justify-end text-xs text-muted-foreground", K.footerX, O && "pt-3 border-t border-border/60", W),
+				children: c
+			}),
+			!!de && /* @__PURE__ */ v(R, {
+				className: t("flex-col items-stretch", K.footerX, O && "pt-3 border-t border-border/60", W),
+				children: E
+			}),
+			!!Y && /* @__PURE__ */ v("div", {
+				className: "absolute -bottom-4 left-1/2 -translate-x-1/2 z-10",
+				children: /* @__PURE__ */ y("button", {
+					type: "button",
+					onClick: ce,
+					"aria-expanded": Q,
+					"aria-label": Q ? J.collapseLabel : J.expandLabel,
+					className: t("inline-flex size-8 items-center justify-center rounded-full", "border border-border 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: t("size-4 transition-transform duration-300", Q && "rotate-180")
+					}), /* @__PURE__ */ v("span", {
+						className: "sr-only",
+						children: Q ? J.collapseLabel : J.expandLabel
+					})]
+				})
+			})
+		]
+	});
+});
+U.displayName = "SmartCard";
+//#endregion
+export { I as a, N as c, L as i, F as l, H as n, R as o, V as r, P as s, U as t };
+
+//# sourceMappingURL=smart-card-hJ01usWt.js.map

package/dist/_shared/smart-card-hJ01usWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card-hJ01usWt.js","names":[],"sources":["../../src/components/ui/card.tsx","../../src/components/base/cards/smart-card.tokens.ts","../../src/components/base/cards/partials/has-renderable-content.ts","../../src/components/base/cards/partials/card-primitives.tsx","../../src/components/base/cards/partials/smart-card-alert.tsx","../../src/components/base/cards/partials/smart-card-actions-menu.tsx","../../src/components/base/cards/partials/smart-card-header-row.tsx","../../src/components/base/cards/smart-card.strings.ts","../../src/components/base/cards/partials/smart-card-skeleton.tsx","../../src/components/base/cards/smart-card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\"ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"text-base leading-normal font-medium group-data-[size=sm]/card:text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4 flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import { cn } from '@/lib/utils';\n\nimport type { CardPadding, SmartCardSurface } from './smart-card.types';\n\n/**\n * BEM-style hooks applied to every SmartCard subregion. Library\n * consumers can target them in CSS / tests / analytics without\n * relying on shadcn's data-slot attributes (which are framework\n * internals). Keep these names consistent — they are part of the\n * public DOM contract.\n */\nexport const CARD_BEM = {\n\troot: 'card--component',\n\theader: 'card--header',\n\ttitle: 'card--title',\n\tdescription: 'card--description',\n\tcontent: 'card--content',\n\tfooter: 'card--footer',\n\talert: 'card--alert',\n} as const;\n\ninterface PaddingTokens {\n\tshell: string;\n\theaderX: string;\n\tcontentX: string;\n\tcontentY: string;\n\tfooterX: string;\n\talertX: string;\n\t/** Vertical offset applied when alert sits BELOW the header (pulls it up). */\n\talertOffsetWithHeader: string;\n\t/** Vertical spacing applied when alert is the first content (no header). */\n\talertOffsetStandalone: string;\n}\n\nexport const PADDING: Record<CardPadding, PaddingTokens> = {\n\tsm: {\n\t\tshell: 'gap-3 py-4',\n\t\theaderX: 'px-4',\n\t\tcontentX: 'px-4',\n\t\tcontentY: 'py-2',\n\t\tfooterX: 'px-4',\n\t\talertX: 'px-4',\n\t\talertOffsetWithHeader: '-mt-2',\n\t\talertOffsetStandalone: 'mt-1',\n\t},\n\tbase: {\n\t\tshell: 'gap-4 py-6',\n\t\theaderX: 'px-6',\n\t\tcontentX: 'px-6',\n\t\tcontentY: 'py-0',\n\t\tfooterX: 'px-6',\n\t\talertX: 'px-6',\n\t\talertOffsetWithHeader: '-mt-3',\n\t\talertOffsetStandalone: 'mt-2',\n\t},\n\tlg: {\n\t\tshell: 'gap-5 py-8',\n\t\theaderX: 'px-8',\n\t\tcontentX: 'px-8',\n\t\tcontentY: 'py-2',\n\t\tfooterX: 'px-8',\n\t\talertX: 'px-8',\n\t\talertOffsetWithHeader: '-mt-4',\n\t\talertOffsetStandalone: 'mt-3',\n\t},\n};\n\n/**\n * Surface-specific shell classes. The `framed` variant uses a soft 5px\n * outer border tinted from `--border` plus a 1px hairline inner border\n * drawn via the `before:` pseudo-element. All values flow through theme\n * tokens — no raw hex.\n */\nexport const SURFACE_CLASSES: Record<SmartCardSurface, string> = {\n\tcard: 'bg-card text-card-foreground rounded-xl border border-border shadow-sm',\n\tflat: 'bg-transparent text-card-foreground border-none shadow-none',\n\tframed: cn(\n\t\t'relative bg-card text-card-foreground',\n\t\t// Outer soft border: 5px, low-alpha tint of theme border.\n\t\t'border-[5px] border-border/30 rounded-2xl',\n\t\t// Inner hairline border drawn 5px inside the outer (matches the\n\t\t// border-thickness offset). Pure shadcn tokens (`border-border`\n\t\t// + `bg-card`) so it picks up the active theme.\n\t\t'before:pointer-events-none before:absolute before:inset-0 before:rounded-xl before:border before:border-border/60 before:shadow-[2px_2px_2px_3px_rgb(0_0_0/0.02)] before:content-[\"\"]',\n\t),\n};\n","import { Fragment, isValidElement, type ReactNode } from 'react';\n\n/**\n * Predicate used by SmartCard subregions to decide whether each slot\n * warrants rendering its wrapper. Numbers (incl. `0`) and JSX always\n * render; falsy / empty-string content is treated as absent. Fragments\n * recurse into their children.\n */\nexport function hasRenderableContent(content?: ReactNode): boolean {\n\tif (content === null || content === undefined) return false;\n\tif (typeof content === 'boolean') return false;\n\tif (typeof content === 'string') return content.trim().length > 0;\n\tif (typeof content === 'number' || typeof content === 'bigint') return true;\n\tif (Array.isArray(content)) return content.some(hasRenderableContent);\n\tif (isValidElement<{ children?: ReactNode }>(content)) {\n\t\tif (content.type === Fragment) return hasRenderableContent(content.props.children);\n\t\treturn true;\n\t}\n\treturn true;\n}\n","/**\n * Internal layout primitives — re-exported from `smart-card.tsx` for\n * advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each primitive is intentionally thin:\n * a single responsibility, a single set of default classes, no business\n * logic. The BEM hooks (`card--component`, `card--header`, etc.) are\n * applied here so the public DOM contract lives in one place.\n */\nimport {\n\ttype ComponentPropsWithRef,\n\ttype ComponentPropsWithoutRef,\n} from 'react';\n\nimport {\n\tCard as CardPrimitive,\n\tCardContent as CardContentPrimitive,\n\tCardDescription as CardDescriptionPrimitive,\n\tCardFooter as CardFooterPrimitive,\n\tCardHeader as CardHeaderPrimitive,\n\tCardTitle as CardTitlePrimitive,\n} from '@/components/ui/card';\nimport Text from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport { CARD_BEM } from '../smart-card.tokens';\n\nimport { hasRenderableContent } from './has-renderable-content';\n\nexport function CardShell({ className, ...props }: ComponentPropsWithRef<'div'>) {\n\treturn (\n\t\t<CardPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.root,\n\t\t\t\t'flex flex-col gap-6 py-6 ring-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardHeaderPrimitive\n\t\t\tclassName={cn(CARD_BEM.header, 'flex flex-col gap-0.5 px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardTitle({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' ||\n\t\ttypeof children === 'number' ||\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardTitlePrimitive\n\t\t\t\tclassName={cn(CARD_BEM.title, 'leading-none font-semibold', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardTitlePrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-title\"\n\t\t\ttag=\"div\"\n\t\t\tweight=\"semibold\"\n\t\t\tlineHeight=\"none\"\n\t\t\tclassName={cn(CARD_BEM.title, 'leading-none font-semibold', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardDescription({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' ||\n\t\ttypeof children === 'number' ||\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardDescriptionPrimitive\n\t\t\t\tclassName={cn(\n\t\t\t\t\tCARD_BEM.description,\n\t\t\t\t\t'text-muted-foreground text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardDescriptionPrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-description\"\n\t\t\ttag=\"div\"\n\t\t\ttype=\"secondary\"\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.description,\n\t\t\t\t'text-muted-foreground text-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardContent({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardContentPrimitive\n\t\t\tclassName={cn(CARD_BEM.content, 'px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardFooter({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardFooterPrimitive\n\t\t\tclassName={cn(CARD_BEM.footer, 'flex items-center px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","/**\n * Inline alert banner rendered between the header and the card body.\n * Pulls itself up under the header (`alertOffsetWithHeader`) when one\n * exists so the visual gap between header bottom and alert top stays\n * tight; otherwise pushes itself down (`alertOffsetStandalone`) so it\n * doesn't kiss the card top edge.\n */\nimport type { ReactNode } from 'react';\n\nimport { Alert, AlertDescription } from '@/components/base/display/alert';\nimport { cn } from '@/lib/utils';\n\nimport { CARD_BEM, PADDING } from '../smart-card.tokens';\nimport type { CardAlertVariant, CardPadding } from '../smart-card.types';\n\ninterface AlertSlotProps {\n\talert: ReactNode | string;\n\talertVariant: CardAlertVariant;\n\thasHeader: boolean;\n\tpadding: CardPadding;\n}\n\nexport function SmartCardAlert({\n\talert,\n\talertVariant,\n\thasHeader,\n\tpadding,\n}: AlertSlotProps) {\n\tconst tokens = PADDING[padding];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.alert,\n\t\t\t\ttokens.alertX,\n\t\t\t\thasHeader ? tokens.alertOffsetWithHeader : tokens.alertOffsetStandalone,\n\t\t\t)}\n\t\t>\n\t\t\t<Alert variant={alertVariant}>\n\t\t\t\t<AlertDescription>{alert}</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t);\n}\n","/**\n * SmartCard actions menu — `⋮` trigger + dropdown of consumer-supplied\n * `SmartCardAction` items. Always renders a 28×28 square trigger so it\n * reads cleanly as a circle (consumer overrides to `rounded-full`) or\n * a rectangle (default `rounded-md`).\n */\nimport { MoreHorizontal } from 'lucide-react';\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nimport type { SmartCardAction } from '../smart-card.types';\n\ninterface ActionsMenuProps {\n\tactions: SmartCardAction[];\n\tactionsLabel: string;\n}\n\nexport function ActionsMenu({ actions, actionsLabel }: ActionsMenuProps) {\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={actionsLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex size-7 shrink-0 items-center justify-center rounded-md p-0',\n\t\t\t\t\t'text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t'outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t'transition-colors',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"end\" className=\"min-w-[140px]\">\n\t\t\t\t{actions.map((action, index) => (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tkey={action.id ?? `${action.label}-${index}`}\n\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\tdisabled={action.disabled}\n\t\t\t\t\t\tclassName=\"gap-1.5 px-2 py-1 text-xs\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!action.icon && (\n\t\t\t\t\t\t\t<span className=\"flex shrink-0 items-center\">{action.icon}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{action.label}\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t))}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n","/**\n * SmartCardHeaderRow — the chrome above the card body. Combines icon /\n * title / description / tooltip / suffix on the leading side with the\n * trailing `headerEnd` / `headerAction` slots and the actions menu.\n *\n * `TooltipTrigger_Info` is colocated here because it's only used by the\n * header — keeping it private avoids polluting the public partial\n * surface.\n */\nimport { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { cn } from '@/lib/utils';\n\nimport { PADDING } from '../smart-card.tokens';\nimport type { CardPadding, SmartCardAction } from '../smart-card.types';\n\nimport { CardHeader, CardTitle, CardDescription } from './card-primitives';\nimport { hasRenderableContent } from './has-renderable-content';\nimport { ActionsMenu } from './smart-card-actions-menu';\n\nfunction TooltipTrigger_Info({ tooltipLabel }: { tooltipLabel: string }) {\n\treturn (\n\t\t<TooltipTrigger\n\t\t\trender={(triggerProps) => {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tconst passthrough = triggerProps as Record<string, any>;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...passthrough}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'h-5 w-5 text-muted-foreground',\n\t\t\t\t\t\t\tpassthrough.className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-label={tooltipLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ninterface HeaderProps {\n\ticon?: ReactNode;\n\ttitle?: ReactNode;\n\ttitleSuffix?: ReactNode;\n\tdescription?: ReactNode;\n\ttooltip?: ReactNode;\n\ttooltipLabel: string;\n\theaderStart?: ReactNode;\n\theaderEnd?: ReactNode;\n\theaderAction?: ReactNode;\n\tactions?: SmartCardAction[];\n\tactionsLabel: string;\n\tpadding: CardPadding;\n\tclassName?: string;\n}\n\nexport function SmartCardHeaderRow({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttooltip,\n\ttooltipLabel,\n\theaderStart,\n\theaderEnd,\n\theaderAction,\n\tactions,\n\tactionsLabel,\n\tpadding,\n\tclassName,\n}: HeaderProps) {\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst hasActions = cardActions.length > 0;\n\n\tconst hasIcon = hasRenderableContent(icon);\n\tconst hasTitle = hasRenderableContent(title);\n\tconst hasTitleSuffix = hasRenderableContent(titleSuffix);\n\tconst hasDescription = hasRenderableContent(description);\n\tconst hasTooltip = hasRenderableContent(tooltip);\n\tconst hasHeaderStart = hasRenderableContent(headerStart);\n\tconst hasHeaderEnd = hasRenderableContent(headerEnd);\n\tconst hasHeaderAction = hasRenderableContent(headerAction);\n\n\tconst showTitleRow = hasIcon || hasTitle || hasTitleSuffix || hasTooltip;\n\tconst showTrailing = hasHeaderEnd || hasHeaderAction || hasActions;\n\n\treturn (\n\t\t<CardHeader\n\t\t\tclassName={cn(\n\t\t\t\t'flex-row items-start justify-between gap-3 pb-0',\n\t\t\t\tPADDING[padding].headerX,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n\t\t\t\t{!!hasHeaderStart && headerStart}\n\n\t\t\t\t{!!showTitleRow && (\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{!!hasIcon && (\n\t\t\t\t\t\t\t<span className=\"flex shrink-0 items-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<CardTitle>{title}</CardTitle>\n\t\t\t\t\t\t{!!hasTitleSuffix && (\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">{titleSuffix}</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger_Info tooltipLabel={tooltipLabel} />\n\t\t\t\t\t\t\t\t<TooltipContent>{tooltip}</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!hasDescription && (\n\t\t\t\t\t<CardDescription className=\"text-left\">{description}</CardDescription>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{!!showTrailing && (\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t{!!hasHeaderEnd && headerEnd}\n\t\t\t\t\t{!!hasHeaderAction && headerAction}\n\t\t\t\t\t{!!hasActions && (\n\t\t\t\t\t\t<ActionsMenu actions={cardActions} actionsLabel={actionsLabel} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardHeader>\n\t);\n}\n","/**\n * SmartCard strings — i18n surface for the chrome the consumer doesn't\n * pass directly. Most copy (title, description, action labels, alert\n * body) flows in via props; the strings here cover the implicit\n * affordances (expand toggle).\n */\n\nexport interface SmartCardStrings {\n\texpandLabel: string;\n\tcollapseLabel: string;\n}\n\nexport const defaultSmartCardStrings: SmartCardStrings = {\n\texpandLabel: 'Expand card',\n\tcollapseLabel: 'Collapse card',\n};\n","/**\n * SmartCardSkeleton — placeholder shell rendered while a SmartCard's\n * data is loading. Picks up the canonical card surface so the loading\n * state visually matches the eventual `SmartCard` it'll replace.\n */\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { SURFACE_CLASSES } from '../smart-card.tokens';\n\nimport {\n\tCardContent,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './card-primitives';\n\nexport interface SmartCardSkeletonProps {\n\ttitle?: ReactNode;\n\tlines?: number;\n\tclassName?: string;\n}\n\nexport function SmartCardSkeleton({\n\ttitle,\n\tlines = 2,\n\tclassName,\n}: SmartCardSkeletonProps) {\n\tconst SkeletonBar = ({ barClassName }: { barClassName?: string }) => (\n\t\t<div className={cn('animate-pulse rounded bg-muted', barClassName)} />\n\t);\n\n\treturn (\n\t\t<CardShell className={cn(SURFACE_CLASSES.card, 'gap-4 py-6', className)}>\n\t\t\t<CardHeader className=\"flex-col gap-1.5 px-6 pb-0\">\n\t\t\t\t{title ? <CardTitle>{title}</CardTitle> : <SkeletonBar barClassName=\"h-4 w-32\" />}\n\t\t\t</CardHeader>\n\t\t\t<CardContent className=\"space-y-3 px-6 py-0\">\n\t\t\t\t{Array.from({ length: lines }, (_, i) => (\n\t\t\t\t\t<SkeletonBar\n\t\t\t\t\t\tkey={`skel-${String(i)}`}\n\t\t\t\t\t\tbarClassName={cn('h-4', i === 0 ? 'w-full' : 'w-3/4')}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</CardContent>\n\t\t</CardShell>\n\t);\n}\n\nSmartCardSkeleton.displayName = 'SmartCardSkeleton';\n","/**\n * SmartCard — composed card with header (icon, title, suffix, description,\n * tooltip), actions menu, alert banner, header / content / footer slots,\n * surface variants (card / flat / framed), and an opt-in expandable body.\n *\n * The single card primitive everything else builds on — never reach past it\n * to shadcn `Card` directly. The CardShell / CardHeader / CardTitle /\n * CardDescription / CardContent / CardFooter primitives are re-exported\n * for advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each subregion paints a BEM-style hook\n * (`card--component`, `card--header`, `card--title`, …) for CSS / test /\n * analytics targeting independent of shadcn's data-slot internals.\n *\n * The file is a thin orchestrator. The actual chrome lives in:\n *   - `./smart-card.types.ts`           — public prop / variant types\n *   - `./smart-card.strings.ts`         — i18n (expand toggle copy)\n *   - `./smart-card.tokens.ts`          — PADDING + SURFACE_CLASSES + CARD_BEM\n *   - `./partials/card-primitives.tsx`  — CardShell + CardHeader / Title /\n *                                          Description / Content / Footer\n *   - `./partials/smart-card-header-row.tsx` — header layout + actions menu\n *   - `./partials/smart-card-alert.tsx`     — inline alert banner\n *   - `./partials/smart-card-actions-menu.tsx` — `⋮` dropdown\n *   - `./partials/smart-card-skeleton.tsx` — loading placeholder\n *   - `./partials/has-renderable-content.ts` — slot-empty predicate\n */\nimport { ChevronDown } from 'lucide-react';\nimport {\n\ttype CSSProperties,\n\tforwardRef,\n\tuseCallback,\n\tuseState,\n} from 'react';\n\nimport { useCardConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from './partials/card-primitives';\nimport { hasRenderableContent } from './partials/has-renderable-content';\nimport { SmartCardAlert } from './partials/smart-card-alert';\nimport { SmartCardHeaderRow } from './partials/smart-card-header-row';\nimport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nimport {\n\tPADDING,\n\tSURFACE_CLASSES,\n} from './smart-card.tokens';\nimport type {\n\tCardPadding,\n\tSmartCardProps,\n\tSmartCardSurface,\n} from './smart-card.types';\n\nexport const SmartCard = forwardRef<HTMLDivElement, SmartCardProps>(function SmartCard({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttooltip,\n\ttooltipAriaLabel = 'Card info',\n\tfooterText,\n\talert,\n\talertVariant = 'default',\n\tsurface,\n\ttransparent = false,\n\tpadding,\n\tactions,\n\tactionsLabel = 'Card actions',\n\theaderAction,\n\theaderStart,\n\theaderEnd,\n\tcontentTop,\n\tcontentBottom,\n\tfooterSlot,\n\theaderDivider = false,\n\tfooterDivider = false,\n\texpandable = false,\n\tdefaultExpanded = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst { defaultPadding } = useCardConfig();\n\tconst resolvedPadding: CardPadding = padding ?? defaultPadding ?? 'sm';\n\tconst tokens = PADDING[resolvedPadding];\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst strings: SmartCardStrings = {\n\t\t...defaultSmartCardStrings,\n\t\t...stringsProp,\n\t};\n\n\tconst isExpandable = expandable !== false && expandable !== undefined;\n\tconst collapsedMaxHeightRaw =\n\t\ttypeof expandable === 'object' && expandable?.collapsedMaxHeight !== undefined\n\t\t\t? expandable.collapsedMaxHeight\n\t\t\t: '12rem';\n\tconst collapsedMaxHeight =\n\t\ttypeof collapsedMaxHeightRaw === 'number'\n\t\t\t? `${collapsedMaxHeightRaw}px`\n\t\t\t: collapsedMaxHeightRaw;\n\n\tconst isExpandedControlled = expandedProp !== undefined;\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = isExpandedControlled ? expandedProp : internalExpanded;\n\tconst handleToggle = useCallback(() => {\n\t\tconst next = !expanded;\n\t\tif (!isExpandedControlled) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}, [expanded, isExpandedControlled, onExpandedChange]);\n\n\tconst hasHeader =\n\t\thasRenderableContent(icon) ||\n\t\thasRenderableContent(title) ||\n\t\thasRenderableContent(description) ||\n\t\tcardActions.length > 0 ||\n\t\thasRenderableContent(headerAction) ||\n\t\thasRenderableContent(headerStart) ||\n\t\thasRenderableContent(headerEnd);\n\n\tconst hasAlert = hasRenderableContent(alert);\n\tconst hasFooterText = hasRenderableContent(footerText);\n\tconst hasFooterSlot = hasRenderableContent(footerSlot);\n\tconst hasContentTop = hasRenderableContent(contentTop);\n\tconst hasContentBottom = hasRenderableContent(contentBottom);\n\n\tconst tooltipLabel =\n\t\ttooltipAriaLabel.trim().length > 0 ? tooltipAriaLabel : 'Card info';\n\n\tconst collapseStyle: CSSProperties | undefined = isExpandable\n\t\t? {\n\t\t\t\tmaxHeight: expanded ? '' : collapsedMaxHeight,\n\t\t\t}\n\t\t: undefined;\n\n\t// Resolve surface — explicit `surface` wins, else legacy `transparent`,\n\t// else the default `'card'` chrome.\n\tconst resolvedSurface: SmartCardSurface = surface ?? (transparent ? 'flat' : 'card');\n\n\treturn (\n\t\t<CardShell\n\t\t\tref={ref}\n\t\t\tdata-surface={resolvedSurface}\n\t\t\tclassName={cn(\n\t\t\t\tSURFACE_CLASSES[resolvedSurface],\n\t\t\t\ttokens.shell,\n\t\t\t\t// `isExpandable` parks the chevron at `-bottom-4` outside the\n\t\t\t\t// shell — `overflow-visible` lets it render past the card\n\t\t\t\t// edge, otherwise the shadcn primitive's `overflow-hidden`\n\t\t\t\t// clips it.\n\t\t\t\tisExpandable && 'relative pb-1 !overflow-visible',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeader && (\n\t\t\t\t<SmartCardHeaderRow\n\t\t\t\t\ticon={icon}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\ttitleSuffix={titleSuffix}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\ttooltip={tooltip}\n\t\t\t\t\ttooltipLabel={tooltipLabel}\n\t\t\t\t\theaderStart={headerStart}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\theaderAction={headerAction}\n\t\t\t\t\tactions={cardActions}\n\t\t\t\t\tactionsLabel={actionsLabel}\n\t\t\t\t\tpadding={resolvedPadding}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\theaderDivider && 'pb-3 border-b border-border/60',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!!hasAlert && (\n\t\t\t\t<SmartCardAlert\n\t\t\t\t\talert={alert}\n\t\t\t\t\talertVariant={alertVariant}\n\t\t\t\t\thasHeader={hasHeader}\n\t\t\t\t\tpadding={resolvedPadding}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<CardContent\n\t\t\t\tclassName={cn(\n\t\t\t\t\ttokens.contentX,\n\t\t\t\t\ttokens.contentY,\n\t\t\t\t\tisExpandable &&\n\t\t\t\t\t\t'relative overflow-hidden transition-[max-height] duration-500 ease-in-out',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t\tstyle={collapseStyle}\n\t\t\t>\n\t\t\t\t{!!hasContentTop && contentTop}\n\t\t\t\t{children}\n\t\t\t\t{!!hasContentBottom && contentBottom}\n\n\t\t\t\t{!!isExpandable && !expanded && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName=\"from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{!!hasFooterText && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'justify-end text-xs text-muted-foreground',\n\t\t\t\t\t\ttokens.footerX,\n\t\t\t\t\t\tfooterDivider && 'pt-3 border-t border-border/60',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footerText}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t{!!hasFooterSlot && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex-col items-stretch',\n\t\t\t\t\t\ttokens.footerX,\n\t\t\t\t\t\tfooterDivider && 'pt-3 border-t border-border/60',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footerSlot}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t{!!isExpandable && (\n\t\t\t\t<div className=\"absolute -bottom-4 left-1/2 -translate-x-1/2 z-10\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\t\taria-label={expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex size-8 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t'border border-border bg-background text-foreground shadow-sm',\n\t\t\t\t\t\t\t'hover:bg-muted/40 transition-colors',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'size-4 transition-transform duration-300',\n\t\t\t\t\t\t\t\texpanded && 'rotate-180',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"sr-only\">\n\t\t\t\t\t\t\t{expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n});\n\nSmartCard.displayName = 'SmartCard';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Re-exports — public surface lives here so `import { ... } from\n// '@/components/base/cards'` keeps working through the file split.\n// ──────────────────────────────────────────────────────────────────────────\n\nexport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nexport type {\n\tCardAlertVariant,\n\tCardPadding,\n\tSmartCardAction,\n\tSmartCardProps,\n\tSmartCardSkeletonProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nexport {\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './partials/card-primitives';\nexport { SmartCardSkeleton } from './partials/smart-card-skeleton';\n"],"mappings":"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"}

package/dist/_shared/spinner-D-pcMBt1.js

@@ -0,0 +1,67 @@
+import { d as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var o = r(function({ label: r, className: o = "", variant: u, style: d }, f) {
+	let { defaultVariant: p } = e(), m = u ?? p ?? "default";
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: t("spinner--component", "flex items-center justify-center p-8"),
+		style: d,
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center gap-2 text-center",
+			children: [
+				m === "default" && /* @__PURE__ */ i(s, { className: o }),
+				m === "shimmer" && /* @__PURE__ */ i(c, { className: o }),
+				m === "progress" && /* @__PURE__ */ i(l, { className: o }),
+				!!r && /* @__PURE__ */ i(n, {
+					type: "secondary",
+					children: r
+				})
+			]
+		})
+	});
+});
+o.displayName = "Spinner";
+function s({ className: e = "" }) {
+	return /* @__PURE__ */ a("svg", {
+		className: t("h-10 w-10 text-primary", e),
+		fill: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ i("path", {
+			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+			opacity: ".25"
+		}), /* @__PURE__ */ i("path", {
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+			children: /* @__PURE__ */ i("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function c({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		"aria-hidden": "true"
+	});
+}
+function l({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-1 w-32 overflow-hidden rounded bg-muted", e),
+		role: "progressbar",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ i("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=spinner-D-pcMBt1.js.map

package/dist/_shared/spinner-D-pcMBt1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-D-pcMBt1.js","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAU,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAAS,GAAa,YAC/C,GACC;CACD,IAAM,EAAE,sBAAmB,GAAkB,EACvC,IAA0B,KAAe,KAAkB;AAEjE,QACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,sBAAsB,uCAAuC;EAAS;YAClG,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,MAAY,aAAa,kBAAC,GAAD,EAA2B,cAAa,CAAA;IACjE,MAAY,aAAa,kBAAC,GAAD,EAA2B,cAAa,CAAA;IACjE,MAAY,cAAc,kBAAC,GAAD,EAA4B,cAAa,CAAA;IACnE,CAAC,CAAC,KAAS,kBAAC,GAAD;KAAM,MAAK;eAAa;KAAa,CAAA;IAC5C;;EACD,CAAA;EAEN;AAEF,EAAQ,cAAc;AAEtB,SAAS,EAAe,EAAE,eAAY,MAA8B;AACnE,QACC,kBAAC,OAAD;EACC,WAAW,EAAG,0BAA0B,EAAU;EAClD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;YALb,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;GACP,CAAA,EACF,kBAAC,QAAD;GAAM,GAAE;aACP,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;IACX,CAAA;GACI,CAAA,CACF;;;AAIR,SAAS,EAAe,EAAE,eAAY,MAA8B;AACnE,QACC,kBAAC,OAAD;EACC,WAAW,EACV,6GACA,+CACA,EACA;EACD,eAAY;EACX,CAAA;;AAIJ,SAAS,EAAgB,EAAE,eAAY,MAA8B;AACpE,QACC,kBAAC,OAAD;EACC,WAAW,EAAG,6CAA6C,EAAU;EACrE,MAAK;EACL,aAAU;YAEV,kBAAC,OAAD,EAAK,WAAU,sFAAuF,CAAA;EACjG,CAAA"}

package/dist/_shared/spinner-zbmhn0vE.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.forwardRef)(function({label:r,className:a=``,variant:l,style:u},d){let{defaultVariant:f}=e.d(),p=l??f??`default`;return(0,i.jsx)(`div`,{ref:d,className:t.cn(`spinner--component`,`flex items-center justify-center p-8`),style:u,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p===`default`&&(0,i.jsx)(o,{className:a}),p===`shimmer`&&(0,i.jsx)(s,{className:a}),p===`progress`&&(0,i.jsx)(c,{className:a}),!!r&&(0,i.jsx)(n.t,{type:`secondary`,children:r})]})})});a.displayName=`Spinner`;function o({className:e=``}){return(0,i.jsxs)(`svg`,{className:t.cn(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,i.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,i.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,i.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function s({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function c({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,i.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=spinner-zbmhn0vE.cjs.map

package/dist/_shared/spinner-zbmhn0vE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-zbmhn0vE.cjs","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":"mMA4BA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAC/D,CAAE,QAAO,YAAY,GAAI,QAAS,EAAa,SAC/C,EACC,CACD,GAAM,CAAE,kBAAmB,EAAA,GAAkB,CACvC,EAA0B,GAAe,GAAkB,UAEjE,OACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,qBAAsB,uCAAuC,CAAS,kBAClG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,CACE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,YAAa,CAAA,CACjE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,YAAa,CAAA,CACjE,IAAY,aAAc,EAAA,EAAA,KAAC,EAAD,CAA4B,YAAa,CAAA,CACnE,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAa,EAAa,CAAA,CAC5C,GACD,CAAA,EAEN,CAEF,EAAQ,YAAc,UAEtB,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GAAG,yBAA0B,EAAU,CAClD,KAAK,eACL,QAAQ,YACR,MAAM,6BACN,cAAY,gBALb,EAOC,EAAA,EAAA,KAAC,OAAD,CACC,EAAE,gFACF,QAAQ,MACP,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,uKACP,EAAA,EAAA,KAAC,mBAAD,CACC,cAAc,YACd,KAAK,SACL,IAAI,QACJ,OAAO,oBACP,YAAY,aACX,CAAA,CACI,CAAA,CACF,GAIR,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,4GACA,8CACA,EACA,CACD,cAAY,OACX,CAAA,CAIJ,SAAS,EAAgB,CAAE,YAAY,IAA8B,CACpE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,KAAK,cACL,YAAU,iBAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qFAAuF,CAAA,CACjG,CAAA"}

package/dist/_shared/switch-C5J37LMI.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`@base-ui/react/switch`);function i({className:t,size:i=`default`,...a}){return(0,n.jsx)(r.Switch.Root,{"data-slot":`switch`,"data-size":i,className:e.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,t),...a,children:(0,n.jsx)(r.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform`})})}var a=(0,t.forwardRef)(function({onCheckedChange:r,invalid:a,className:o,...s},c){let l=(0,t.useMemo)(()=>s.name?String(s.name):s.id?String(s.id):String(new Date().getTime()),[s.id,s.name]),u=s.id??l,d=(0,t.useCallback)(e=>{r?.({target:{name:l,value:e}})},[l,r]);return(0,n.jsx)(i,{ref:c,...s,onCheckedChange:d,id:u,name:l,"aria-invalid":a||void 0,className:e.cn(`switch--component`,a&&`data-[state=unchecked]:border-destructive`,o)})});a.displayName=`Switch`;var o=(0,t.forwardRef)(function({onCheckedChange:t,invalid:r,className:a,...o},s){return(0,n.jsx)(i,{ref:s,...o,onCheckedChange:e=>t?.(e),"aria-invalid":r||void 0,className:e.cn(r&&`data-[state=unchecked]:border-destructive`,a)})});o.displayName=`ToggleSwitch`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=switch-C5J37LMI.cjs.map

package/dist/_shared/switch-C5J37LMI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-C5J37LMI.cjs","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return String(new Date().getTime());\n    }, [rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":"6JAIA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,GACT,0hBACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,gaACV,CAAA,CACmB,CAAA,CCQ3B,IAAa,GAAA,EAAA,EAAA,YAAgD,SACzD,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,IAAM,GAAA,EAAA,EAAA,aACE,EAAK,KAAa,OAAO,EAAK,KAAK,CACnC,EAAK,GAAW,OAAO,EAAK,GAAG,CAC5B,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CACpC,CAAC,EAAK,GAAI,EAAK,KAAK,CAAC,CAElB,EAAa,EAAK,IAAM,EAExB,GAAA,EAAA,EAAA,aACD,GAAqB,CAClB,IAAkB,CACd,OAAQ,CAAE,OAAM,MAAO,EAAS,CACnC,CAAC,EAEN,CAAC,EAAM,EAAgB,CAC1B,CAED,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAiB,EACjB,GAAI,EACE,OACN,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,oBACV,GAAW,4CACX,EACH,CACH,CAAA,EAER,CAEF,EAAO,YAAc,SAOrB,IAAa,GAAA,EAAA,EAAA,YAA4D,SACrE,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAkB,GAAY,IAAkB,EAAQ,CACxD,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,GAAW,4CAA6C,EAAU,CAClF,CAAA,EAER,CAEF,EAAa,YAAc"}

package/dist/_shared/switch-ClGgHcEb.js

@@ -0,0 +1,51 @@
+import { cn as e } from "../lib/utils.js";
+import { forwardRef as t, useCallback as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Switch as a } from "@base-ui/react/switch";
+//#region src/components/ui/switch.tsx
+function o({ className: t, size: n = "default", ...r }) {
+	return /* @__PURE__ */ i(a.Root, {
+		"data-slot": "switch",
+		"data-size": n,
+		className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", t),
+		...r,
+		children: /* @__PURE__ */ i(a.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/switch.tsx
+var s = t(function({ onCheckedChange: t, invalid: a, className: s, ...c }, l) {
+	let u = r(() => c.name ? String(c.name) : c.id ? String(c.id) : String((/* @__PURE__ */ new Date()).getTime()), [c.id, c.name]), d = c.id ?? u, f = n((e) => {
+		t?.({ target: {
+			name: u,
+			value: e
+		} });
+	}, [u, t]);
+	return /* @__PURE__ */ i(o, {
+		ref: l,
+		...c,
+		onCheckedChange: f,
+		id: d,
+		name: u,
+		"aria-invalid": a || void 0,
+		className: e("switch--component", a && "data-[state=unchecked]:border-destructive", s)
+	});
+});
+s.displayName = "Switch";
+var c = t(function({ onCheckedChange: t, invalid: n, className: r, ...a }, s) {
+	return /* @__PURE__ */ i(o, {
+		ref: s,
+		...a,
+		onCheckedChange: (e) => t?.(e),
+		"aria-invalid": n || void 0,
+		className: e(n && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+c.displayName = "ToggleSwitch";
+//#endregion
+export { c as n, o as r, s as t };
+
+//# sourceMappingURL=switch-ClGgHcEb.js.map