themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/accordion-B-5Focs8.js

@@ -0,0 +1,205 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { a as n } from "./typography-Cv8MT-82.js";
+import { t as r } from "./motion-recipes-B6jKXEcN.js";
+import { t as i } from "./structure-MvKVq-oL.js";
+import { t as a } from "./disclosure-panel-B0HFNZ9x.js";
+import { t as o } from "./icon-badge-Dv0RYQwj.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";
+//#region src/components/ui/accordion.tsx
+function p({ className: e, ...n }) {
+	return /* @__PURE__ */ l(f.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, {
+		"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, {
+		className: "accordion-header m-0",
+		children: /* @__PURE__ */ u(f.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, {
+				"data-slot": "accordion-trigger-icon",
+				className: t("accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180", r.chevron)
+			})]
+		})
+	});
+}
+function g({ className: e, children: n, render: i, ...o }) {
+	return /* @__PURE__ */ l(f.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, {
+			props: e,
+			state: t,
+			render: i,
+			heightVariable: "--accordion-panel-height"
+		}),
+		children: n
+	});
+}
+//#endregion
+//#region src/components/base/accordion/accordion.tsx
+var _ = s.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ l(p, {
+		ref: r,
+		className: t("accordion--component rounded-radius-lg border-border bg-card", e),
+		...n
+	});
+});
+_.displayName = "Accordion";
+var v = s.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ l(m, {
+		ref: r,
+		className: t("accordion-item--component border-border data-open:bg-muted/30", 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-left text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline", "focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring/50", e),
+		...i,
+		children: o ? /* @__PURE__ */ l(n, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: r
+		}) : r
+	});
+});
+y.displayName = "AccordionTrigger";
+var b = s.forwardRef(function({ className: e, children: r, ...i }, a) {
+	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
+	return /* @__PURE__ */ l(g, {
+		ref: a,
+		className: t("accordion-content--component px-row-x pb-space-lg text-sm", e),
+		...i,
+		children: o ? /* @__PURE__ */ l(n, {
+			tag: "div",
+			size: "inherit",
+			lineHeight: "relaxed",
+			className: "text-inherit",
+			children: r
+		}) : r
+	});
+});
+b.displayName = "AccordionContent";
+//#endregion
+//#region src/components/base/accordion/accordion-variants.ts
+var x = {
+	card: "gap-space-md border-0 rounded-none bg-transparent overflow-visible",
+	bordered: "rounded-radius-lg border border-border bg-card overflow-hidden",
+	flat: "border-0 rounded-none bg-transparent overflow-visible"
+}, S = {
+	card: "border border-border bg-card rounded-radius data-open:bg-muted/25",
+	bordered: "bg-transparent not-last:border-b border-border data-open:bg-muted/30",
+	flat: "border-0 not-last:border-b-0 bg-transparent data-open:bg-muted/30 rounded-radius"
+}, C = "items-center gap-space-lg px-row-x py-row-y text-left hover:no-underline", w = {
+	withMedallion: "pl-[calc(var(--spacing-row-x)+var(--spacing-avatar)+var(--spacing-space-lg))] pr-row-x pt-0",
+	withInline: "pl-[calc(var(--spacing-row-x)+var(--spacing-icon-lg)+var(--spacing-space-lg))] pr-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,
+		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, {
+			value: e.value,
+			className: t("smart-accordion--item", S[d], m),
+			children: [/* @__PURE__ */ l(y, {
+				className: t("smart-accordion--trigger", C, h),
+				disabled: e.disabled,
+				children: /* @__PURE__ */ u("div", {
+					className: t("grid min-w-0 flex-1 items-center gap-x-space-lg", N),
+					children: [/* @__PURE__ */ l(O, {
+						iconStyle: f,
+						icon: e.icon,
+						reserveSpace: j
+					}), /* @__PURE__ */ u(i, {
+						render: /* @__PURE__ */ l("span", {}),
+						gap: "dense",
+						className: "smart-accordion--heading flex-1",
+						children: [/* @__PURE__ */ u("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, {
+								tag: "span",
+								weight: "semibold",
+								className: "smart-accordion--title min-w-0",
+								children: e.title
+							}) : e.title, e.badge != null && /* @__PURE__ */ l("span", {
+								className: "smart-accordion--badge inline-flex shrink-0",
+								children: e.badge
+							})]
+						}), !!e.description && (D(e.description) ? /* @__PURE__ */ l(n, {
+							tag: "span",
+							type: "secondary",
+							className: "smart-accordion--description min-w-0",
+							children: e.description
+						}) : e.description)]
+					})]
+				})
+			}), /* @__PURE__ */ l(b, {
+				className: t("smart-accordion--content", M, g),
+				children: D(e.content) ? /* @__PURE__ */ l(n, {
+					tag: "div",
+					type: "secondary",
+					lineHeight: "relaxed",
+					children: e.content
+				}) : e.content
+			})]
+		}, e.value))
+	});
+});
+E.displayName = "SmartAccordion";
+function D(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", {
+		"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, {
+		size: "md",
+		tone: "neutral",
+		shape: "circle",
+		"aria-hidden": "true",
+		className: "smart-accordion--icon self-center",
+		children: n
+	}) : /* @__PURE__ */ l("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 };
+
+//# sourceMappingURL=accordion-B-5Focs8.js.map

package/dist/accordion-B-5Focs8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-B-5Focs8.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","Accordion","React","PrimitiveAccordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","motionRecipes","Stack","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';\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-lg 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 data-open:bg-muted/30',\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-left text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline',\n\t\t\t\t\t'focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring/50',\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-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-radius data-open:bg-muted/25',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/30',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent data-open:bg-muted/30 rounded-radius',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-space-lg px-row-x 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 * plus the shared row gap so body text aligns under the title at every\n * consumer density.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-[calc(var(--spacing-row-x)+var(--spacing-avatar)+var(--spacing-space-lg))] pr-row-x pt-0',\n\twithInline: 'pl-[calc(var(--spacing-row-x)+var(--spacing-icon-lg)+var(--spacing-space-lg))] pr-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-Cx3SdfbN.js

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

package/dist/action-menu-Cx3SdfbN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-Cx3SdfbN.js","names":["Icon","_Fragment","_jsx","Text","DisplayLabel","collectionRecipes","CollectionContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuCheckboxItem","DropdownMenuLabel","DropdownMenuContent","DropdownMenuLinkItem","DropdownMenu","React","Fragment$1","defaultActionMenuStrings","isDestructiveAction","action","resolveActions","visible","actions","preserveOrder","standard","destructive","getActionKey","index","renderActionIcon","icon","isValidElement","renderActionLabel","label","cn","className","toMenuVariant","tone","toButtonPresentation","buttonStyle","renderMenuAction","key","shouldCloseOnSelect","closeOnSelect","content","density","href","renderLink","props","renderGroupedActions","nodes","currentGroup","args","nextGroup","groupChanged","assignRef","ref","node","ActionMenu","MoreVertical","stringsProp","open","setOpen","strings","useStrings","resolvedSrText","srText","resolvedActions","hasVisibleLabel","labelVisibility","defaultButtonProps","triggerClassName","triggerProps","buttonProps","labelClassName","triggerIcon","buttonContent","renderTrigger","baseTriggerRef","dropdownTriggerProps","composedRef","Button","width","contentClassName","ActionButtons","visibleActions","resolved","children","size","buttonClassName","buttonRenderProps"],"sources":["../src/components/base/action-menu/action-menu.strings.ts","../src/components/base/action-menu/action-menu.tsx"],"sourcesContent":["export interface ActionMenuStrings {\n\topenMenuLabel: string;\n}\n\nexport const defaultActionMenuStrings: ActionMenuStrings = {\n\topenMenuLabel: 'Open menu',\n};\n","/**\n * ActionMenu — centralized action chrome for page, card, table, and row\n * overflow menus.\n *\n * Primary API is definition-driven: pass `actions={[...]}` and the component\n * renders the trigger, menu surface, grouping, checkbox rows, destructive\n * separation, links, disabled state, and density. `ActionButtons` renders the\n * same definitions as inline buttons for page/toolbars that need visible\n * actions plus an overflow menu.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { isValidElement, type ComponentType, type ElementType, type ReactElement, type ReactNode } from 'react';\n\nimport { Button, type ButtonSize, type ButtonStyle } from '../buttons';\nimport { Stack } from '../structure';\nimport { collectionRecipes, type CollectionDensity } from '../popover/popover.recipes';\nimport { CollectionContent } from '../popover/collection-content';\nimport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuLinkItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '../navigation/dropdown-menu';\nimport { DisplayLabel, Text } from '../../typography';\nimport type { ActionButtonStyle, ActionPresentation } from '../../../lib/action-presentation';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultActionMenuStrings,\n\ttype ActionMenuStrings,\n} from './action-menu.strings';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>> & {\n\t[key: `data-${string}`]: string | boolean | undefined;\n\t'aria-label'?: string;\n\tonPointerDown?: React.PointerEventHandler<HTMLButtonElement>;\n};\nexport type ActionMenuDensity = CollectionDensity | 'table';\nexport type ActionMenuLabelVisibility = 'visible' | 'responsive' | 'hidden';\nexport interface ActionMenuLinkRenderProps extends React.ComponentPropsWithoutRef<'a'> {\n\thref: string;\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\nexport type ActionMenuIcon = LucideIcon | ComponentType<{ className?: string }> | ReactNode;\n\nexport interface ActionMenuAction extends ActionPresentation {\n\t/** Stable React key. Falls back to a string `label`, then the index. */\n\tid?: string;\n\t/** Visible label for the entry. */\n\tlabel: ReactNode;\n\t/** Leading glyph. Accepts a Lucide icon, a component, or a rendered node. */\n\ticon?: ActionMenuIcon;\n\t/** `'checkbox'` renders a toggle driven by `checked`/`onCheckedChange`. Defaults to `'item'`. */\n\ttype?: 'item' | 'checkbox';\n\t/**\n\t * Renders the entry as a link. By default this is a native `<a href>`, so it\n\t * performs a full page navigation; pass `renderLink` on `ActionMenu` to route\n\t * it through your framework's router instead.\n\t */\n\thref?: string;\n\t/** Anchor target forwarded to the rendered link. Requires `href`. */\n\ttarget?: string;\n\t/** Anchor rel forwarded to the rendered link. Requires `href`. */\n\trel?: string;\n\t/** Marks the destination as leaving the app; forwarded to `renderLink`. */\n\texternal?: boolean;\n\t/** Runs when the entry is chosen. This is the handler for a normal item. */\n\tonClick?: () => void;\n\t/** Checked state for a `'checkbox'` entry. */\n\tchecked?: boolean;\n\t/** Fires with the next checked state for a `'checkbox'` entry. */\n\tonCheckedChange?: (checked: boolean) => void;\n\t/**\n\t * Starts a new group, drawing a separator above this entry. A string also\n\t * captions the group; `true` rules off without a heading, for the common\n\t * case of holding one entry apart (a sign-out, a delete) with no label to\n\t * write.\n\t */\n\tgroup?: string | true;\n\t/** Overrides the button size when the action renders as a button. */\n\tbuttonSize?: ButtonSize;\n\t/** Escape hatch merged onto the entry root. */\n\tclassName?: string;\n\t/** Escape hatch merged onto the entry's inner content. */\n\tcontentClassName?: string;\n\t/** Overrides the menu's `closeOnSelect` for this entry. */\n\tcloseOnSelect?: boolean;\n\t/** Replaces the rendered entry, e.g. to emit a framework `<Link>`. */\n\trender?: ReactNode;\n}\n\nexport interface ActionMenuProps {\n\t/**\n\t * Commands to offer. Destructive entries are moved last unless\n\t * `preserveOrder` is set.\n\t */\n\tactions: readonly ActionMenuAction[];\n\t/** Trigger text. Omit for an icon-only trigger, and set `srText` instead. */\n\tlabel?: string;\n\t/** Trigger glyph. Defaults to the horizontal ellipsis. */\n\ticon?: ActionMenuIcon;\n\t/** Accessible name when the trigger shows no visible `label`. */\n\tsrText?: string;\n\t/** Escape hatch forwarded to the trigger button. */\n\tbuttonProps?: ActionMenuButtonProps;\n\t/** Menu alignment against the trigger. Defaults to `end`. */\n\talign?: 'center' | 'start' | 'end';\n\t/** Which edge of the trigger the menu opens from. Defaults to `bottom`. */\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\t/** Merged onto the menu surface. */\n\tcontentClassName?: string;\n\t/** Fixed menu width. Defaults to sizing from the widest item. */\n\twidth?: string;\n\t/** Closes the menu after an action runs. Defaults to `true`. */\n\tcloseOnSelect?: boolean;\n\t/** Vertical row rhythm; table preserves the legacy tight action spacing. Inline room stays stable. */\n\tdensity?: ActionMenuDensity;\n\t/** Whether the trigger's `label` is visible, hidden, or responsive. */\n\tlabelVisibility?: ActionMenuLabelVisibility;\n\t/** Preserve incoming action order instead of moving destructive items last. */\n\tpreserveOrder?: boolean;\n\t/**\n\t * Renders actions carrying an `href` through the consumer's router, keeping\n\t * this component framework-agnostic. Without it, such actions render as\n\t * plain anchors.\n\t */\n\trenderLink?: (props: ActionMenuLinkRenderProps) => ReactElement;\n\t/**\n\t * Replaces the default trigger button entirely, so a menu can hang off a\n\t * shape that is not a button with a glyph — an account block, a sidebar\n\t * row, a tab that has to match its siblings.\n\t *\n\t * Takes Base UI's `render` contract: either an element, whose props are\n\t * merged for you, or a function receiving the props to spread. Either way\n\t * the ARIA wiring, the open/close handlers and the popup's anchor ref reach\n\t * a real DOM node without anyone cloning anything.\n\t *\n\t * For a plain button that just needs different words or a different glyph,\n\t * `label`, `icon` and `buttonProps` are the smaller tools; reach for this\n\t * only when the trigger is a different thing.\n\t */\n\trenderTrigger?: React.ComponentProps<typeof DropdownMenuTrigger>['render'];\n\t/** Overrides the menu's own copy (the default trigger label). */\n\tstrings?: StringsProp<ActionMenuStrings>;\n}\n\nexport interface ActionButtonsProps {\n\t/** Commands to render side by side rather than collapsed into a menu. */\n\tactions: readonly ActionMenuAction[];\n\t/** Merged onto the button group. */\n\tclassName?: string;\n\t/** Merged onto every button in the group. */\n\tbuttonClassName?: string;\n\t/** Height preset applied to each button. */\n\tsize?: ButtonSize;\n\t/** Renders actions carrying an `href` through the consumer's router. */\n\trenderLink?: (props: ActionMenuLinkRenderProps) => ReactElement;\n}\n\nfunction isDestructiveAction(action: ActionMenuAction) {\n\treturn action.tone === 'destructive';\n}\n\nfunction resolveActions(actions: readonly ActionMenuAction[], preserveOrder = false) {\n\tconst visible = actions.filter((action) => action.visible !== false);\n\tif (preserveOrder) return visible;\n\n\tconst standard = visible.filter((action) => !isDestructiveAction(action));\n\tconst destructive = visible.filter(isDestructiveAction);\n\treturn [...standard, ...destructive];\n}\n\nfunction getActionKey(action: ActionMenuAction, index: number) {\n\treturn action.id ?? (typeof action.label === 'string' ? action.label : `action-${index}`);\n}\n\nfunction renderActionIcon(icon: ActionMenuAction['icon']) {\n\tif (!icon) return null;\n\tif (isValidElement(icon)) return icon;\n\tif (typeof icon === 'function') {\n\t\tconst Icon = icon as LucideIcon;\n\t\treturn <Icon className=\"size-icon-sm\" aria-hidden=\"true\" />;\n\t}\n\tif (typeof icon === 'object' && icon !== null && '$$typeof' in icon) {\n\t\tconst Icon = icon as unknown as ElementType<{ className?: string; 'aria-hidden'?: boolean }>;\n\t\treturn <Icon className=\"size-icon-sm\" aria-hidden />;\n\t}\n\treturn icon;\n}\n\nfunction renderActionLabel(label: ReactNode, className?: string) {\n\tif (typeof label === 'string' || typeof label === 'number' || typeof label === 'bigint') {\n\t\treturn <Text tag=\"span\" lineHeight=\"tight\" className={cn('text-inherit', className)}>{label}</Text>;\n\t}\n\treturn className ? <span className={className}>{label}</span> : label;\n}\n\nfunction toMenuVariant(tone: ActionMenuAction['tone']): 'default' | 'destructive' {\n\treturn tone === 'destructive' ? 'destructive' : 'default';\n}\n\nfunction toButtonPresentation(action: Pick<ActionMenuAction, 'tone' | 'buttonStyle'>): {\n\ttone: NonNullable<ActionMenuAction['tone']>;\n\tbuttonStyle: ButtonStyle;\n\tclassName?: string;\n} {\n\tconst tone = action.tone ?? 'primary';\n\tconst buttonStyle: ActionButtonStyle = action.buttonStyle ?? 'solid';\n\tif (buttonStyle === 'link') {\n\t\treturn {\n\t\t\ttone,\n\t\t\tbuttonStyle: 'ghost',\n\t\t\tclassName: 'underline underline-offset-4',\n\t\t};\n\t}\n\treturn { tone, buttonStyle };\n}\n\nfunction renderMenuAction({\n\taction,\n\tindex,\n\tdensity,\n\tcloseOnSelect,\n\trenderLink,\n}: {\n\taction: ActionMenuAction;\n\tindex: number;\n\tdensity: ActionMenuDensity;\n\tcloseOnSelect: boolean;\n\trenderLink?: (props: ActionMenuLinkRenderProps) => ReactElement;\n}) {\n\tconst key = getActionKey(action, index);\n\tconst shouldCloseOnSelect = action.closeOnSelect ?? closeOnSelect;\n\tif (action.render) {\n\t\treturn <div key={key} className=\"action-menu--item\">{action.render}</div>;\n\t}\n\n\tconst icon = renderActionIcon(action.icon);\n\tconst content = (\n\t\t<CollectionContent label={action.label} leading={icon} wrap\n\t\t className={cn('action-menu--item-content w-full',action.contentClassName)}\n\t\t leadingClassName=\"action-menu--item-icon text-inherit\" labelClassName=\"action-menu--item-label\"/>\n\t);\n\tconst className = cn(\n\t\t'action-menu--item',\n\t\tdensity === 'table' && collectionRecipes.tableRow,\n\t\taction.className,\n\t);\n\tif (action.type === 'checkbox') {\n\t\treturn (\n\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\tkey={key}\n\t\t\t\tchecked={!!action.checked}\n\t\t\t\tdisabled={action.disabled}\n\t\t\t\tcloseOnClick={shouldCloseOnSelect}\n\t\t\t\tonCheckedChange={action.onCheckedChange}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</DropdownMenuCheckboxItem>\n\t\t);\n\t}\n\n\tif (action.href && !action.disabled) {\n\t\tconst href = action.href;\n\t\treturn (\n\t\t\t<DropdownMenuLinkItem\n\t\t\t\tkey={key}\n\t\t\t\thref={href}\n\t\t\t\tvariant={toMenuVariant(action.tone)}\n\t\t\t\tcloseOnClick={shouldCloseOnSelect}\n\t\t\t\tonClick={action.onClick}\n\t\t\t\t// Element form, not a function, when the consumer supplies a link\n\t\t\t\t// renderer. The function form hands the menu-item props to the\n\t\t\t\t// consumer and trusts them to spread — and the renderer people\n\t\t\t\t// actually write destructures href/children/className and drops the\n\t\t\t\t// rest, which silently costs the row its `role=\"menuitem\"`. Handing\n\t\t\t\t// back an element lets the menu merge its own props on afterwards,\n\t\t\t\t// so a narrow renderer stays accessible.\n\t\t\t\trender={\n\t\t\t\t\trenderLink\n\t\t\t\t\t\t? (renderLink({\n\t\t\t\t\t\t\thref,\n\t\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t\t\ttarget: action.target,\n\t\t\t\t\t\t\trel: action.rel,\n\t\t\t\t\t\t\texternal: action.external,\n\t\t\t\t\t\t\tdisabled: action.disabled,\n\t\t\t\t\t\t}) as ReactElement)\n\t\t\t\t\t\t: (props) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\thref={href}\n\t\t\t\t\t\t\t\ttarget={action.target}\n\t\t\t\t\t\t\t\trel={action.rel}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</DropdownMenuLinkItem>\n\t\t);\n\t}\n\n\treturn (\n\t\t<DropdownMenuItem\n\t\tkey={key}\n\t\tdisabled={action.disabled}\n\t\tvariant={toMenuVariant(action.tone)}\n\t\tcloseOnClick={shouldCloseOnSelect}\n\t\tonClick={action.onClick}\n\t\tclassName={className}\n\t\t>\n\t\t\t{content}\n\t\t</DropdownMenuItem>\n\t);\n}\n\nfunction renderGroupedActions(args: {\n\tactions: readonly ActionMenuAction[];\n\tdensity: ActionMenuDensity;\n\tcloseOnSelect: boolean;\n\trenderLink?: (props: ActionMenuLinkRenderProps) => ReactElement;\n}) {\n\tconst nodes: ReactNode[] = [];\n\tlet currentGroup: string | true | null = null;\n\n\targs.actions.forEach((action, index) => {\n\t\tconst nextGroup = action.group ?? null;\n\t\tconst groupChanged = nextGroup !== currentGroup;\n\n\t\tif (nodes.length > 0 && groupChanged) {\n\t\t\tnodes.push(<DropdownMenuSeparator key={`sep-${currentGroup ?? 'root'}-${nextGroup ?? 'root'}-${index}`} />);\n\t\t}\n\n\t\tif (groupChanged) {\n\t\t\tcurrentGroup = nextGroup;\n\t\t\tif (typeof nextGroup === 'string') {\n\t\t\t\tnodes.push(\n\t\t\t\t\t<DropdownMenuLabel\n\t\t\t\t\t\tkey={`group-${nextGroup}-${index}`}\n\t\t\t\t\t\tclassName=\"normal-case\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<DisplayLabel tag=\"span\">{nextGroup}</DisplayLabel>\n\t\t\t\t\t</DropdownMenuLabel>,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tnodes.push(renderMenuAction({ ...args, action, index }));\n\t});\n\n\treturn nodes;\n}\n\n/**\n * Writes a node into a ref of either shape. `ActionMenu` has two claims on its\n * trigger — Base UI's own anchor ref and the consumer's — so neither may\n * overwrite the other.\n */\nfunction assignRef<T>(ref: React.Ref<T> | undefined, node: T | null) {\n\tif (typeof ref === 'function') {\n\t\tref(node);\n\t} else if (ref) {\n\t\t(ref as React.RefObject<T | null>).current = node;\n\t}\n}\n\nexport const ActionMenu = React.forwardRef<HTMLButtonElement, ActionMenuProps>(function ActionMenu({\n\tactions,\n\tlabel,\n\ticon = MoreVertical,\n\tsrText,\n\tbuttonProps,\n\talign = 'end',\n\tside = 'bottom',\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = true,\n\tdensity = 'default',\n\tlabelVisibility = 'visible',\n\tpreserveOrder = false,\n\trenderLink,\n\trenderTrigger,\n\tstrings: stringsProp,\n}: ActionMenuProps, ref) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst strings = useStrings(defaultActionMenuStrings, stringsProp);\n\tconst resolvedSrText = srText ?? strings.openMenuLabel;\n\tconst resolvedActions = React.useMemo(\n\t\t() => resolveActions(actions, preserveOrder),\n\t\t[actions, preserveOrder],\n\t);\n\n\tif (resolvedActions.length === 0) return null;\n\tconst hasVisibleLabel = Boolean(label) && labelVisibility === 'visible';\n\tconst hasResponsiveLabel = Boolean(label) && labelVisibility === 'responsive';\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\ttone: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: hasVisibleLabel ? 'sm' : 'md',\n\t\ticonOnly: !hasVisibleLabel,\n\t\tclassName: hasVisibleLabel\n\t\t\t? undefined\n\t\t\t: hasResponsiveLabel\n\t\t\t\t? 'size-action p-0 sm:w-auto sm:gap-space-sm sm:px-control-sm'\n\t\t\t\t: 'size-action p-0',\n\t};\n\n\tconst mergedButtonProps = {\n\t\t...defaultButtonProps,\n\t\t...buttonProps,\n\t\tclassName: cn(defaultButtonProps.className, buttonProps?.className),\n\t};\n\n\tconst {\n\t\ttone = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'md',\n\t\ticonOnly = !hasVisibleLabel,\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst labelClassName =\n\t\tlabelVisibility === 'hidden'\n\t\t\t? 'sr-only'\n\t\t\t: labelVisibility === 'responsive'\n\t\t\t\t? 'sr-only sm:not-sr-only'\n\t\t\t\t: undefined;\n\n\tconst triggerIcon = renderActionIcon(icon);\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t{triggerIcon}\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('whitespace-nowrap text-inherit', labelClassName)}>\n\t\t\t\t{label}\n\t\t\t</Text>\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t{triggerIcon}\n\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">{resolvedSrText}</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\trender={renderTrigger ?? ((dropdownTriggerProps) => {\n\t\t\t\t\t// Base UI supplies its own trigger ref through `render`. Composing\n\t\t\t\t\t// rather than overwriting keeps the popup anchored while still\n\t\t\t\t\t// handing the consumer the trigger element.\n\t\t\t\t\tconst { ref: baseTriggerRef } = dropdownTriggerProps as {\n\t\t\t\t\t\tref?: React.Ref<HTMLButtonElement>;\n\t\t\t\t\t};\n\n\t\t\t\t\tconst composedRef = (node: HTMLButtonElement | null) => {\n\t\t\t\t\t\tassignRef(baseTriggerRef, node);\n\t\t\t\t\t\tassignRef(ref, node);\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\t\tref={composedRef}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone={tone}\n\t\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonOnly={iconOnly}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\t\ttriggerClassName,\n\t\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\tdensity={density === 'table' ? 'compact' : density}\n\t\t\t\talign={align}\n\t\t\t\tside={side}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'action-menu--content',\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-36',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<DropdownMenuGroup className=\"action-menu--group\">\n\t\t\t\t\t{renderGroupedActions({\n\t\t\t\t\t\tactions: resolvedActions,\n\t\t\t\t\t\tdensity,\n\t\t\t\t\t\tcloseOnSelect,\n\t\t\t\t\t\trenderLink,\n\t\t\t\t\t})}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n});\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const ActionButtons = React.forwardRef<HTMLDivElement, ActionButtonsProps>(function ActionButtons({\n\tactions,\n\tclassName,\n\tbuttonClassName,\n\tsize = 'sm',\n\trenderLink,\n}: ActionButtonsProps, ref) {\n\tconst visibleActions = resolveActions(actions, true);\n\tif (visibleActions.length === 0) return null;\n\n\treturn (\n\t\t<div ref={ref} className={cn('action-buttons--component flex flex-wrap items-center gap-space-sm', className)}>\n\t\t\t{visibleActions.map((action, index) => {\n\t\t\t\tconst key = getActionKey(action, index);\n\t\t\t\tif (action.render) {\n\t\t\t\t\treturn <React.Fragment key={key}>{action.render}</React.Fragment>;\n\t\t\t\t}\n\n\t\t\t\tconst icon = renderActionIcon(action.icon);\n\t\t\t\tconst resolved = toButtonPresentation(action);\n\t\t\t\tconst children = (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!!icon && <span className=\"action-buttons--icon inline-flex shrink-0 items-center\">{icon}</span>}\n\t\t\t\t\t\t{renderActionLabel(action.label, 'action-buttons--label')}\n\t\t\t\t\t</>\n\t\t\t\t);\n\n\t\t\t\tif (action.href && !action.disabled && renderLink) {\n\t\t\t\t\tconst href = action.href;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone={resolved.tone}\n\t\t\t\t\t\t\tbuttonStyle={resolved.buttonStyle}\n\t\t\t\t\t\t\tsize={action.buttonSize ?? size}\n\t\t\t\t\t\t\tnativeButton={false}\n\t\t\t\t\t\t\tclassName={cn('action-buttons--item leading-tight', resolved.className, buttonClassName, action.className)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\taction.onClick?.();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trender={(buttonRenderProps) =>\n\t\t\t\t\t\t\t\trenderLink({\n\t\t\t\t\t\t\t\t\t...buttonRenderProps,\n\t\t\t\t\t\t\t\t\thref,\n\t\t\t\t\t\t\t\t\tchildren: buttonRenderProps.children,\n\t\t\t\t\t\t\t\t\ttarget: action.target,\n\t\t\t\t\t\t\t\t\trel: action.rel,\n\t\t\t\t\t\t\t\t\texternal: action.external,\n\t\t\t\t\t\t\t\t\tdisabled: action.disabled,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (action.href && !action.disabled) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button key={key} href={action.href} target={action.target} rel={action.rel} tone={resolved.tone} buttonStyle={resolved.buttonStyle} size={action.buttonSize ?? size} className={cn('action-buttons--item leading-tight', resolved.className, buttonClassName, action.className)} onClick={action.onClick}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst button = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone={resolved.tone}\n\t\t\t\t\t\tbuttonStyle={resolved.buttonStyle}\n\t\t\t\t\t\tsize={action.buttonSize ?? size}\n\t\t\t\t\t\tclassName={cn('action-buttons--item leading-tight', resolved.className, buttonClassName, action.className)}\n\t\t\t\t\t\tdisabled={!!action.disabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\taction.onClick?.();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\treturn button;\n\t\t\t})}\n\t\t</div>\n\t);\n});\n\nActionButtons.displayName = 'ActionButtons';\n\nexport {\n\tdefaultActionMenuStrings,\n\ttype ActionMenuStrings,\n} from './action-menu.strings';\n"],"mappings":"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"}

package/dist/action-presentation.js

@@ -0,0 +1,11 @@
+//#region src/lib/action-presentation.ts
+var e = [
+	"solid",
+	"outline",
+	"ghost",
+	"link"
+];
+//#endregion
+export { e as ACTION_BUTTON_STYLES };
+
+//# sourceMappingURL=action-presentation.js.map

package/dist/action-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-presentation.js","names":["ACTION_BUTTON_STYLES"],"sources":["../src/lib/action-presentation.ts"],"sourcesContent":["import type { SemanticTone } from './component-vocabulary';\n\n/** Supported visual treatments for definition-driven actions. */\nexport const ACTION_BUTTON_STYLES = [\n\t'solid',\n\t'outline',\n\t'ghost',\n\t'link',\n] as const;\n\nexport type ActionButtonStyle = (typeof ACTION_BUTTON_STYLES)[number];\n\n/** Shared presentation and availability fields for package action definitions. */\nexport interface ActionPresentation {\n\t/** Semantic color intent. */\n\ttone?: SemanticTone;\n\t/** Button treatment, independent from semantic color. */\n\tbuttonStyle?: ActionButtonStyle;\n\t/** Set false to omit the action. */\n\tvisible?: boolean;\n\t/** Prevents activation while keeping the action visible. */\n\tdisabled?: boolean;\n}\n"],"mappings":";AAGA,IAAaA,IAAuB;CACnC;CACA;CACA;CACA;AACD"}

package/dist/affordance-geometry.generated-D8Jcfb0G.js

@@ -0,0 +1,32 @@
+//#region src/lib/affordance-geometry.generated.ts
+var e = {
+	inlineEditColumns: {
+		single: "grid-cols-[minmax(0,1fr)_calc(var(--height-action)*0.8888889*var(--density-scale)*2+0.25rem*var(--space-scale))]",
+		multiline: "grid-cols-[minmax(0,1fr)_calc(var(--height-action)*0.8888889*var(--density-scale))]"
+	},
+	avatarOverlap: {
+		sm: "has-data-[scale=sm]:-space-x-[calc(var(--avatar)*0.75*var(--space-scale)/4)]",
+		md: "-space-x-[calc(var(--avatar)*var(--space-scale)/4)]",
+		lg: "has-data-[scale=lg]:-space-x-[calc(var(--avatar)*1.25*var(--space-scale)/4)]"
+	},
+	navigationGuideStart: "ms-[calc(var(--control-x)*0.8333333*var(--space-scale)+var(--icon)*0.75*var(--space-scale)/2)]",
+	clearEnd: {
+		sm: "end-[calc(var(--control-x)*0.8333333*var(--space-scale))]",
+		md: "end-[calc(var(--control-x)*var(--space-scale))]",
+		lg: "end-[calc(var(--control-x)*var(--space-scale))]"
+	},
+	clearPadding: {
+		sm: "pe-[calc(var(--control-x)*0.8333333*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]",
+		md: "pe-[calc(var(--control-x)*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]",
+		lg: "pe-[calc(var(--control-x)*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]"
+	},
+	togglePadding: "pe-[calc(1.375rem*var(--density-scale)+0.625rem*var(--space-scale))]",
+	largeIconStart: "ps-[calc((var(--control-x)+var(--icon)*1.25+0.5rem)*var(--space-scale))]",
+	largeIconEnd: "pe-[calc((var(--control-x)+var(--icon)*1.25+0.5rem)*var(--space-scale))]",
+	overlayClose: "absolute top-[calc(var(--surface-y)*var(--space-scale))] end-[calc(var(--surface-x)*var(--space-scale))]",
+	overlayHeader: "[[data-slot$=-content]:has(>[data-overlay-close])>&]:pe-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*0.8888889*var(--density-scale)+0.5rem*var(--space-scale))]"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=affordance-geometry.generated-D8Jcfb0G.js.map

package/dist/affordance-geometry.generated-D8Jcfb0G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"affordance-geometry.generated-D8Jcfb0G.js","names":["affordanceGeometry","\"inlineEditColumns\"","\"single\"","\"multiline\"","\"avatarOverlap\"","\"sm\"","\"md\"","\"lg\"","\"navigationGuideStart\"","\"clearEnd\"","\"clearPadding\"","\"togglePadding\"","\"largeIconStart\"","\"largeIconEnd\"","\"overlayClose\"","\"overlayHeader\""],"sources":["../src/lib/affordance-geometry.generated.ts"],"sourcesContent":["/* Generated by scripts/primitive-geometry.mjs; recipes, not theme roots. */\nexport const affordanceGeometry = {\n  \"inlineEditColumns\": {\n    \"single\": \"grid-cols-[minmax(0,1fr)_calc(var(--height-action)*0.8888889*var(--density-scale)*2+0.25rem*var(--space-scale))]\",\n    \"multiline\": \"grid-cols-[minmax(0,1fr)_calc(var(--height-action)*0.8888889*var(--density-scale))]\"\n  },\n  \"avatarOverlap\": {\n    \"sm\": \"has-data-[scale=sm]:-space-x-[calc(var(--avatar)*0.75*var(--space-scale)/4)]\",\n    \"md\": \"-space-x-[calc(var(--avatar)*var(--space-scale)/4)]\",\n    \"lg\": \"has-data-[scale=lg]:-space-x-[calc(var(--avatar)*1.25*var(--space-scale)/4)]\"\n  },\n  \"navigationGuideStart\": \"ms-[calc(var(--control-x)*0.8333333*var(--space-scale)+var(--icon)*0.75*var(--space-scale)/2)]\",\n  \"clearEnd\": {\n    \"sm\": \"end-[calc(var(--control-x)*0.8333333*var(--space-scale))]\",\n    \"md\": \"end-[calc(var(--control-x)*var(--space-scale))]\",\n    \"lg\": \"end-[calc(var(--control-x)*var(--space-scale))]\"\n  },\n  \"clearPadding\": {\n    \"sm\": \"pe-[calc(var(--control-x)*0.8333333*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]\",\n    \"md\": \"pe-[calc(var(--control-x)*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]\",\n    \"lg\": \"pe-[calc(var(--control-x)*var(--space-scale)+1.375rem*var(--density-scale)+0.375rem*var(--space-scale))]\"\n  },\n  \"togglePadding\": \"pe-[calc(1.375rem*var(--density-scale)+0.625rem*var(--space-scale))]\",\n  \"largeIconStart\": \"ps-[calc((var(--control-x)+var(--icon)*1.25+0.5rem)*var(--space-scale))]\",\n  \"largeIconEnd\": \"pe-[calc((var(--control-x)+var(--icon)*1.25+0.5rem)*var(--space-scale))]\",\n  \"overlayClose\": \"absolute top-[calc(var(--surface-y)*var(--space-scale))] end-[calc(var(--surface-x)*var(--space-scale))]\",\n  \"overlayHeader\": \"[[data-slot$=-content]:has(>[data-overlay-close])>&]:pe-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*0.8888889*var(--density-scale)+0.5rem*var(--space-scale))]\"\n} as const;\n"],"mappings":";AACA,IAAaA,IAAqB;CAChCC,mBAAqB;EACnBC,QAAU;EACVC,WAAa;CACf;CACAC,eAAiB;EACfC,IAAM;EACNC,IAAM;EACNC,IAAM;CACR;CACAC,sBAAwB;CACxBC,UAAY;EACVJ,IAAM;EACNC,IAAM;EACNC,IAAM;CACR;CACAG,cAAgB;EACdL,IAAM;EACNC,IAAM;EACNC,IAAM;CACR;CACAI,eAAiB;CACjBC,gBAAkB;CAClBC,cAAgB;CAChBC,cAAgB;CAChBC,eAAiB;AACnB"}