themelia-react-ui 2.0.0 → 2.0.1

package/dist/{accordion-CQXVcd7Q.js → accordion-B6a3vVgA.js}

@@ -1,54 +1,56 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-Cospvlj1.js";
-import { s as n } from "./typography-CAr3dQhX.js";
-import { t as r } from "./motion-recipes-B6jKXEcN.js";
-import { t as i } from "./structure-hzCW-XsV.js";
-import { t as a } from "./disclosure-panel-B0HFNZ9x.js";
-import { t as o } from "./icon-badge-DKlaKXoo.js";
-import * as s from "react";
-import { forwardRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ChevronDownIcon as d } from "lucide-react";
-import { Accordion as f } from "@base-ui/react/accordion";
+import { t } from "./utils-l5LpDw2z.js";
+import { s as n } from "./typography-DTRkE9zL.js";
+import { t as r } from "./focus-recipes-B653VaLq.js";
+import { t as i } from "./motion-recipes-ChBg4HBq.js";
+import { t as a } from "./structure-DC2dygdA.js";
+import { t as o } from "./interaction-recipes-CHr0dJUs.js";
+import { t as s } from "./disclosure-panel-B0HFNZ9x.js";
+import { t as c } from "./icon-badge-CAuKupo9.js";
+import * as l from "react";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronDownIcon as p } from "lucide-react";
+import { Accordion as m } from "@base-ui/react/accordion";
 //#region src/components/ui/accordion.tsx
