admin-ui-starter-kit 0.6.6 → 0.6.7

package/.agents/skills/component-library-rules/references/components/base__cards.md

@@ -413,7 +413,7 @@ export function MetricKPICard() {
 			footerText="Updated 5 minutes ago"
 		>
 			<div className="space-y-1">
-				<Text size="xl" weight="semibold" lineHeight="none" className="text-3xl tabular-nums">
+				<Text size="base" weight="semibold" lineHeight="none" className="tabular-nums">
 					$48,290
 				</Text>
 				<Text size="xs" type="secondary">vs. $42,950 last month</Text>
@@ -478,7 +478,7 @@ export function StatRowClickable() {
 				headerEnd={<ArrowUpRight className="size-4 text-muted-foreground" />}
 				className="cursor-pointer transition-colors hover:bg-muted/40"
 			>
-				<Text size="xl" weight="semibold" className="tabular-nums">2,194</Text>
+				<Text size="base" weight="semibold" className="tabular-nums">2,194</Text>
 			</SmartCard>
 			<SmartCard
 				icon={<CreditCard className="size-4" />}
@@ -486,7 +486,7 @@ export function StatRowClickable() {
 				headerEnd={<ArrowUpRight className="size-4 text-muted-foreground" />}
 				className="cursor-pointer transition-colors hover:bg-muted/40"
 			>
-				<Text size="xl" weight="semibold" className="tabular-nums">$12,840</Text>
+				<Text size="base" weight="semibold" className="tabular-nums">$12,840</Text>
 			</SmartCard>
 			<SmartCard
 				icon={<Sparkles className="size-4" />}
@@ -494,7 +494,7 @@ export function StatRowClickable() {
 				headerEnd={<ArrowUpRight className="size-4 text-muted-foreground" />}
 				className="cursor-pointer transition-colors hover:bg-muted/40"
 			>
-				<Text size="xl" weight="semibold" className="tabular-nums">87</Text>
+				<Text size="base" weight="semibold" className="tabular-nums">87</Text>
 			</SmartCard>
 		</div>
 	);

package/.agents/skills/component-library-rules/references/components/base__carousel.md

@@ -335,11 +335,11 @@ export function GalleryCarousel() {
 										</div>
 										<div className="grid grid-cols-2 gap-2">
 											<div>
-												<Text size="xxs" type="secondary">Revenue</Text>
+												<Text size="xs" type="secondary">Revenue</Text>
 												<Text weight="semibold">{product.revenue}</Text>
 											</div>
 											<div>
-												<Text size="xxs" type="secondary">Units</Text>
+												<Text size="xs" type="secondary">Units</Text>
 												<Text weight="semibold">{product.units}</Text>
 											</div>
 										</div>
@@ -385,11 +385,11 @@ export function ProductGridGallery() {
 									<ProductVisual product={product} className="aspect-[4/3] w-full" />
 									<div className="mt-3 grid grid-cols-2 gap-2">
 										<div>
-											<Text size="xxs" type="secondary">Revenue</Text>
+											<Text size="xs" type="secondary">Revenue</Text>
 											<Text weight="semibold">{product.revenue}</Text>
 										</div>
 										<div>
-											<Text size="xxs" type="secondary">Units</Text>
+											<Text size="xs" type="secondary">Units</Text>
 											<Text weight="semibold">{product.units}</Text>
 										</div>
 									</div>

package/.agents/skills/component-library-rules/references/components/base__combobox.md

@@ -664,7 +664,7 @@ export function CustomGroupLabels() {
 				getItemGroup={(o) => o.status}
 				renderGroupLabel={(group) => (
 					<div className="flex items-center gap-space-sm">
-						<Text size="xxs" type="secondary" weight="semibold" className="uppercase tracking-wide">
+						<Text size="xs" type="secondary" weight="semibold" className="uppercase tracking-wide">
 							{group}
 						</Text>
 					</div>

package/.agents/skills/component-library-rules/references/components/base__css-variables.md

@@ -431,7 +431,7 @@ function VariableGroupButton({
 			<span className="min-w-0 flex-1">
 				<span className="block truncate text-sm font-medium leading-5">{label}</span>
 			</span>
-			<span className="text-xxs tabular-nums text-muted-foreground">{count}</span>
+			<span className="text-xs tabular-nums text-muted-foreground">{count}</span>
 		</Button>
 	);
 }
@@ -704,6 +704,7 @@ const PUBLIC_ROOT_VARIABLES = new Set([
 const PUBLIC_THEME_VARIABLES = new Set([
 	'--font-heading',
 	'--font-sans',
+	'--font-serif',
 	'--font-mono',
 	'--text-xxs',
 	'--text-xs',

package/.agents/skills/component-library-rules/references/components/base__event-calendar.md

@@ -172,7 +172,7 @@ export function FilterEventRenderEventCustomEventRendering() {
 								categories={categories}
 								filterEvent={(e) => e.category !== 'wine'}
 								renderEvent={(event, category) => (
-									<div className="truncate rounded-sm bg-foreground/8 px-1.5 py-0.5 text-xxs text-foreground">
+									<div className="truncate rounded-sm bg-foreground/8 px-1.5 py-0.5 text-xs text-foreground">
 										{category?.label?.split(' ')[0] ?? ''} · {event.title}
 									</div>
 								)}

package/.agents/skills/component-library-rules/references/components/base__typography.md

@@ -72,7 +72,7 @@ import { Heading, Label, Text, TextLink } from 'admin-ui-starter-kit/typography'
 Use `Text` for ordinary body, labels, metadata, helper copy, and inline
 messages. Omit `size` for normal body text so the `UIProvider` typography
 default can flow through; reach for `size="xs" type="secondary"` for secondary
-details and `size="xxs" type="secondary"` for dense micro labels. Use
+details and `size="xs" type="secondary"` for dense micro labels. Use
 `weight="semibold"` instead of local font-weight classes.
 
 Use `Heading` for page or section headings, `Label` for form captions, and

package/.agents/skills/component-library-rules/references/components/composed__metadata-list.md

@@ -200,7 +200,7 @@ function PersonValue({ initials, name, sub }: { initials: string; name: string;
 	return (
 		<span className="inline-flex items-center gap-space-md">
 			<Avatar size="small">
-				<AvatarFallback className="text-xxs font-semibold">{initials}</AvatarFallback>
+				<AvatarFallback className="text-xs font-semibold">{initials}</AvatarFallback>
 			</Avatar>
 			<span className="inline-flex flex-col leading-tight">
 				<Text tag="span" size="inherit" weight="medium" className="text-sm">{name}</Text>
@@ -287,8 +287,8 @@ const SHORT_PROFILE: MetadataListItem[] = [
 export function APISurface() {
 	return (
 		<Text type="secondary" className="max-w-2xl">
-			Each item is <code className="rounded bg-muted px-1 py-0.5 text-xxs">{'{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }'}</code>.
-			List-level props choose <code className="rounded bg-muted px-1 py-0.5 text-xxs">layout</code>, <code className="rounded bg-muted px-1 py-0.5 text-xxs">columns</code>, <code className="rounded bg-muted px-1 py-0.5 text-xxs">dense</code>, <code className="rounded bg-muted px-1 py-0.5 text-xxs">title</code>, <code className="rounded bg-muted px-1 py-0.5 text-xxs">titleSeparator</code>, and <code className="rounded bg-muted px-1 py-0.5 text-xxs">separator</code>. Per-item <code className="rounded bg-muted px-1 py-0.5 text-xxs">render</code> is for status pills, copyable IDs, links, and inline edit affordances.
+			Each item is <code className="rounded bg-muted px-1 py-0.5 text-xs">{'{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }'}</code>.
+			List-level props choose <code className="rounded bg-muted px-1 py-0.5 text-xs">layout</code>, <code className="rounded bg-muted px-1 py-0.5 text-xs">columns</code>, <code className="rounded bg-muted px-1 py-0.5 text-xs">dense</code>, <code className="rounded bg-muted px-1 py-0.5 text-xs">title</code>, <code className="rounded bg-muted px-1 py-0.5 text-xs">titleSeparator</code>, and <code className="rounded bg-muted px-1 py-0.5 text-xs">separator</code>. Per-item <code className="rounded bg-muted px-1 py-0.5 text-xs">render</code> is for status pills, copyable IDs, links, and inline edit affordances.
 		</Text>
 	);
 }

package/.agents/skills/component-library-rules/references/components/features__activities.md

@@ -302,7 +302,7 @@ export function DefaultFeed() {
 			                        recordEvent(`Activity click → ${a.event} · ${a.id}`)
 			                    }
 			                    titleSuffix={
-			                        <Text size="xxs" type="secondary" className="tabular-nums">
+			                        <Text size="xs" type="secondary" className="tabular-nums">
 			                            {DEFAULT_ACTIVITIES.length}
 			                        </Text>
 			                    }

package/.agents/skills/component-library-rules/references/components/features__enhanced-activities.md

@@ -332,13 +332,13 @@ const INITIAL_ACTIVITIES: ActivityItem<CommentActivityData>[] = [
 export function APISurface() {
 	return (
 		<Text type="secondary" className="max-w-2xl">
-			Pass <code className="rounded bg-muted px-1 py-0.5 text-xxs">resources</code> and{' '}
-			<code className="rounded bg-muted px-1 py-0.5 text-xxs">onResourceSearch</code> as props on{' '}
-			<code className="rounded bg-muted px-1 py-0.5 text-xxs">{'<CommentComposer>'}</code>; render{' '}
-			<code className="rounded bg-muted px-1 py-0.5 text-xxs">{'<ActivityFeedCard activities={...} />'}</code>{' '}
+			Pass <code className="rounded bg-muted px-1 py-0.5 text-xs">resources</code> and{' '}
+			<code className="rounded bg-muted px-1 py-0.5 text-xs">onResourceSearch</code> as props on{' '}
+			<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<CommentComposer>'}</code>; render{' '}
+			<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<ActivityFeedCard activities={...} />'}</code>{' '}
 			for the feed. Comments are activities with{' '}
-			<code className="rounded bg-muted px-1 py-0.5 text-xxs">event=&quot;note&quot;</code> and a description ReactNode rendered via{' '}
-			<code className="rounded bg-muted px-1 py-0.5 text-xxs">{'<MentionContent>'}</code>.
+			<code className="rounded bg-muted px-1 py-0.5 text-xs">event=&quot;note&quot;</code> and a description ReactNode rendered via{' '}
+			<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<MentionContent>'}</code>.
 		</Text>
 	);
 }

package/.agents/skills/component-library-rules/references/components/features__metrics-overview.md

@@ -188,19 +188,19 @@ export function MetricSparklineExample() {
 		<>
 			<div className="grid grid-cols-1 gap-3 sm:grid-cols-3">
 								<div className="rounded-lg border border-border bg-card p-3">
-									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Positive</Text>
+									<Text size="xs" type="secondary" weight="medium" className="uppercase tracking-wider">Positive</Text>
 									<div className="mt-1 h-12 w-full">
 										<MetricSparkline data={[120, 140, 132, 158, 167, 180, 198, 220, 240, 248]} trend="positive" />
 									</div>
 								</div>
 								<div className="rounded-lg border border-border bg-card p-3">
-									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Negative</Text>
+									<Text size="xs" type="secondary" weight="medium" className="uppercase tracking-wider">Negative</Text>
 									<div className="mt-1 h-12 w-full">
 										<MetricSparkline data={[200, 198, 205, 195, 188, 182, 178, 180, 184, 182]} trend="negative" />
 									</div>
 								</div>
 								<div className="rounded-lg border border-border bg-card p-3">
-									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Neutral</Text>
+									<Text size="xs" type="secondary" weight="medium" className="uppercase tracking-wider">Neutral</Text>
 									<div className="mt-1 h-12 w-full">
 										<MetricSparkline data={[15, 20, 18, 24, 22, 28, 31, 35, 38, 42, 45, 48]} trend="neutral" />
 									</div>

package/.agents/skills/component-library-rules/references/components/features__overlays.md

@@ -171,7 +171,7 @@ export function DialogRichContent() {
 							>
 								<div className="space-y-3">
 									<div className="rounded-lg border border-border bg-muted/30 p-3">
-										<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Invitation preview</Text>
+										<Text size="xs" type="secondary" weight="medium" className="uppercase tracking-wider">Invitation preview</Text>
 										<div className="mt-2 flex items-center gap-3">
 											<Avatar className="size-avatar">
 												<AvatarFallback className="bg-primary/10 text-primary text-xs font-semibold">YO</AvatarFallback>
@@ -278,7 +278,7 @@ export function Drawer4Directions() {
 								<div className="space-y-4">
 									<div className="rounded-lg border border-border bg-muted/30 p-3">
 										<div className="flex items-center justify-between">
-											<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Status</Text>
+											<Text size="xs" type="secondary" weight="medium" className="uppercase tracking-wider">Status</Text>
 											<Badge variant="success">Paid</Badge>
 										</div>
 										<Text tag="div" size="lg" weight="bold" className="mt-1 tabular-nums">180.00 USD</Text>

package/.agents/skills/component-library-rules/references/components/features__products.md

@@ -233,7 +233,7 @@ function ProductMediaPreview({ frame = 'square' }: { frame?: 'square' | 'wide' }
 			<img src={heroUrl} alt="Balsamic tasting set" className="h-full w-full object-cover" />
 			<div className="absolute inset-x-0 bottom-0 bg-background/85 px-3 py-2 backdrop-blur-sm">
 				<Text size="xs" weight="semibold">Primary media</Text>
-				<Text size="xxs" type="secondary">Alt text and gallery remain app-owned.</Text>
+				<Text size="xs" type="secondary">Alt text and gallery remain app-owned.</Text>
 			</div>
 		</div>
 	);

package/.agents/skills/component-library-rules/references/components/layout__layout-app-shell.md

@@ -420,7 +420,7 @@ function HeaderLogo({
 			</div>
 			<div className="hidden min-w-0 sm:block">
 				<Text weight="semibold" className="truncate text-inherit">{name}</Text>
-				<Text size="xxs" type="secondary" className="truncate">{description}</Text>
+				<Text size="xs" type="secondary" className="truncate">{description}</Text>
 			</div>
 		</div>
 	);

package/.agents/skills/component-library-rules/references/components/layout__layout-containers.md

@@ -114,7 +114,7 @@ export function BareContainer() {
 			<Container width="full" bare className="bg-card">
 				<div className="grid grid-cols-4 border-b border-border px-3 py-2">
 					{['Name', 'Owner', 'Status', 'Updated'].map((h) => (
-						<Text key={h} size="xxs" weight="semibold" type="secondary" className="uppercase tracking-wider">{h}</Text>
+						<Text key={h} size="xs" weight="semibold" type="secondary" className="uppercase tracking-wider">{h}</Text>
 					))}
 				</div>
 				{['Billing portal', 'Customer records', 'Sync monitor'].map((name, index) => (

package/.agents/skills/component-library-rules/references/components/layout__layout-sidebar.md

@@ -109,7 +109,7 @@ function Brand() {
 			</div>
 			<div className="min-w-0">
 				<Text weight="semibold" className="truncate text-inherit">Atlas Admin</Text>
-				<Text size="xxs" type="secondary" className="truncate">Production</Text>
+				<Text size="xs" type="secondary" className="truncate">Production</Text>
 			</div>
 		</div>
 	);
@@ -256,7 +256,7 @@ export function CustomRowRenderer() {
 												<div className="flex items-center justify-between rounded-lg px-3 py-2 hover:bg-sidebar-accent">
 													<div>
 														<Text weight="medium" className="text-inherit">{item.label}</Text>
-														<Text size="xxs" type="secondary">active: {String(context.active)}</Text>
+														<Text size="xs" type="secondary">active: {String(context.active)}</Text>
 													</div>
 													{!!context.badge && <Badge variant="primary">{context.badge}</Badge>}
 												</div>

package/dist/_shared/accordion-CxjH2WZG.js

@@ -0,0 +1,135 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-DXvCmE8w.js";
+import { t as r } from "./icon-badge-dZQPvuas.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ChevronDownIcon as s, ChevronUpIcon as c } from "lucide-react";
+import { Accordion as l } from "@base-ui/react/accordion";
+//#region src/components/ui/accordion.tsx
+function u({ className: e, ...n }) {
+	return /* @__PURE__ */ a(l.Root, {
+		"data-slot": "accordion",
+		className: t("flex w-full flex-col overflow-hidden rounded-2xl border", e),
+		...n
+	});
+}
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ a(l.Item, {
+		"data-slot": "accordion-item",
+		className: t("not-last:border-b data-open:bg-muted/50", e),
+		...n
+	});
+}
+function f({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ a(l.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ o(l.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: t("group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", e),
+			...r,
+			children: [
+				n,
+				/* @__PURE__ */ a(s, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ a(c, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function p({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ a(l.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...r,
+		children: /* @__PURE__ */ a("div", {
+			className: t("h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", e),
+			children: n
+		})
+	});
+}
+//#endregion
+//#region src/components/base/accordion/accordion-variants.ts
+var m = {
+	card: "space-y-2 border-0 rounded-none overflow-visible",
+	bordered: "rounded-lg border border-border bg-card overflow-hidden",
+	flat: "border-0 rounded-none bg-transparent overflow-visible"
+}, h = {
+	card: "border border-border bg-card rounded-md data-open:bg-card",
+	bordered: "bg-transparent not-last:border-b border-border data-open:bg-muted/40",
+	flat: "border-0 bg-transparent data-open:bg-muted/30 rounded-md"
+}, g = "items-center gap-3 px-3 py-row-y text-left hover:no-underline", _ = {
+	withMedallion: "pl-10 pr-0 pt-0",
+	withInline: "pl-6 pr-0 pt-0",
+	withoutIcon: "pl-0 pr-0 pt-0"
+}, v = { regionAriaLabel: void 0 }, y = i(function({ items: r, multiple: i = !1, defaultValue: s, value: c, onValueChange: l, variant: y = "card", iconStyle: x = "medallion", className: S, itemClassName: C, triggerClassName: w, contentClassName: T, strings: E }, D) {
+	let O = e(v, E), k = x === "medallion" ? _.withMedallion : x === "inline" ? _.withInline : _.withoutIcon, A = x === "medallion" ? "grid-cols-[var(--avatar)_minmax(0,1fr)]" : x === "inline" ? "grid-cols-[var(--icon-lg)_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
+	return /* @__PURE__ */ a(u, {
+		ref: D,
+		multiple: i,
+		defaultValue: s,
+		value: c,
+		onValueChange: l ? (e) => l(e) : void 0,
+		"aria-label": O.regionAriaLabel,
+		className: t("smart-accordion--component", m[y], S),
+		children: r.map((e) => /* @__PURE__ */ o(d, {
+			value: e.value,
+			className: t(h[y], C),
+			children: [/* @__PURE__ */ a(f, {
+				className: t(g, w),
+				disabled: e.disabled,
+				children: /* @__PURE__ */ o("div", {
+					className: t("grid min-w-0 flex-1 items-center gap-x-3", A),
+					children: [/* @__PURE__ */ a(b, {
+						iconStyle: x,
+						icon: e.icon
+					}), /* @__PURE__ */ o("span", {
+						className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1",
+						children: [/* @__PURE__ */ a(n, {
+							tag: "span",
+							weight: "semibold",
+							className: "min-w-0",
+							children: e.title
+						}), !!e.badge && /* @__PURE__ */ a("span", {
+							className: "inline-flex shrink-0",
+							children: e.badge
+						})]
+					})]
+				})
+			}), /* @__PURE__ */ a(p, {
+				className: t(k, T),
+				children: /* @__PURE__ */ a(n, {
+					type: "secondary",
+					className: "leading-relaxed",
+					children: e.content
+				})
+			})]
+		}, e.value))
+	});
+});
+y.displayName = "SmartAccordion";
+function b({ iconStyle: e, icon: n }) {
+	return e === "none" ? null : n ? e === "inline" ? /* @__PURE__ */ a("span", {
+		className: "inline-flex shrink-0 self-center text-muted-foreground",
+		children: n
+	}) : /* @__PURE__ */ a(r, {
+		size: "default",
+		tone: "muted",
+		shape: "circle",
+		"aria-hidden": "true",
+		className: "self-center",
+		children: n
+	}) : /* @__PURE__ */ a("span", {
+		"aria-hidden": "true",
+		className: t("inline-flex shrink-0", e === "inline" ? "size-icon-lg" : "size-avatar")
+	});
+}
+//#endregion
+export { m as a, p as c, h as i, d as l, v as n, g as o, _ as r, u as s, y as t, f as u };
+
+//# sourceMappingURL=accordion-CxjH2WZG.js.map

package/dist/_shared/accordion-CxjH2WZG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-CxjH2WZG.js","names":[],"sources":["../../src/components/ui/accordion.tsx","../../src/components/base/accordion/accordion-variants.ts","../../src/components/base/accordion/accordion.strings.ts","../../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-2xl border\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b data-open:bg-muted/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any composed surface that builds on `base/accordion` directly\n * (e.g. `composed/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-3 px-3 py-row-y` — density-driven, `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the primitive panel's own `px-4`.\n *   Medallion rows add `pl-10`, inline-icon rows add `pl-6`, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nexport type AccordionShellVariant = 'card' | 'bordered' | 'flat';\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'space-y-2 border-0 rounded-none overflow-visible',\n\tbordered: 'rounded-lg border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-md data-open:bg-card',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/40',\n\tflat: 'border-0 bg-transparent data-open:bg-muted/30 rounded-md',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-3 px-3 py-row-y text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * (size-8 = 32px) plus `gap-3` (12px) so body text aligns under the\n * title.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-10 pr-0 pt-0',\n\twithInline: 'pl-6 pr-0 pt-0',\n\twithoutIcon: 'pl-0 pr-0 pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — composed-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '@/components/base/accordion';\n */\nimport { forwardRef } from 'react';\n\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'card',\n\ticonStyle = 'medallion',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst contentPadding =\n\t\ticonStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? ACCORDION_CONTENT_PADDING.withInline\n\t\t\t\t: ACCORDION_CONTENT_PADDING.withoutIcon;\n\tconst triggerGridClass =\n\t\ticonStyle === 'medallion'\n\t\t\t? 'grid-cols-[var(--avatar)_minmax(0,1fr)]'\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? 'grid-cols-[var(--icon-lg)_minmax(0,1fr)]'\n\t\t\t\t: 'grid-cols-[minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-3', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon iconStyle={iconStyle} icon={item.icon} />\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: React.ReactNode;\n}) {\n\tif (iconStyle === 'none') return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn <span className=\"inline-flex shrink-0 self-center text-muted-foreground\">{icon}</span>;\n\t}\n\treturn (\n\t\t<IconBadge size=\"default\" tone=\"muted\" shape=\"circle\" aria-hidden=\"true\" className=\"self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":";;;;;;;;;AAKA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;CACzE,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EACT,2DACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAwC;CAC7E,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,2CAA2C,CAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KACgC;CACnC,OACE,kBAAC,EAAmB,QAApB;EAA2B,WAAU;YACnC,kBAAC,EAAmB,SAApB;GACE,aAAU;GACV,WAAW,EACT,4YACA,CACF;GACA,GAAI;aANN;IAQG;IACD,kBAAC,GAAD;KAAiB,aAAU;KAAyB,WAAU;IAA6E,CAAA;IAC3I,kBAAC,GAAD;KAAe,aAAU;KAAyB,WAAU;IAAoF,CAAA;GACtH;;CACH,CAAA;AAE/B;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KAC8B;CACjC,OACE,kBAAC,EAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,yLACA,CACF;GAEC;EACE,CAAA;CACmB,CAAA;AAE9B;;;ACnDA,IAAa,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;AACP,GAEa,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;AACP,GAEa,IACZ,iEAQY,IAA4B;CACxC,eAAe;CACf,YAAY;CACZ,aAAa;AACd,GC/Ba,IAAsD,EAClE,iBAAiB,KAAA,EAClB,GCkBa,IAAiB,EAAgD,SAAwB,EACrG,UACA,cAAW,IACX,iBACA,UACA,kBACA,aAAU,QACV,eAAY,aACZ,cACA,kBACA,qBACA,qBACA,SAAS,KACP,GAAK;CACP,IAAM,IAAU,EAAW,GAA8B,CAAW,GAC9D,IACL,MAAc,cACX,EAA0B,gBAC1B,MAAc,WACb,EAA0B,aAC1B,EAA0B,aACzB,IACL,MAAc,cACX,4CACA,MAAc,WACb,6CACA;CACL,OACC,kBAAC,GAAD;EACM;EACK;EACI;EACP;EACP,eACC,KACI,MAAS,EAAc,CAAgB,IACxC,KAAA;EAEJ,cAAY,EAAQ;EACpB,WAAW,EAAG,8BAA8B,EAA6B,IAAU,CAAS;YAE3F,EAAM,KAAK,MACX,kBAAC,GAAD;GAEC,OAAO,EAAK;GACZ,WAAW,EAAG,EAA6B,IAAU,CAAa;aAHnE,CAKC,kBAAC,GAAD;IACC,WAAW,EAAG,GAAwB,CAAgB;IACtD,UAAU,EAAK;cAEf,kBAAC,OAAD;KAAK,WAAW,EAAG,4CAA4C,CAAgB;eAA/E,CACC,kBAAC,GAAD;MAA+B;MAAW,MAAM,EAAK;KAAO,CAAA,GAC5D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACC,kBAAC,GAAD;OAAM,KAAI;OAAO,QAAO;OAAW,WAAU;iBAC3C,EAAK;MACD,CAAA,GACL,CAAC,CAAC,EAAK,SACP,kBAAC,QAAD;OAAM,WAAU;iBAAwB,EAAK;MAAY,CAAA,CAErD;OACF;;GACY,CAAA,GAClB,kBAAC,GAAD;IACC,WAAW,EACV,GACA,CACD;cAEA,kBAAC,GAAD;KAAM,MAAK;KAAY,WAAU;eAC/B,EAAK;IACD,CAAA;GACW,CAAA,CACJ;KA9BT,EAAK,KA8BI,CACf;CACS,CAAA;AAEb,CAAC;AAED,EAAe,cAAc;AAE7B,SAAS,EAAmB,EAC3B,cACA,WAIE;CAgBF,OAfI,MAAc,SAAe,OAC5B,IAWD,MAAc,WACV,kBAAC,QAAD;EAAM,WAAU;YAA0D;CAAW,CAAA,IAG5F,kBAAC,GAAD;EAAW,MAAK;EAAU,MAAK;EAAQ,OAAM;EAAS,eAAY;EAAO,WAAU;YACjF;CACS,CAAA,IAfV,kBAAC,QAAD;EACC,eAAY;EACZ,WAAW,EACV,wBACA,MAAc,WAAW,iBAAiB,aAC3C;CACA,CAAA;AAWJ"}

package/dist/_shared/accordion-mTdJmy23.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-pzCKaFOc.cjs"),r=require("./icon-badge-CU6ZkcER.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("@base-ui/react/accordion");function c({className:e,...n}){return(0,a.jsx)(s.Accordion.Root,{"data-slot":`accordion`,className:t.cn(`flex w-full flex-col overflow-hidden rounded-2xl border`,e),...n})}function l({className:e,...n}){return(0,a.jsx)(s.Accordion.Item,{"data-slot":`accordion-item`,className:t.cn(`not-last:border-b data-open:bg-muted/50`,e),...n})}function u({className:e,children:n,...r}){return(0,a.jsx)(s.Accordion.Header,{className:`flex`,children:(0,a.jsxs)(s.Accordion.Trigger,{"data-slot":`accordion-trigger`,className:t.cn(`group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...r,children:[n,(0,a.jsx)(o.ChevronDownIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,a.jsx)(o.ChevronUpIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function d({className:e,children:n,...r}){return(0,a.jsx)(s.Accordion.Panel,{"data-slot":`accordion-content`,className:`overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...r,children:(0,a.jsx)(`div`,{className:t.cn(`h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:n})})}var f={card:`space-y-2 border-0 rounded-none overflow-visible`,bordered:`rounded-lg border border-border bg-card overflow-hidden`,flat:`border-0 rounded-none bg-transparent overflow-visible`},p={card:`border border-border bg-card rounded-md data-open:bg-card`,bordered:`bg-transparent not-last:border-b border-border data-open:bg-muted/40`,flat:`border-0 bg-transparent data-open:bg-muted/30 rounded-md`},m=`items-center gap-3 px-3 py-row-y text-left hover:no-underline`,h={withMedallion:`pl-10 pr-0 pt-0`,withInline:`pl-6 pr-0 pt-0`,withoutIcon:`pl-0 pr-0 pt-0`},g={regionAriaLabel:void 0},_=(0,i.forwardRef)(function({items:r,multiple:i=!1,defaultValue:o,value:s,onValueChange:_,variant:y=`card`,iconStyle:b=`medallion`,className:x,itemClassName:S,triggerClassName:C,contentClassName:w,strings:T},E){let D=e.useStrings(g,T),O=b===`medallion`?h.withMedallion:b===`inline`?h.withInline:h.withoutIcon,k=b===`medallion`?`grid-cols-[var(--avatar)_minmax(0,1fr)]`:b===`inline`?`grid-cols-[var(--icon-lg)_minmax(0,1fr)]`:`grid-cols-[minmax(0,1fr)]`;return(0,a.jsx)(c,{ref:E,multiple:i,defaultValue:o,value:s,onValueChange:_?e=>_(e):void 0,"aria-label":D.regionAriaLabel,className:t.cn(`smart-accordion--component`,f[y],x),children:r.map(e=>(0,a.jsxs)(l,{value:e.value,className:t.cn(p[y],S),children:[(0,a.jsx)(u,{className:t.cn(m,C),disabled:e.disabled,children:(0,a.jsxs)(`div`,{className:t.cn(`grid min-w-0 flex-1 items-center gap-x-3`,k),children:[(0,a.jsx)(v,{iconStyle:b,icon:e.icon}),(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,a.jsx)(n.s,{tag:`span`,weight:`semibold`,className:`min-w-0`,children:e.title}),!!e.badge&&(0,a.jsx)(`span`,{className:`inline-flex shrink-0`,children:e.badge})]})]})}),(0,a.jsx)(d,{className:t.cn(O,w),children:(0,a.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});_.displayName=`SmartAccordion`;function v({iconStyle:e,icon:n}){return e===`none`?null:n?e===`inline`?(0,a.jsx)(`span`,{className:`inline-flex shrink-0 self-center text-muted-foreground`,children:n}):(0,a.jsx)(r.t,{size:`default`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,className:`self-center`,children:n}):(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`inline-flex shrink-0`,e===`inline`?`size-icon-lg`:`size-avatar`)})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=accordion-mTdJmy23.cjs.map

package/dist/_shared/accordion-mTdJmy23.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-mTdJmy23.cjs","names":[],"sources":["../../src/components/ui/accordion.tsx","../../src/components/base/accordion/accordion-variants.ts","../../src/components/base/accordion/accordion.strings.ts","../../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-2xl border\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b data-open:bg-muted/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any composed surface that builds on `base/accordion` directly\n * (e.g. `composed/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-3 px-3 py-row-y` — density-driven, `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the primitive panel's own `px-4`.\n *   Medallion rows add `pl-10`, inline-icon rows add `pl-6`, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nexport type AccordionShellVariant = 'card' | 'bordered' | 'flat';\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'space-y-2 border-0 rounded-none overflow-visible',\n\tbordered: 'rounded-lg border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-md data-open:bg-card',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/40',\n\tflat: 'border-0 bg-transparent data-open:bg-muted/30 rounded-md',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-3 px-3 py-row-y text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * (size-8 = 32px) plus `gap-3` (12px) so body text aligns under the\n * title.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-10 pr-0 pt-0',\n\twithInline: 'pl-6 pr-0 pt-0',\n\twithoutIcon: 'pl-0 pr-0 pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — composed-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '@/components/base/accordion';\n */\nimport { forwardRef } from 'react';\n\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'card',\n\ticonStyle = 'medallion',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst contentPadding =\n\t\ticonStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? ACCORDION_CONTENT_PADDING.withInline\n\t\t\t\t: ACCORDION_CONTENT_PADDING.withoutIcon;\n\tconst triggerGridClass =\n\t\ticonStyle === 'medallion'\n\t\t\t? 'grid-cols-[var(--avatar)_minmax(0,1fr)]'\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? 'grid-cols-[var(--icon-lg)_minmax(0,1fr)]'\n\t\t\t\t: 'grid-cols-[minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-3', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon iconStyle={iconStyle} icon={item.icon} />\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: React.ReactNode;\n}) {\n\tif (iconStyle === 'none') return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn <span className=\"inline-flex shrink-0 self-center text-muted-foreground\">{icon}</span>;\n\t}\n\treturn (\n\t\t<IconBadge size=\"default\" tone=\"muted\" shape=\"circle\" aria-hidden=\"true\" className=\"self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}