admin-ui-starter-kit 0.6.6 → 0.6.8

package/dist/_shared/cards-cQ9lL6zy.js

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

package/dist/_shared/cards-cQ9lL6zy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cards-cQ9lL6zy.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\tsmall: {\n\t\tshell: 'gap-space-lg py-surface-sm',\n\t\theaderX: 'px-surface-sm',\n\t\tcontentX: 'px-surface-sm',\n\t\tcontentY: 'py-0',\n\t\tfooterX: 'px-surface-sm',\n\t\talertX: 'px-surface-sm',\n\t\talertOffsetWithHeader: '-mt-1',\n\t\talertOffsetStandalone: 'mt-0',\n\t},\n\tdefault: {\n\t\tshell: 'gap-space-xl py-[calc(var(--surface-y)+var(--space-xs))]',\n\t\theaderX: 'px-[calc(var(--surface-x)+var(--space-xs))]',\n\t\tcontentX: 'px-[calc(var(--surface-x)+var(--space-xs))]',\n\t\tcontentY: 'py-0',\n\t\tfooterX: 'px-[calc(var(--surface-x)+var(--space-xs))]',\n\t\talertX: 'px-[calc(var(--surface-x)+var(--space-xs))]',\n\t\talertOffsetWithHeader: '-mt-1',\n\t\talertOffsetStandalone: 'mt-0',\n\t},\n};\n\n/**\n * Surface-specific shell classes. The `framed` variant provides one clean\n * card surface with a soft tokenized ring, not nested borders that compete\n * with the example chrome.\n */\nexport const SURFACE_CLASSES: Record<SmartCardSurface, string> = {\n\tcard: 'rounded-lg border border-border bg-card text-card-foreground shadow-xs',\n\tflat: 'bg-transparent text-card-foreground border-none shadow-none',\n\tframed: cn(\n\t\t'rounded-lg border border-border bg-card text-card-foreground shadow-xs',\n\t\t'ring-4 ring-border/30',\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 w-full flex-col gap-3 py-4 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-1 px-4', 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, 'min-w-0 text-sm leading-tight 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=\"tight\"\n\t\t\tclassName={cn(CARD_BEM.title, 'min-w-0 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-4', 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-4', 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-36\">\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-space-lg px-row-x py-row-y text-sm\"\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-small\"\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-1\">\n\t\t\t\t{!!hasHeaderStart && headerStart}\n\n\t\t\t\t{!!showTitleRow && (\n\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1\">\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 shrink-0 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 { Button } from '@/components/base/buttons';\nimport { useStrings } from '@/lib/strings';\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} 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\nfunction normalizeCardPadding(padding: CardPadding | string | undefined): CardPadding {\n\tif (padding === 'small' || padding === 'default') return padding;\n\tif (padding === 'sm') return 'small';\n\tif (padding === 'base' || padding === 'lg') return 'default';\n\treturn 'default';\n}\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 = normalizeCardPadding(padding ?? defaultPadding);\n\tconst tokens = PADDING[resolvedPadding];\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst strings = useStrings(defaultSmartCardStrings, stringsProp);\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 framed chrome.\n\tconst resolvedSurface: SmartCardSurface = surface ?? (transparent ? 'flat' : 'framed');\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\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\tsize=\"icon-small\"\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/combobox-BGYjyXeN.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-DZWtUXf2.cjs"),r=require("../lib/utils.cjs"),i=require("./button-BMiPFJIb.cjs"),a=require("./typography-GtkgK9QX.cjs"),o=require("./input-DV3g7Fm5.cjs"),s=require("./form-sizing-DJus3nK3.cjs"),c=require("./scroll-area-CIRXK7s0.cjs");let l=require("react");l=e.t(l,1);let u=require("react/jsx-runtime"),d=require("lucide-react"),f=require("@base-ui/react/combobox");var p=f.Combobox.Root;function m({className:e,...t}){return(0,u.jsx)(f.Combobox.Input,{"data-slot":`combobox-input`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-10 w-full min-w-0 rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,e),...t})}function h({className:e,children:t,...n}){return(0,u.jsxs)(f.Combobox.Trigger,{"data-slot":`combobox-trigger`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground flex h-10 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,`[&>span]:line-clamp-1`,e),...n,children:[t,(0,u.jsx)(f.Combobox.Icon,{className:`flex`,children:(0,u.jsx)(d.ChevronDownIcon,{className:`size-4 opacity-50`})})]})}function g({placeholder:e,...t}){return(0,u.jsx)(f.Combobox.Value,{"data-slot":`combobox-value`,placeholder:!!e&&(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:e}),...t})}function _({className:e,...t}){return(0,u.jsx)(f.Combobox.Clear,{"data-slot":`combobox-clear`,className:r.cn(`absolute right-8 top-1/2 -translate-y-1/2 rounded-sm opacity-50 ring-offset-background transition-opacity`,`hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`disabled:pointer-events-none`,e),...t,children:(0,u.jsx)(d.XIcon,{className:`size-4`})})}var v={sm:`h-8 text-xs pl-2 pr-8`,md:`h-10 text-sm pl-3 pr-10`,lg:`h-12 text-base pl-4 pr-12`},y={sm:`pr-14`,md:`pr-16`,lg:`pr-20`},b={sm:`right-1`,md:`right-2`,lg:`right-3`},x={sm:`size-3`,md:`size-4`,lg:`size-5`};function S({className:e,showClear:t=!1,size:n=`md`,error:i,...a}){return(0,u.jsxs)(`div`,{className:`relative`,children:[(0,u.jsx)(f.Combobox.Input,{"data-slot":`combobox-input`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border bg-background shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,v[n],t&&y[n],e),"aria-invalid":i||void 0,...a}),(0,u.jsxs)(`div`,{className:r.cn(`absolute top-1/2 -translate-y-1/2 flex items-center gap-1 text-muted-foreground`,b[n]),children:[!!t&&(0,u.jsx)(f.Combobox.Clear,{"data-slot":`combobox-clear`,className:`rounded-sm p-1 opacity-50 hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,u.jsx)(d.XIcon,{className:x[n]})}),(0,u.jsx)(f.Combobox.Trigger,{className:`rounded-sm p-1 hover:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,u.jsx)(d.ChevronDownIcon,{className:x[n]})})]})]})}var C=f.Combobox.Portal;function w({className:e,sideOffset:t=4,...n}){return(0,u.jsx)(f.Combobox.Positioner,{"data-slot":`combobox-positioner`,sideOffset:t,className:r.cn(`z-50 outline-none`,e),...n})}function T({className:e,...t}){return(0,u.jsx)(f.Combobox.Popup,{"data-slot":`combobox-popup`,className:r.cn(`w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]`,`overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`origin-[var(--transform-origin)]`,`data-[starting-style]:opacity-0 data-[starting-style]:scale-95`,`data-[ending-style]:opacity-0 data-[ending-style]:scale-95`,`transition-[opacity,transform] duration-150`,e),...t})}function E({className:e,...t}){return(0,u.jsx)(f.Combobox.List,{"data-slot":`combobox-list`,className:r.cn(`max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-1`,`outline-none empty:hidden`,e),...t})}var D={sm:`py-1 px-2 text-xs gap-2`,md:`py-1.5 px-2.5 text-sm gap-2`,lg:`py-2 px-3 text-base gap-2.5`},O={sm:`size-3`,md:`size-4`,lg:`size-5`};function k({className:e,children:t,size:n=`md`,...i}){return(0,u.jsxs)(f.Combobox.Item,{"data-slot":`combobox-item`,className:r.cn(`flex w-full cursor-default select-none items-center justify-between rounded-sm outline-none`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground`,D[n],e),...i,children:[(0,u.jsx)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate`,children:t}),(0,u.jsx)(f.Combobox.ItemIndicator,{className:r.cn(`flex shrink-0 items-center justify-center text-muted-foreground`,O[n]),children:(0,u.jsx)(d.CheckIcon,{className:O[n]})})]})}function A({className:e,children:t,...n}){return(0,u.jsx)(f.Combobox.ItemIndicator,{"data-slot":`combobox-item-indicator`,className:r.cn(e),...n,children:t??(0,u.jsx)(d.CheckIcon,{className:`size-4`})})}function j({className:e,children:t,...n}){return(0,u.jsx)(f.Combobox.Empty,{"data-slot":`combobox-empty`,className:r.cn(`py-6 text-center text-sm text-muted-foreground empty:hidden`,e),...n,children:t})}function M({className:e,...t}){return(0,u.jsx)(f.Combobox.Status,{"data-slot":`combobox-status`,className:r.cn(`flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground empty:hidden`,e),...t})}function N({className:e,...t}){return(0,u.jsx)(f.Combobox.Group,{"data-slot":`combobox-group`,className:r.cn(`overflow-hidden p-1`,e),...t})}function P({className:e,...t}){return(0,u.jsx)(f.Combobox.GroupLabel,{"data-slot":`combobox-group-label`,className:r.cn(`px-2 py-1.5 text-xs font-medium text-muted-foreground`,e),...t})}var F=f.Combobox.Collection;function I({className:e,...t}){return(0,u.jsx)(f.Combobox.Separator,{"data-slot":`combobox-separator`,className:r.cn(`-mx-1 my-1 h-px bg-muted`,e),...t})}var L={sm:`min-h-8 gap-1 px-2 py-1 text-xs`,md:`min-h-10 gap-1.5 px-3 py-2 text-sm`,lg:`min-h-12 gap-2 px-4 py-2.5 text-base`};function R({className:e,size:t=`md`,error:n,...i}){return(0,u.jsx)(f.Combobox.Chips,{"data-slot":`combobox-chips`,className:r.cn(`flex flex-wrap items-center rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15`,L[t],e),"aria-invalid":n||void 0,...i})}function z({className:e,children:t,...n}){return(0,u.jsxs)(f.Combobox.Chip,{"data-slot":`combobox-chip`,className:r.cn(`inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-xs font-medium text-secondary-foreground`,`data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground`,`focus-within:bg-primary focus-within:text-primary-foreground`,e),...n,children:[t,(0,u.jsx)(f.Combobox.ChipRemove,{className:`rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,u.jsx)(d.XIcon,{className:`size-3`})})]})}function ee({className:e,...t}){return(0,u.jsx)(f.Combobox.Input,{"data-slot":`combobox-chips-input`,className:r.cn(`min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,e),...t})}function B({className:e,...t}){return(0,u.jsx)(f.Combobox.Backdrop,{"data-slot":`combobox-backdrop`,className:r.cn(`fixed inset-0 z-50 bg-black/80`,`data-[starting-style]:opacity-0 data-[ending-style]:opacity-0`,`transition-opacity duration-150`,e),...t})}function V({className:e,...t}){return(0,u.jsx)(f.Combobox.Arrow,{"data-slot":`combobox-arrow`,className:r.cn(`fill-popover`,e),...t})}var H=f.Combobox.useFilter,U={placeholder:`Search...`,clear:`Clear selection`,toggle:`Open options`,searching:`Loading...`,noResults:`No results found.`,typeToSearch:`Type at least {min} characters to search...`,typeMore:`Type {remaining} more character{s} to search...`,createNew:`Create {value}`,loadingMore:`Loading...`,apply:`Apply`,cancel:`Cancel`},W=3,te=300,G=`default`,K=.8,ne=100,re=500,q=Symbol(`enhanced-combobox-create-option`);function J(e){return typeof e==`object`&&!!e&&q in e}function Y(e){if(!J(e))throw Error(`Item is not a create option`);return e[q]}function ie(e){return{[q]:e}}function X({isLoading:e,text:t,className:n}){return e?(0,u.jsxs)(`div`,{className:r.cn(`loading-more--component`,`flex items-center justify-center gap-space-sm px-control py-space-xs text-xs text-muted-foreground`,n),role:`status`,"aria-live":`polite`,children:[(0,u.jsx)(d.Loader2,{className:`size-icon-sm animate-spin`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{children:t})]}):null}X.displayName=`LoadingMore`;function Z({isLoading:e,searchValue:t,minSearchLength:n,itemCount:r,strings:i}){let a=t.trim();if(e)return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(d.Loader2,{className:`size-icon-sm animate-spin`}),i.searching]});if(a===``)return i.typeToSearch.includes(`{min}`)?i.typeToSearch.replace(`{min}`,String(n)):i.typeToSearch;if(a.length<n){let e=n-a.length;return i.typeMore.includes(`{remaining}`)||i.typeMore.includes(`{s}`)?i.typeMore.replace(`{remaining}`,String(e)).replace(`{s}`,e===1?``:`s`):i.typeMore}return null}Z.displayName=`StatusContent`;var ae={small:`sm`,default:`md`},oe={small:`min-h-control-sm gap-space-lg rounded-md px-row-x py-row-y text-xs leading-tight [&>span:first-child]:gap-space-lg [&>span:first-child]:text-xs`,default:`min-h-control gap-space-lg rounded-md px-row-x py-row-y text-sm leading-tight [&>span:first-child]:gap-space-lg [&>span:first-child]:text-sm`},se=`px-row-x py-row-y text-xxs font-medium uppercase tracking-wide text-muted-foreground`;function ce({isLoading:e,showStatus:t,showEmpty:n,searchValue:r,minSearchLength:a,items:o,groupedItems:s,createOptionItem:l,renderItemContent:d,getItemReactKey:f,getItemDisabled:p,renderGroupLabel:m,isLoadingMore:h,strings:g,size:_=G,portalContainer:v,listRef:y,anchor:b,applyFooter:x}){let S=v==null?void 0:`z-[100]`,D=ae[_],O=(0,u.jsx)(w,{anchor:b,className:S,children:(0,u.jsxs)(T,{"aria-busy":e||void 0,className:`combobox-dropdown--popup rounded-radius border-border/70 shadow-sm`,children:[!!t&&(0,u.jsx)(M,{className:`gap-space-sm px-control py-space-xs text-xs text-muted-foreground`,children:(0,u.jsx)(Z,{isLoading:e,searchValue:r,minSearchLength:a,itemCount:o.length,strings:g})}),!!n&&(0,u.jsx)(j,{className:`px-control py-space-xs text-center text-xs text-muted-foreground`,children:g.noResults}),(0,u.jsx)(c.t,{viewportRef:y,className:`max-h-[min(20rem,var(--available-height))]`,children:(0,u.jsx)(E,{className:`combobox-dropdown--list max-h-none overflow-visible p-space-sm`,children:s?(0,u.jsxs)(u.Fragment,{children:[Array.from(s.entries()).map(([e,t])=>(0,u.jsxs)(N,{className:`combobox-dropdown--group p-0`,items:t,children:[(0,u.jsx)(P,{className:se,children:typeof m==`function`?m(e):e}),(0,u.jsx)(F,{children:e=>(0,u.jsx)(k,{value:e,size:D,className:oe[_],disabled:p?.(e),children:d(e)},f(e))})]},e)),l!=null&&(0,u.jsx)(k,{value:l,size:D,className:oe[_],children:d(l)},f(l))]}):(0,u.jsx)(F,{children:e=>(0,u.jsx)(k,{value:e,size:D,className:oe[_],disabled:p?.(e),children:d(e)},f(e))})})}),(0,u.jsx)(X,{isLoading:!!h,text:g.loadingMore}),!!x&&(0,u.jsxs)(`div`,{className:`flex items-center justify-end gap-space-md border-t border-border/60 px-control py-space-xs`,children:[(0,u.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e=>{e.preventDefault(),e.stopPropagation(),x.onCancel()},children:x.cancelLabel}),(0,u.jsx)(i.t,{type:`button`,variant:`primary`,onClick:e=>{e.preventDefault(),e.stopPropagation(),x.onApply()},children:x.applyLabel})]})]})});return v?(0,u.jsx)(C,{container:v,children:O}):(0,u.jsx)(C,{children:O})}ce.displayName=`ComboboxDropdown`;var le={small:`text-xs mt-space-sm`,default:`text-sm mt-space-md`};function ue({error:e,size:t,className:n}){return e?(0,u.jsx)(`p`,{className:r.cn(`error-message--component`,`text-destructive`,le[t],n),role:`alert`,"aria-live":`polite`,children:e}):null}ue.displayName=`ErrorMessage`;function Q(e){return e.replace(/[$()*+.?[\\\]^{|}]/g,`\\$&`)}function $({text:e,highlight:t,highlightClassName:n=`rounded-sm bg-warning/20 px-0.5 text-warning-foreground dark:bg-warning/25`}){if(!t.trim())return e;let r=RegExp(`(${Q(t)})`,`gi`),i=e.split(r),a=0;return(0,u.jsx)(u.Fragment,{children:i.map((e,t)=>{let r=t%2==1,i=String(a);return a+=e.length,r?(0,u.jsx)(`mark`,{className:n,children:e},i):(0,u.jsx)(`span`,{children:e},i)})})}$.displayName=`HighlightedText`;function de({searchValue:e,onSearch:t,debounceMs:n=300,minSearchLength:r=3}){let i=(0,l.useRef)(null),a=(0,l.useRef)(t);(0,l.useEffect)(()=>{a.current=t},[t]),(0,l.useEffect)(()=>{if(!a.current)return;i.current&&clearTimeout(i.current);let t=e.trim();return t.length>=r&&(i.current=setTimeout(()=>{a.current?.(t)},n)),()=>{i.current&&clearTimeout(i.current)}},[e,n,r])}function fe({items:e,getItemGroup:t}){return(0,l.useMemo)(()=>{if(!t)return null;let n=new Map;for(let r of e){let e=t(r),i=n.get(e);i?i.push(r):n.set(e,[r])}return n},[e,t])}function pe({hasMore:e,onLoadMore:t,isLoadingMore:n}){let r=(0,l.useRef)(!1),i=(0,l.useRef)(null),a=(0,l.useCallback)(a=>{if(!e||!t||n||r.current)return;let{scrollHeight:o,scrollTop:s,clientHeight:c}=a.target;(s+c)/o>=.8&&(i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{r.current=!0,t(),setTimeout(()=>{r.current=!1},500)},100))},[e,t,n]);return(0,l.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),{handleScroll:a}}function me(e){return t.useStrings(U,e)}function he(e,t,n){let r=t.toLowerCase();return e.some(e=>n(e).toLowerCase()===r)}function ge({items:e,searchValue:t,getItemLabel:n,getItemKey:i,isLoading:o=!1,minSearchLength:s=3,strings:c,renderItem:f,onSearch:p,debounceMs:m=300,creatable:h,onCreate:g,getItemGroup:_,hasMore:v,onLoadMore:y,isLoadingMore:b,highlightMatch:x,ensuredItems:S=[]}){let C=me(c),w=i??n,T=(0,l.useRef)(null),E=t.trim();de({searchValue:t,onSearch:p,debounceMs:m,minSearchLength:s});let{handleScroll:D}=pe({hasMore:v,onLoadMore:y,isLoadingMore:b});(0,l.useEffect)(()=>{let e=T.current;if(!(!e||!v||!y))return e.addEventListener(`scroll`,D),()=>e.removeEventListener(`scroll`,D)},[D,v,y]);let O=(0,l.useMemo)(()=>{if(S.length===0)return e;let t=[...S];return e.forEach(e=>{let n=w(e);S.some(e=>w(e)===n)||t.push(e)}),t},[e,S,w]),k=fe({items:O,getItemGroup:_}),A=(0,l.useMemo)(()=>!h||!g||E.length<s?!1:!he(O,E,n),[h,g,E,s,O,n]),j=(0,l.useMemo)(()=>A?ie(E):null,[A,E]);return{strings:C,getKey:w,trimmedSearch:E,listRef:T,baseItems:O,allItems:(0,l.useMemo)(()=>j?[...O,j]:O,[O,j]),groupedItems:k,createOptionItem:j,showStatus:o||E.length<s,showEmpty:!o&&E.length>=s&&e.length===0&&!A,showCreateOption:A,renderItemContent:(0,l.useCallback)(e=>{if(J(e)){let t=Y(e);return(0,u.jsxs)(`span`,{className:r.cn(`use-enhanced-combobox-core--component`,`flex items-center gap-space-sm text-xs`),children:[(0,u.jsx)(d.PlusIcon,{className:`size-icon-sm`}),C.createNew.includes(`{value}`)?C.createNew.replace(`{value}`,t):(0,u.jsxs)(`span`,{className:`inline-flex items-center gap-space-sm`,children:[(0,u.jsx)(`span`,{children:C.createNew}),(0,u.jsx)(a.s,{tag:`span`,size:`xs`,weight:`medium`,className:`text-xs`,children:t})]})]})}if(f)return f(e);let t=n(e);return x&&E?(0,u.jsx)($,{text:t,highlight:E}):t},[C.createNew,f,n,x,E]),itemToStringLabel:(0,l.useCallback)(e=>J(e)?Y(e):n(e),[n]),getItemReactKey:(0,l.useCallback)(e=>J(e)?`__create__:${Y(e)}`:String(w(e)),[w]),handleScroll:D}}var _e={small:`small`,default:`default`};function ve(e,t){return e??_e[t??`default`]??`default`}var ye={small:`small`,default:`default`},be={small:`pe-control-actions-sm`,default:`pe-control-actions`},xe={small:`sm`,default:`md`};function Se(e){return ye[e]}function Ce({placeholder:e,clearLabel:t,toggleLabel:n,size:a,error:c,required:l,disabled:p,clearable:m=!0,className:h,onBlur:g}){return(0,u.jsxs)(`div`,{className:`relative`,children:[(0,u.jsx)(f.Combobox.Input,{render:(0,u.jsx)(o.t,{size:a,invalid:c,className:r.cn(be[a],h)}),placeholder:e,"aria-invalid":c||void 0,"aria-required":l,disabled:p,onBlur:g}),(0,u.jsxs)(`div`,{className:`absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground`,children:[m?(0,u.jsx)(f.Combobox.Clear,{render:(0,u.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`size-control-clear text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,u.jsx)(d.XIcon,{className:s.a[a],"aria-hidden":`true`})})}):null,(0,u.jsx)(f.Combobox.Trigger,{render:(0,u.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`size-control-clear text-muted-foreground hover:text-foreground`,"aria-label":n,children:(0,u.jsx)(d.ChevronDownIcon,{className:s.a[a],"aria-hidden":`true`})})})]})]})}function we({items:e,selectedValue:t,onSelectedValueChange:r,searchValue:i,onSearchValueChange:a,getItemLabel:o,getItemKey:s,isLoading:c=!1,minSearchLength:d=3,strings:f,disabled:m=!1,className:h,clearable:g=!0,renderItem:_,portalContainer:v,name:y,invalid:b,error:x,required:S,onBlur:C,onSearch:w,debounceMs:T,creatable:E,onCreate:D,getItemGroup:O,renderGroupLabel:k,hasMore:A,onLoadMore:j,isLoadingMore:M,getItemDisabled:N,highlightMatch:P,size:F,open:I,onOpenChange:L}){let{defaultControlSize:R}=n.o(),z=ve(F,R),ee=Se(z),B=b||!!x,V=ge({items:e,searchValue:i,onSearchValueChange:a,getItemLabel:o,getItemKey:s,isLoading:c,minSearchLength:d,strings:f,renderItem:_,onSearch:w,debounceMs:T,creatable:E,onCreate:D,getItemGroup:O,hasMore:A,onLoadMore:j,isLoadingMore:M,highlightMatch:P,size:z,ensuredItems:t?[t]:[]}),[H,U]=(0,l.useState)(!1),W=(0,l.useCallback)(e=>{U(e),e||a(``),L?.(e)},[L,a]),te=H?i:t?V.itemToStringLabel(t):``,G=(0,l.useCallback)(e=>{if(e&&J(e)){let t=Y(e);D?.(t);return}r(e)},[r,D]);return(0,u.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,u.jsxs)(p,{items:V.allItems,value:t,onValueChange:G,inputValue:te,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){a(``);return}a(e)},itemToStringLabel:V.itemToStringLabel,disabled:m,filter:null,name:y,required:S,open:I,onOpenChange:W,children:[(0,u.jsx)(Ce,{placeholder:V.strings.placeholder,clearLabel:V.strings.clear,toggleLabel:V.strings.toggle,className:h,size:ee,error:B,required:S,disabled:m,clearable:g,onBlur:C}),(0,u.jsx)(ce,{isLoading:c,showStatus:V.showStatus,showEmpty:V.showEmpty,searchValue:i,minSearchLength:d,items:e,groupedItems:V.groupedItems,createOptionItem:V.createOptionItem,renderItemContent:V.renderItemContent,getItemReactKey:V.getItemReactKey,getItemDisabled:N,renderGroupLabel:k,isLoadingMore:M,strings:V.strings,size:z,portalContainer:v,listRef:V.listRef})]}),(0,u.jsx)(ue,{error:x,size:z})]})}function Te({items:e,selectedValues:t,onSelectedValuesChange:i,searchValue:a,onSearchValueChange:o,getItemLabel:c,getItemKey:d,isLoading:f=!1,minSearchLength:m=3,strings:h,disabled:g=!1,className:_,renderItem:v,portalContainer:y,name:b,invalid:x,error:S,required:C,onBlur:w,onSearch:T,debounceMs:E,creatable:D,onCreate:O,getItemGroup:k,renderGroupLabel:A,hasMore:j,onLoadMore:M,isLoadingMore:N,getItemDisabled:P,highlightMatch:F,size:I,open:L,onOpenChange:B,closeOnSelect:V=!1,applyButton:H=!1,onApply:U,onCancel:W}){let{defaultControlSize:te}=n.o(),G=ve(I,te),K=Se(G),ne=xe[G],re=x||!!S,q=(0,l.useRef)(null),ie=d??c,[X,Z]=(0,l.useState)(t),[ae,oe]=(0,l.useState)(!1),se=L!==void 0,le=se?L:ae;(0,l.useEffect)(()=>{H&&Z(t)},[H,t]);let Q=(0,l.useCallback)(e=>{se||oe(e),B?.(e)},[se,B]),$=ge({items:e,searchValue:a,onSearchValueChange:o,getItemLabel:c,getItemKey:d,isLoading:f,minSearchLength:m,strings:h,renderItem:v,onSearch:T,debounceMs:E,creatable:D,onCreate:O,getItemGroup:k,hasMore:j,onLoadMore:M,isLoadingMore:N,highlightMatch:F,size:G,ensuredItems:t}),de=(0,l.useCallback)(e=>{let t=[],n=null;for(let r of e)J(r)?n=Y(r):t.push(r);n&&O?.(n);let r=t.length!==e.length||!n?t:null;r&&(H?Z(r):i(r)),V&&Q(!1)},[i,O,H,V,Q]),fe=(0,l.useCallback)(()=>{H&&i(X),U?.(),Q(!1)},[H,X,U,i,Q]),pe=(0,l.useCallback)(()=>{H&&Z(t),W?.(),Q(!1)},[H,t,W,Q]),me=H?X:t,he=me.length>0?void 0:$.strings.placeholder;return(0,u.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,u.jsxs)(p,{items:$.allItems,multiple:!0,value:me,onValueChange:de,inputValue:a,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){o(``);return}o(e)},itemToStringLabel:$.itemToStringLabel,disabled:g,filter:null,name:b,required:C,open:le,onOpenChange:e=>{!e&&H&&Z(t),Q(e)},children:[(0,u.jsxs)(R,{ref:q,className:r.cn(s.c[K],s.l[K],K===`small`?`text-xs`:`text-sm`,`bg-transparent !shadow-none`,_),size:ne,error:re,children:[me.map(e=>(0,u.jsx)(z,{children:c(e)},ie(e))),(0,u.jsx)(ee,{placeholder:he,"aria-invalid":re||void 0,"aria-required":C,onBlur:w})]}),(0,u.jsx)(ce,{isLoading:f,showStatus:$.showStatus,showEmpty:$.showEmpty,searchValue:a,minSearchLength:m,items:e,groupedItems:$.groupedItems,createOptionItem:$.createOptionItem,renderItemContent:$.renderItemContent,getItemReactKey:$.getItemReactKey,getItemDisabled:P,renderGroupLabel:A,isLoadingMore:N,strings:$.strings,size:G,portalContainer:y,listRef:$.listRef,anchor:q,applyFooter:H?{applyLabel:$.strings.apply,cancelLabel:$.strings.cancel,onApply:fe,onCancel:pe}:void 0})]}),(0,u.jsx)(ue,{error:S,size:G})]})}var Ee=we,De=Te;we.displayName=`EnhancedCombobox`,Te.displayName=`EnhancedComboboxMultiple`;var Oe={...U,error:`Unable to load options.`};function ke({fetcher:e,value:n,defaultValue:i=null,onValueChange:o,onAfterFetch:s,onError:c,getKey:d,getLabel:f,getDescription:p,getMeta:m,renderOption:h,limit:g=10,debounceMs:_=300,preload:v=!0,minSearchLength:y=0,errorMessage:b,strings:x,disabled:S,...C}){let w=t.useStrings(Oe,x),T=n!==void 0,[E,D]=(0,l.useState)(i),O=T?n:E,[k,A]=(0,l.useState)(``),[j,M]=(0,l.useState)([]),[N,P]=(0,l.useState)(!1),[F,I]=(0,l.useState)(null),L=(0,l.useRef)(0),R=k.trim(),z=(0,l.useCallback)(e=>{T||D(e),o?.(e)},[T,o]);(0,l.useEffect)(()=>{if(S)return;if(!(R.length>0?R.length>=y:v)){M([]),P(!1),I(null);return}let t=L.current+1;L.current=t;let n=new AbortController,r={query:R,limit:g,signal:n.signal},i=window.setTimeout(()=>{P(!0),I(null),e(r).then(e=>{n.signal.aborted||L.current!==t||(M(e),s?.(e,r))}).catch(e=>{n.signal.aborted||L.current!==t||(M([]),I(e),c?.(e,r))}).finally(()=>{!n.signal.aborted&&L.current===t&&P(!1)})},_);return()=>{window.clearTimeout(i),n.abort()}},[_,S,e,g,y,s,c,v,R]);let ee=(0,l.useCallback)(e=>{if(h)return h(e,{query:R,isSelected:O?d(O)===d(e):!1});let t=p?.(e),n=m?.(e);return(0,u.jsxs)(`span`,{className:`async-resource-combobox--option flex min-w-0 items-center gap-space-md text-xs leading-tight`,children:[(0,u.jsx)(a.s,{tag:`span`,size:`inherit`,weight:`medium`,className:`min-w-0 shrink truncate`,children:f(e)}),(!!t||!!n)&&(0,u.jsxs)(`span`,{className:`inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-xs text-muted-foreground`,children:[!!t&&(0,u.jsx)(a.s,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate`,children:t}),!!n&&(0,u.jsx)(a.s,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate opacity-75`,children:n})]})]})},[p,d,f,m,h,O,R]),B=(0,l.useMemo)(()=>{if(F)return b??w.error},[F,b,w.error]);return(0,u.jsxs)(`div`,{"data-component":`async-resource-combobox`,"data-slot":`async-resource-combobox`,className:r.cn(`async-resource-combobox--component`,C.className),children:[(0,u.jsx)(we,{...C,className:void 0,disabled:S,items:j,selectedValue:O??null,onSelectedValueChange:z,searchValue:k,onSearchValueChange:A,getItemLabel:f,getItemKey:d,isLoading:N,minSearchLength:y,strings:w,renderItem:ee,error:typeof B==`string`?B:void 0}),B&&typeof B!=`string`&&(0,u.jsx)(`div`,{className:`async-resource-combobox--error mt-1.5`,children:B})]})}ke.displayName=`AsyncResourceCombobox`,Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return S}});
-//# sourceMappingURL=combobox-BGYjyXeN.cjs.map