-function p({ className: e, ...n }) {
-	return /* @__PURE__ */ l(f.Root, {
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ d(m.Root, {
 		"data-slot": "accordion",
 		className: t("border-border accordion--component flex w-full flex-col border box-border overflow-hidden", e),
 		...n
 	});
 }
-function m({ className: e, ...n }) {
-	return /* @__PURE__ */ l(f.Item, {
+function g({ className: e, ...n }) {
+	return /* @__PURE__ */ d(m.Item, {
 		"data-slot": "accordion-item",
 		className: t("border-border accordion-item--component border-b last:border-b-0", e),
 		...n
 	});
 }
-function h({ className: e, children: n, ...i }) {
-	return /* @__PURE__ */ l(f.Header, {
+function _({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ d(m.Header, {
 		className: "accordion-header m-0",
-		children: /* @__PURE__ */ u(f.Trigger, {
+		children: /* @__PURE__ */ f(m.Trigger, {
 			"data-slot": "accordion-trigger",
 			className: t("accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border", e),
-			...i,
-			children: [n, /* @__PURE__ */ l(d, {
+			...r,
+			children: [n, /* @__PURE__ */ d(p, {
 				"data-slot": "accordion-trigger-icon",
-				className: t("accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180", r.chevron)
+				className: t("accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180", i.chevron)
 			})]
 		})
 	});
 }
-function g({ className: e, children: n, render: i, ...o }) {
-	return /* @__PURE__ */ l(f.Panel, {
+function v({ className: e, children: n, render: r, ...a }) {
+	return /* @__PURE__ */ d(m.Panel, {
 		"data-slot": "accordion-content",
-		className: t("accordion-content--component box-border text-foreground h-(--accordion-panel-height)", r.disclosure, e),
-		...o,
-		render: (e, t) => /* @__PURE__ */ l(a, {
+		className: t("accordion-content--component box-border text-foreground h-(--accordion-panel-height)", i.disclosure, e),
+		...a,
+		render: (e, t) => /* @__PURE__ */ d(s, {
 			props: e,
 			state: t,
-			render: i,
+			render: r,
 			heightVariable: "--accordion-panel-height"
 		}),
 		children: n
@@ -56,46 +58,46 @@ function g({ className: e, children: n, render: i, ...o }) {
 }
 //#endregion
 //#region src/components/base/accordion/accordion.tsx
-var _ = s.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ l(p, {
+var y = l.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ d(h, {
 		ref: r,
 		className: t("accordion--component rounded-radius border-border bg-card", e),
 		...n
 	});
 });
-_.displayName = "Accordion";
-var v = s.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ l(m, {
+y.displayName = "Accordion";
+var b = l.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ d(g, {
 		ref: r,
 		className: t("accordion-item--component border-border", e),
 		...n
 	});
 });
-v.displayName = "AccordionItem";
-var y = s.forwardRef(function({ className: e, children: r, ...i }, a) {
-	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
-	return /* @__PURE__ */ l(h, {
-		ref: a,
-		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", "text-start text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline", "focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", e),
-		...i,
-		children: o ? /* @__PURE__ */ l(n, {
+b.displayName = "AccordionItem";
+var x = l.forwardRef(function({ className: e, children: i, ...a }, s) {
+	let c = typeof i == "string" || typeof i == "number" || typeof i == "bigint";
+	return /* @__PURE__ */ d(_, {
+		ref: s,
+		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", `text-start text-sm font-medium transition-colors ${o.rowHover} hover:no-underline`, `focus-visible:z-10 ${r.inset}`, e),
+		...a,
+		children: c ? /* @__PURE__ */ d(n, {
 			tag: "span",
 			size: "inherit",
 			weight: "medium",
 			lineHeight: "tight",
 			className: "text-inherit",
-			children: r
-		}) : r
+			children: i
+		}) : i
 	});
 });
-y.displayName = "AccordionTrigger";
-var b = s.forwardRef(function({ className: e, children: r, ...i }, a) {
+x.displayName = "AccordionTrigger";
+var S = l.forwardRef(function({ className: e, children: r, ...i }, a) {
 	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
-	return /* @__PURE__ */ l(g, {
+	return /* @__PURE__ */ d(v, {
 		ref: a,
 		className: t("accordion-content--component px-row-x pb-space-lg text-sm", e),
 		...i,
-		children: o ? /* @__PURE__ */ l(n, {
+		children: o ? /* @__PURE__ */ d(n, {
 			tag: "div",
 			size: "inherit",
 			lineHeight: "relaxed",
@@ -104,61 +106,61 @@ var b = s.forwardRef(function({ className: e, children: r, ...i }, a) {
 		}) : r
 	});
 });
-b.displayName = "AccordionContent";
+S.displayName = "AccordionContent";
 //#endregion
 //#region src/components/base/accordion/accordion-variants.ts
-var x = {
+var C = {
 	card: "gap-space-md border-0 rounded-none bg-transparent overflow-visible",
 	bordered: "rounded-radius border border-border bg-card overflow-hidden",
 	flat: "border-0 rounded-none bg-transparent overflow-visible"
-}, S = {
+}, w = {
 	card: "border border-border bg-card rounded-radius overflow-hidden",
 	bordered: "bg-transparent not-last:border-b border-border",
 	flat: "border-0 not-last:border-b-0 bg-transparent rounded-radius overflow-hidden"
-}, C = "items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline", w = {
+}, T = "items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline", E = {
 	withMedallion: "ps-[calc(var(--row-x)*var(--space-scale)+var(--avatar)+0.75rem*var(--space-scale))] pe-row-x pt-0",
 	withInline: "ps-[calc(var(--row-x)*var(--space-scale)+var(--icon)*1.25+0.75rem*var(--space-scale))] pe-row-x pt-0",
 	withoutIcon: "px-row-x pt-0"
-}, T = { regionAriaLabel: void 0 }, E = c(function({ items: r, multiple: a = !1, defaultValue: o, value: s, onValueChange: c, variant: d = "bordered", iconStyle: f = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: E }, k) {
-	let A = e(T, E), j = f !== "none" && r.some((e) => e.icon != null), M = j ? f === "medallion" ? w.withMedallion : w.withInline : w.withoutIcon, N = j ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
-	return /* @__PURE__ */ l(_, {
-		ref: k,
-		multiple: a,
+}, D = { regionAriaLabel: void 0 }, O = u(function({ items: r, multiple: i = !1, defaultValue: o, value: s, onValueChange: c, variant: l = "bordered", iconStyle: u = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: _ }, v) {
+	let O = e(D, _), j = u !== "none" && r.some((e) => e.icon != null), M = j ? u === "medallion" ? E.withMedallion : E.withInline : E.withoutIcon, N = j ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
+	return /* @__PURE__ */ d(y, {
+		ref: v,
+		multiple: i,
 		defaultValue: o,
 		value: s,
 		onValueChange: c ? (e) => c(e) : void 0,
-		"aria-label": A.regionAriaLabel,
-		"data-variant": d,
-		"data-icon-style": f,
-		className: t("smart-accordion--component", x[d], p),
-		children: r.map((e) => /* @__PURE__ */ u(v, {
+		"aria-label": O.regionAriaLabel,
+		"data-variant": l,
+		"data-icon-style": u,
+		className: t("smart-accordion--component", C[l], p),
+		children: r.map((e) => /* @__PURE__ */ f(b, {
 			value: e.value,
-			className: t("smart-accordion--item", S[d], m),
-			children: [/* @__PURE__ */ l(y, {
-				className: t("smart-accordion--trigger", C, h),
+			className: t("smart-accordion--item", w[l], m),
+			children: [/* @__PURE__ */ d(x, {
+				className: t("smart-accordion--trigger", T, h),
 				disabled: e.disabled,
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: t("grid min-w-0 flex-1 items-center gap-x-space-lg", N),
-					children: [/* @__PURE__ */ l(O, {
-						iconStyle: f,
+					children: [/* @__PURE__ */ d(A, {
+						iconStyle: u,
 						icon: e.icon,
 						reserveSpace: j
-					}), /* @__PURE__ */ u(i, {
-						render: /* @__PURE__ */ l("span", {}),
+					}), /* @__PURE__ */ f(a, {
+						render: /* @__PURE__ */ d("span", {}),
 						gap: "dense",
 						className: "smart-accordion--heading flex-1",
-						children: [/* @__PURE__ */ u("span", {
+						children: [/* @__PURE__ */ f("span", {
 							className: "flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs",
-							children: [D(e.title) ? /* @__PURE__ */ l(n, {
+							children: [k(e.title) ? /* @__PURE__ */ d(n, {
 								tag: "span",
 								weight: "semibold",
 								className: "smart-accordion--title min-w-0",
 								children: e.title
-							}) : e.title, e.badge != null && /* @__PURE__ */ l("span", {
+							}) : e.title, e.badge != null && /* @__PURE__ */ d("span", {
 								className: "smart-accordion--badge inline-flex shrink-0",
 								children: e.badge
 							})]
-						}), !!e.description && (D(e.description) ? /* @__PURE__ */ l(n, {
+						}), !!e.description && (k(e.description) ? /* @__PURE__ */ d(n, {
 							tag: "span",
 							type: "secondary",
 							className: "smart-accordion--description min-w-0",
@@ -166,9 +168,9 @@ var x = {
 						}) : e.description)]
 					})]
 				})
-			}), /* @__PURE__ */ l(b, {
+			}), /* @__PURE__ */ d(S, {
 				className: t("smart-accordion--content", M, g),
-				children: D(e.content) ? /* @__PURE__ */ l(n, {
+				children: k(e.content) ? /* @__PURE__ */ d(n, {
 					tag: "div",
 					type: "secondary",
 					lineHeight: "relaxed",
@@ -178,28 +180,28 @@ var x = {
 		}, e.value))
 	});
 });
-E.displayName = "SmartAccordion";
-function D(e) {
+O.displayName = "SmartAccordion";
+function k(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function O({ iconStyle: e, icon: n, reserveSpace: r }) {
-	return e === "none" || !r ? null : n ? e === "inline" ? /* @__PURE__ */ l("span", {
+function A({ iconStyle: e, icon: n, reserveSpace: r }) {
+	return e === "none" || !r ? null : n ? e === "inline" ? /* @__PURE__ */ d("span", {
 		"aria-hidden": "true",
 		className: "smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon",
 		children: n
-	}) : /* @__PURE__ */ l(o, {
+	}) : /* @__PURE__ */ d(c, {
 		size: "md",
 		tone: "neutral",
 		shape: "circle",
 		"aria-hidden": "true",
 		className: "smart-accordion--icon self-center",
 		children: n
-	}) : /* @__PURE__ */ l("span", {
+	}) : /* @__PURE__ */ d("span", {
 		"aria-hidden": "true",
 		className: t("smart-accordion--icon inline-flex shrink-0", e === "inline" ? "size-icon-lg" : "size-avatar")
 	});
 }
 //#endregion
-export { x as a, b as c, S as i, v as l, T as n, C as o, w as r, _ as s, E as t, y as u };
+export { C as a, S as c, w as i, b as l, D as n, T as o, E as r, y as s, O as t, x as u };
 
-//# sourceMappingURL=accordion-CQXVcd7Q.js.map
+//# sourceMappingURL=accordion-B6a3vVgA.js.map

package/dist/accordion-B6a3vVgA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-B6a3vVgA.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","Accordion","React","PrimitiveAccordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","focusRecipes","motionRecipes","Stack","interactionRecipes","DisclosurePanelElement","IconBadge","React$1","Accordion$2","props","Accordion","cn","className","AccordionItem$1","AccordionTrigger$1","children","ChevronDownIcon","AccordionContent$1","panelProps","Accordion$1","AccordionItem","AccordionTrigger","isSimpleText","AccordionContent","ACCORDION_ROOT_VARIANT_CLASS","ACCORDION_ITEM_VARIANT_CLASS","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","defaultSmartAccordionStrings","SmartAccordion","forwardRef","stringsProp","strings","useStrings","hasIconColumn","iconStyle","items","item","contentPadding","triggerGridClass","onValueChange","next","variant","itemClassName","triggerClassName","SmartAccordionIcon","isSimpleContent","contentClassName","content","reserveSpace","icon"],"sources":["../src/components/ui/accordion.tsx","../src/components/base/accordion/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 { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"border-border accordion--component flex w-full flex-col border box-border overflow-hidden\", className)}\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(\"border-border accordion-item--component border-b last:border-b-0\", 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=\"accordion-header m-0\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\"accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border\", className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className={cn(\"accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180\", motionRecipes.chevron)} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  render,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\"accordion-content--component box-border text-foreground h-(--accordion-panel-height)\", motionRecipes.disclosure, className)}\n      {...props}\n      render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--accordion-panel-height\" />}\n    >\n      {children}\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n\n","/**\n * Accordion — tokenized base wrapper around the shadcn/Base UI primitive.\n *\n * The internal primitive intentionally keeps shadcn's roomy defaults. This\n * public layer calibrates them for admin surfaces: radius tokens, 12px row\n * insets, density-aware vertical rhythm, quiet hover/focus treatments, and\n * matching trigger/content columns. Consumers retain the complete compound\n * API and can override any treatment with `className`.\n */\nimport * as React from 'react';\n\nimport {\n\tAccordion as PrimitiveAccordion,\n\tAccordionContent as PrimitiveAccordionContent,\n\tAccordionItem as PrimitiveAccordionItem,\n\tAccordionTrigger as PrimitiveAccordionTrigger,\n} from '../../ui/accordion';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport type AccordionProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordion>;\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionItem>;\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionTrigger>;\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionContent>;\n\nconst Accordion = React.forwardRef<React.ElementRef<typeof PrimitiveAccordion>, AccordionProps>(\n\tfunction Accordion({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordion\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion--component rounded-radius border-border bg-card',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordion.displayName = 'Accordion';\n\nconst AccordionItem = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionItem>, AccordionItemProps>(\n\tfunction AccordionItem({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordionItem\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-item--component border-border',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionTrigger>, AccordionTriggerProps>(\n\tfunction AccordionTrigger({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionTrigger\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y',\n\t\t\t\t\t`text-start text-sm font-medium transition-colors ${interactionRecipes.rowHover} hover:no-underline`,\n\t\t\t\t\t// Inset: the shell clips its rounded corners, so an outer ring was cut off.\n\t\t\t\t\t`focus-visible:z-10 ${focusRecipes.inset}`,\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{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionTrigger>\n\t\t);\n\t},\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionContent>, AccordionContentProps>(\n\tfunction AccordionContent({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-content--component px-row-x pb-space-lg 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{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"div\" size=\"inherit\" lineHeight=\"relaxed\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionContent>\n\t\t);\n\t},\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport {\n\tAccordion,\n\tAccordionItem,\n\tAccordionTrigger,\n\tAccordionContent,\n};\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any blocks surface that builds on `base/accordion` directly\n * (e.g. `blocks/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-space-lg px-row-x py-row-y` — density-driven,\n *   `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the base panel's `px-row-x`.\n *   Medallion and inline rows use shared media/spacing tokens, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nimport type { DisclosureSurface } from '../../../lib/component-vocabulary';\n\nexport type AccordionShellVariant = DisclosureSurface;\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'gap-space-md border-0 rounded-none bg-transparent overflow-visible',\n\tbordered: 'rounded-radius border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\n// The chevron and the revealed panel carry the open state; an open item is not\n// tinted into a box. Rounded items clip their trigger so its inset focus ring and\n// hover fill follow the item's corners.\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-radius overflow-hidden',\n\tbordered: 'bg-transparent not-last:border-b border-border',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent rounded-radius overflow-hidden',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-space-lg px-row-x py-row-y text-start 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 * plus the shared row gap so body text aligns under the title at every\n * consumer density.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\t// Composed from root tokens so a scoped density/space boundary applies (the\n\t// `--spacing-*` aliases resolve once at :root inside arbitrary values).\n\twithMedallion: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--avatar)+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithInline: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--icon)*1.25+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithoutIcon: 'px-row-x 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 — blocks-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 '.';\n */\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconBadge } from '../display/icon-badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../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\n/**\n * Bounded accordion composition for repeated icon, title, description, badge,\n * and body sections. Use the compound Accordion parts when row structure or\n * per-item presentation differs.\n */\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'bordered',\n\ticonStyle = 'inline',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst hasIconColumn = iconStyle !== 'none' && items.some((item) => item.icon != null);\n\tconst contentPadding =\n\t\t!hasIconColumn\n\t\t\t? ACCORDION_CONTENT_PADDING.withoutIcon\n\t\t\t: iconStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: ACCORDION_CONTENT_PADDING.withInline;\n\tconst triggerGridClass = !hasIconColumn\n\t\t? 'grid-cols-[minmax(0,1fr)]'\n\t\t: 'grid-cols-[auto_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\tdata-variant={variant}\n\t\t\tdata-icon-style={iconStyle}\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('smart-accordion--item', 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('smart-accordion--trigger', 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-space-lg', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon\n\t\t\t\t\t\t\t\ticonStyle={iconStyle}\n\t\t\t\t\t\t\t\ticon={item.icon}\n\t\t\t\t\t\t\t\treserveSpace={hasIconColumn}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"smart-accordion--heading flex-1\">\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs\">\n\t\t\t\t\t\t\t\t\t{isSimpleContent(item.title) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"smart-accordion--title min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.title}\n\t\t\t\t\t\t\t\t\t{item.badge != null && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"smart-accordion--badge inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\tisSimpleContent(item.description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className=\"smart-accordion--description min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.description\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\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\t'smart-accordion--content',\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{isSimpleContent(item.content) ? (\n\t\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : item.content}\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 isSimpleContent(content: ReactNode): content is string | number | bigint {\n\treturn typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n}\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n\treserveSpace,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: ReactNode;\n\treserveSpace: boolean;\n}) {\n\tif (iconStyle === 'none' || !reserveSpace) 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'smart-accordion--icon 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 (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon\"\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<IconBadge size=\"md\" tone=\"neutral\" shape=\"circle\" aria-hidden=\"true\" className=\"smart-accordion--icon self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}

package/dist/action-menu-TzCoSlwL.js

@@ -0,0 +1,280 @@
+"use client";
+import { s as e, v as t } from "./ui-provider-1D_NSYzO.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-l5LpDw2z.js";
+import { n as i } from "./buttons-SbIcm1HJ.js";
+import { s as a } from "./typography-DTRkE9zL.js";
+import { t as o } from "./popover.recipes-Bdyhj2db.js";
+import { t as s } from "./collection-content-uK16Grv0.js";
+import { a as c, d as l, g as u, i as d, n as f, o as p, r as m, s as h, t as g } from "./dropdown-menu-E2qmdC7o.js";
+import _, { isValidElement as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { MoreHorizontal as S } from "lucide-react";
+//#region src/components/base/action-menu/action-menu.recipes.ts
+var C = {
+	icon: S,
+	context: {
+		inline: {
+			tone: "secondary",
+			buttonStyle: "ghost",
+			glyph: "text-muted-foreground"
+		},
+		commands: {
+			tone: "secondary",
+			buttonStyle: "outline",
+			glyph: void 0
+		}
+	}
+}, w = { openMenuLabel: "More actions" };
+//#endregion
+//#region src/components/base/action-menu/action-menu.tsx
+function T(e) {
+	return e.tone === "destructive";
+}
+function E(e, t = !1) {
+	let n = e.filter((e) => e.visible !== !1);
+	if (t) return n;
+	let r = n.filter((e) => !T(e)), i = n.filter(T);
+	return [...r, ...i];
+}
+function D(e, t) {
+	return e.id ?? (typeof e.label == "string" ? e.label : `action-${t}`);
+}
+function O(e) {
+	return e ? v(e) ? e : typeof e == "function" ? /* @__PURE__ */ b(e, {
+		className: "size-icon-sm",
+		"aria-hidden": "true"
+	}) : typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ b(e, {
+		className: "size-icon-sm",
+		"aria-hidden": !0
+	}) : e : null;
+}
+function k(e, t) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ b(a, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: r("text-inherit", t),
+		children: e
+	}) : t ? /* @__PURE__ */ b("span", {
+		className: t,
+		children: e
+	}) : e;
+}
+function A(e) {
+	return e === "destructive" ? "destructive" : "default";
+}
+function j(e) {
+	let t = e.buttonStyle;
+	return t === "link" ? {
+		tone: e.tone,
+		buttonStyle: "ghost",
+		className: "underline underline-offset-4"
+	} : {
+		tone: e.tone,
+		buttonStyle: t
+	};
+}
+function M({ action: e, index: t, density: n, closeOnSelect: i, renderLink: a }) {
+	let l = D(e, t), u = e.closeOnSelect ?? i;
+	if (e.render) return /* @__PURE__ */ b("div", {
+		className: "action-menu--item",
+		children: e.render
+	}, l);
+	let d = O(e.icon), p = /* @__PURE__ */ b(s, {
+		label: e.label,
+		leading: d,
+		wrap: !0,
+		className: r("action-menu--item-content w-full", e.contentClassName),
+		leadingClassName: "action-menu--item-icon text-inherit",
+		labelClassName: "action-menu--item-label"
+	}), m = r("action-menu--item", n === "table" && o.tableRow, e.className);
+	if (e.type === "checkbox") return /* @__PURE__ */ b(f, {
+		checked: !!e.checked,
+		disabled: e.disabled,
+		closeOnClick: u,
+		onCheckedChange: e.onCheckedChange,
+		className: m,
+		children: p
+	}, l);
+	if (e.href && !e.disabled) {
+		let t = e.href;
+		return /* @__PURE__ */ b(h, {
+			href: t,
+			variant: A(e.tone),
+			closeOnClick: u,
+			onClick: e.onClick,
+			render: a ? a({
+				href: t,
+				children: p,
+				target: e.target,
+				rel: e.rel,
+				external: e.external,
+				disabled: e.disabled
+			}) : (n) => /* @__PURE__ */ b("a", {
+				...n,
+				href: t,
+				target: e.target,
+				rel: e.rel
+			}),
+			className: m,
+			children: p
+		}, l);
+	}
+	return /* @__PURE__ */ b(c, {
+		disabled: e.disabled,
+		variant: A(e.tone),
+		closeOnClick: u,
+		onClick: e.onClick,
+		className: m,
+		children: p
+	}, l);
+}
+function N(e) {
+	let t = [], n = null;
+	return e.actions.forEach((r, i) => {
+		let a = r.group ?? null, o = a !== n;
+		t.length > 0 && o && t.push(/* @__PURE__ */ b(l, {}, `sep-${n ?? "root"}-${a ?? "root"}-${i}`)), o && (n = a, typeof a == "string" && t.push(/* @__PURE__ */ b(p, {
+			className: "normal-case",
+			children: a
+		}, `group-${a}-${i}`))), t.push(M({
+			...e,
+			action: r,
+			index: i
+		}));
+	}), t;
+}
+function P(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+var F = _.forwardRef(function({ actions: o, label: s, icon: c = C.icon, srText: l, context: f = "inline", buttonProps: p, align: h = "end", side: v = "bottom", contentClassName: S = "", width: T = "w-auto", closeOnSelect: D = !0, density: k = "default", labelVisibility: A = "visible", preserveOrder: j = !1, renderLink: M, renderTrigger: F, strings: I }, L) {
+	let [R, z] = _.useState(!1), { defaultScale: B } = e(), V = n(w, I), ee = l ?? V.openMenuLabel, H = _.useMemo(() => E(o, j), [o, j]);
+	if (H.length === 0) return null;
+	let U = !!s && A === "visible", W = !!s && A === "responsive", G = C.context[f] ?? C.context.inline, K = U ? p?.size ?? "sm" : t(p?.size, B), q = K === "sm" ? "size-action-sm" : K === "lg" ? "size-action-lg" : "size-action", J = {
+		tone: G.tone,
+		buttonStyle: G.buttonStyle,
+		size: K,
+		iconOnly: !U,
+		className: U ? void 0 : W ? `${q} p-0 sm:w-auto sm:gap-space-sm sm:px-control-sm` : r(`${q} p-0`, G.glyph)
+	}, { tone: Y = G.tone, buttonStyle: X = G.buttonStyle, size: Z = K, iconOnly: Q = !U, className: te, ...ne } = {
+		...J,
+		...p,
+		className: r(J.className, p?.className)
+	}, re = A === "hidden" ? "sr-only" : A === "responsive" ? "sr-only sm:not-sr-only" : void 0, $ = O(c), ie = s ? /* @__PURE__ */ x(y, { children: [$, /* @__PURE__ */ b(a, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: r("whitespace-nowrap text-inherit", re),
+		children: s
+	})] }) : /* @__PURE__ */ x(y, { children: [$, /* @__PURE__ */ b(a, {
+		tag: "span",
+		size: "inherit",
+		className: "sr-only",
+		children: ee
+	})] });
+	return /* @__PURE__ */ x(g, {
+		open: R,
+		onOpenChange: z,
+		children: [/* @__PURE__ */ b(u, { render: F ?? ((e) => {
+			let { ref: t } = e, n = (e) => {
+				P(t, e), P(L, e);
+			};
+			return /* @__PURE__ */ b(i, {
+				...ne,
+				...e,
+				ref: n,
+				type: "button",
+				tone: Y,
+				buttonStyle: X,
+				size: Z,
+				iconOnly: Q,
+				"data-context": f,
+				className: r("action-menu--component", te, e.className),
+				children: ie
+			});
+		}) }), /* @__PURE__ */ b(m, {
+			density: k === "table" ? "compact" : k,
+			align: h,
+			side: v,
+			className: r("action-menu--content", T, "min-w-36", S),
+			children: /* @__PURE__ */ b(d, {
+				className: "action-menu--group",
+				children: N({
+					actions: H,
+					density: k,
+					closeOnSelect: D,
+					renderLink: M
+				})
+			})
+		})]
+	});
+});
+F.displayName = "ActionMenu";
+var I = _.forwardRef(function({ actions: e, className: t, buttonClassName: n, size: a = "sm", renderLink: o }, s) {
+	let c = E(e, !0);
+	return c.length === 0 ? null : /* @__PURE__ */ b("div", {
+		ref: s,
+		className: r("action-buttons--component flex flex-wrap items-center gap-space-sm", t),
+		children: c.map((e, t) => {
+			let s = D(e, t);
+			if (e.render) return /* @__PURE__ */ b(_.Fragment, { children: e.render }, s);
+			let c = O(e.icon), l = j(e), u = /* @__PURE__ */ x(y, { children: [!!c && /* @__PURE__ */ b("span", {
+				className: "action-buttons--icon inline-flex shrink-0 items-center",
+				children: c
+			}), k(e.label, "action-buttons--label")] });
+			if (e.href && !e.disabled && o) {
+				let t = e.href;
+				return /* @__PURE__ */ b(i, {
+					type: "button",
+					tone: l.tone,
+					buttonStyle: l.buttonStyle,
+					size: e.buttonSize ?? a,
+					nativeButton: !1,
+					className: r("action-buttons--item", l.className, n, e.className),
+					onClick: () => {
+						e.onClick?.();
+					},
+					render: (n) => o({
+						...n,
+						href: t,
+						children: n.children,
+						target: e.target,
+						rel: e.rel,
+						external: e.external,
+						disabled: e.disabled
+					}),
+					children: u
+				}, s);
+			}
+			return e.href && !e.disabled ? /* @__PURE__ */ b(i, {
+				href: e.href,
+				target: e.target,
+				rel: e.rel,
+				tone: l.tone,
+				buttonStyle: l.buttonStyle,
+				size: e.buttonSize ?? a,
+				className: r("action-buttons--item", l.className, n, e.className),
+				onClick: e.onClick,
+				children: u
+			}, s) : /* @__PURE__ */ b(i, {
+				type: "button",
+				tone: l.tone,
+				buttonStyle: l.buttonStyle,
+				size: e.buttonSize ?? a,
+				className: r("action-buttons--item", l.className, n, e.className),
+				disabled: !!e.disabled,
+				onClick: () => {
+					e.onClick?.();
+				},
+				children: u
+			}, s);
+		})
+	});
+});
+I.displayName = "ActionButtons";
+//#endregion
+export { F as n, w as r, I as t };
+
+//# sourceMappingURL=action-menu-TzCoSlwL.js.map