admin-ui-starter-kit 0.1.0 → 0.1.1

package/.agents/skills/component-library-rules/SKILL.md

@@ -763,18 +763,37 @@ Published package imports use exact subpaths, not broad aggregates:
 
 - ✅ `admin-ui-starter-kit/typography`
 - ✅ `admin-ui-starter-kit/base/item`
+- ✅ `admin-ui-starter-kit/base/display/metadata`
 - ✅ `admin-ui-starter-kit/composed/cards`
 - ✅ `admin-ui-starter-kit/features/comments`
 - ✅ `admin-ui-starter-kit/layout/page`
 - ❌ `admin-ui-starter-kit/base`
 - ❌ `admin-ui-starter-kit/composed`
 - ❌ `admin-ui-starter-kit/features`
+- ❌ `admin-ui-starter-kit/base/display/metadata/metadata-list`
 
 The root package entrypoint (`admin-ui-starter-kit`) must stay optional-peer-free:
 provider exports, strings helpers, and `cn` only. Do not re-export `Base`,
 `Composed`, `Features`, or other broad namespaces from `src/index.ts`; those
 would eagerly load optional peer packages in fresh consumer apps.
 
+Most public package boundaries are first-level families. A nested subfamily is
+public only when it has an explicit `package.json` export and
+`vite.lib.config.ts` entry. Example: `MetadataList` is intentionally exported
+from `admin-ui-starter-kit/base/display/metadata` so consumers do not need to
+load the broader `base/display` barrel. Never document file-level paths such as
+`admin-ui-starter-kit/base/display/metadata/metadata-list`.
+
+Base UI-backed triggers use Base UI's `render` prop, not Radix's `asChild`.
+For dropdown menus, write:
+
+```tsx
+<DropdownMenuTrigger render={(props) => <Button {...props}>Open</Button>} />
+```
+
+Do not document `asChild` for `DropdownMenuTrigger`; it is not part of that
+component's contract.
+
 ## 19. Strings file consolidation — per-feature, not per-partial
 
 When several partials in the same feature share user-facing copy, consolidate into one `*.strings.ts` at the feature root with multiple exported interfaces — don't define `Strings` interfaces inline inside partial files.

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

@@ -22,7 +22,7 @@ imports:
   - @/components/base/badge
   - @/components/base/cards
   - @/components/base/display/avatar
-  - @/components/base/display/metadata/metadata-list
+  - @/components/base/display/metadata
   - @/components/typography
 tags:
   - base
@@ -68,8 +68,8 @@ import {
 import { Avatar, AvatarFallback } from '@/components/base/display/avatar';
 import { Badge } from '@/components/base/badge';
 import { SmartCard } from '@/components/base/cards';
+import { MetadataList, type MetadataListItem } from '@/components/base/display/metadata';
 import { Text } from '@/components/typography';
-import { MetadataList, type MetadataListItem } from '@/components/base/display/metadata/metadata-list';
 
 // ─── Helpers ────────────────────────────────────────────────────────────
 

package/.agents/skills/component-library-rules/references/import-paths.md

@@ -27,6 +27,7 @@ admin-ui-starter-kit                 # provider, strings helpers, cn only
 admin-ui-starter-kit/ui-provider
 admin-ui-starter-kit/typography
 admin-ui-starter-kit/base/<family>
+admin-ui-starter-kit/base/display/metadata
 admin-ui-starter-kit/composed/<family>
 admin-ui-starter-kit/features/<feature>
 admin-ui-starter-kit/layout
@@ -40,6 +41,26 @@ Do not use or document broad `admin-ui-starter-kit/base`,
 They are intentionally not exported so optional peers stay isolated to the exact
 component family that needs them.
 
+Most public boundaries are first-level families. A nested subfamily is public
+only when it has an explicit `package.json` export and `vite.lib.config.ts`
+entry. Current intentional nested subfamily:
+
+```
+admin-ui-starter-kit/base/display/metadata   # MetadataList
+```
+
+Examples of blocked package paths:
+
+```
+admin-ui-starter-kit/base/navigation/dropdown-menu
+admin-ui-starter-kit/features/comments/partials/comment-composer
+admin-ui-starter-kit/base/display/metadata/metadata-list
+```
+
+If a component is not exported from its family index, add it to that family
+index or add a deliberate exact subfamily export. Do not rely on declaration
+files that happen to exist under `dist/`.
+
 ## Forbidden paths (these aliases are gone)
 
 | ❌ Old | ✅ New |

package/AGENTS.md

@@ -109,7 +109,9 @@ Hard rules (full detail in the skill):
   exports only optional-peer-free utilities/provider; `base`,
   `composed`, and `features` aggregate entrypoints are intentionally
   not public. Consumers import `admin-ui-starter-kit/base/item`,
-  `admin-ui-starter-kit/features/comments`, etc.
+  `admin-ui-starter-kit/features/comments`, etc. Nested subfamilies are
+  public only when explicitly exported, such as
+  `admin-ui-starter-kit/base/display/metadata` for `MetadataList`.
 
 ## Quick reference
 

package/INTEGRATION.md

@@ -8,6 +8,9 @@ Use this when installing `admin-ui-starter-kit` into a React app.
 npm install admin-ui-starter-kit react react-dom tailwindcss lucide-react
 ```
 
+`lucide-react` is a v1 peer. If the host app still uses lucide v0, upgrade
+lucide as part of the migration before adopting this package.
+
 Install optional peers only for the entrypoints you import. For example,
 `admin-ui-starter-kit/features/rich-text-editor` needs TipTap,
 `admin-ui-starter-kit/base/table` needs TanStack Table, and
@@ -22,6 +25,7 @@ import { UIProvider } from 'admin-ui-starter-kit/ui-provider';
 import { Text } from 'admin-ui-starter-kit/typography';
 import { Button } from 'admin-ui-starter-kit/base/buttons';
 import { Item, ItemContent, ItemMedia, ItemTitle } from 'admin-ui-starter-kit/base/item';
+import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
 import { Comments } from 'admin-ui-starter-kit/features/comments';
 import { PageHeader } from 'admin-ui-starter-kit/layout/page';
 ```
@@ -31,6 +35,11 @@ Do not import `admin-ui-starter-kit/base`,
 Those broad aggregate entrypoints are intentionally not public because
 they would force optional peers into apps that do not use them.
 
+Only documented nested subfamily entrypoints are public. For example,
+`MetadataList` is intentionally exported from
+`admin-ui-starter-kit/base/display/metadata` so consumers do not need the
+broader `base/display` barrel or its optional peers.
+
 The root entrypoint is intentionally small:
 
 ```tsx
@@ -80,7 +89,25 @@ For Next.js App Router or any React Server Components setup, import these
 components from a client component file (`'use client'`). The package is
 framework-neutral, but interactive UI still runs on the client.
 
-## 5. Keep local wrappers app-owned
+## 5. Compose Base UI triggers with `render`
+
+Some shadcn-style primitives in this package are backed by Base UI. Dropdown
+menus follow Base UI's `render` prop contract rather than Radix's `asChild`
+contract:
+
+```tsx
+import { Button } from 'admin-ui-starter-kit/base/buttons';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from 'admin-ui-starter-kit/base/navigation';
+
+<DropdownMenu>
+	<DropdownMenuTrigger render={(props) => <Button {...props}>Open</Button>} />
+	<DropdownMenuContent />
+</DropdownMenu>;
+```
+
+Use `asChild` only on components that explicitly document it.
+
+## 6. Keep local wrappers app-owned
 
 If your app repeats the same routing/data wiring many times, create an app
 wrapper in your codebase:
@@ -102,7 +129,7 @@ export function AppComments(props: Pick<CommentsProps, 'comments' | 'context'>)
 Do not fork the package or add framework adapters inside it. Keep framework
 wiring in the consuming app.
 
-## 6. Verify a fresh install
+## 7. Verify a fresh install
 
 For a quick smoke test:
 

package/PUBLISHING.md

@@ -113,6 +113,8 @@ You cannot delete or overwrite a published version. Always dry-run first.
 | `npm publish` says "private package" | Remove `"private": true` from `package.json` |
 | `npm publish` says "name not available" | Someone took the name; pick a new one |
 | Consumers report "module not found" for `admin-ui-starter-kit/foo` | Add `./foo` to the `exports` map AND `vite.lib.config.ts` entries; rebuild and republish |
+| Consumers report "module not found" for a nested component path | Only explicitly exported nested subfamilies are public. Add an exact `exports` entry plus `vite.lib.config.ts` entry, or document the first-level family import. |
+| Consumers must upgrade `lucide-react` | Expected for apps still on lucide v0; this package has a lucide v1 peer. |
 | Published bundle has stale code | Confirm `prepublishOnly` ran; check `dist/` mtime; bump patch and republish |
 | `peer dep warning: <pkg> not installed` for an optional peer | Verify the entry is in `peerDependenciesMeta.optional` block; consumer can ignore |
 

package/README.md

@@ -113,6 +113,9 @@ Always required:
 npm install react react-dom tailwindcss lucide-react
 ```
 
+`lucide-react` is intentionally a v1 peer. Apps still on lucide v0 should
+plan that icon-package upgrade as part of adoption.
+
 ### 3. Optional peers — install only what you use
 
 | Feature you import | Install peer |
@@ -272,11 +275,20 @@ import { Dialog, Drawer } from 'admin-ui-starter-kit/features/overlays';
 import { useStrings } from 'admin-ui-starter-kit/lib/strings';
 ```
 
+Use documented exact entrypoints only. `MetadataList` has its own public
+subfamily entrypoint because the broader `base/display` barrel includes display
+utilities with optional peers:
+
+```tsx
+import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
+```
+
 Safe public entrypoints:
 - `admin-ui-starter-kit` — provider, strings helpers, and `cn` only.
 - `admin-ui-starter-kit/ui-provider`
 - `admin-ui-starter-kit/typography`
 - `admin-ui-starter-kit/base/*`
+- `admin-ui-starter-kit/base/display/metadata`
 - `admin-ui-starter-kit/composed/*`
 - `admin-ui-starter-kit/features/*`
 - `admin-ui-starter-kit/layout` and `admin-ui-starter-kit/layout/*`
@@ -288,6 +300,18 @@ Avoid broad component imports such as `admin-ui-starter-kit/base`,
 intentionally not exported. Use the exact family subpath so missing optional
 peers fail only when you import the feature that needs them.
 
+Dropdown menus use Base UI's `render` prop for custom triggers, not Radix's
+`asChild` prop:
+
+```tsx
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from 'admin-ui-starter-kit/base/navigation';
+
+<DropdownMenu>
+  <DropdownMenuTrigger render={(props) => <Button {...props}>Open</Button>} />
+  <DropdownMenuContent />
+</DropdownMenu>
+```
+
 ---
 
 ## Build your own stylesheet

package/dist/_shared/accordion-CztqyaIN.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-CztqyaIN.js","names":[],"sources":["../../src/components/ui/accordion.tsx","../../src/components/base/accordion/accordion-variants.ts","../../src/components/base/accordion/accordion.strings.ts","../../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-2xl border\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b data-open:bg-muted/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any composed surface that builds on `base/accordion` directly\n * (e.g. `composed/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-3 px-3 py-(--row-py)` — density-driven, `<UIProvider>`\n *   override flows through.\n * - Content with leading medallion: `pl-12 pr-3 pt-0` — left padding\n *   aligns body text under the title (medallion is `size-8` plus\n *   `gap-3`, so 32 + 12 = pl-12).\n * - Content without medallion: `pl-3 pr-3 pt-0`.\n */\nexport type AccordionShellVariant = 'card' | 'bordered' | 'flat';\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'space-y-2 border-0 rounded-none overflow-visible',\n\tbordered: 'rounded-lg border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-md data-open:bg-card',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/40',\n\tflat: 'border-0 bg-transparent data-open:bg-muted/30 rounded-md',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'gap-3 px-3 py-(--row-py) text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders an `IconBadge size=\"sm\"`\n * (size-8 = 32px) plus `gap-3` (12px) so body text aligns under the\n * title.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-12 pr-3 pt-0',\n\twithoutMedallion: 'pl-3 pr-3 pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — composed-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '@/components/base/accordion';\n */\nimport { forwardRef } from 'react';\n\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'card',\n\ticonStyle = 'medallion',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-3\">\n\t\t\t\t\t\t\t<SmartAccordionIcon iconStyle={iconStyle} icon={item.icon} />\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t<span className=\"ml-1 inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t)}\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\ticonStyle === 'medallion'\n\t\t\t\t\t\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t\t\t\t\t\t: ACCORDION_CONTENT_PADDING.withoutMedallion,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: React.ReactNode;\n}) {\n\tif (iconStyle === 'none' || !icon) return null;\n\tif (iconStyle === 'inline') {\n\t\treturn <span className=\"inline-flex shrink-0 text-muted-foreground\">{icon}</span>;\n\t}\n\treturn (\n\t\t<IconBadge size=\"sm\" tone=\"muted\" shape=\"circle\" aria-hidden=\"true\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":";;;;;;;;;AAKA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;AACzE,QACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EACT,2DACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAc,EAAE,cAAW,GAAG,KAAwC;AAC7E,QACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,2CAA2C,EAAU;EACnE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KACgC;AACnC,QACE,kBAAC,EAAmB,QAApB;EAA2B,WAAU;YACnC,kBAAC,EAAmB,SAApB;GACE,aAAU;GACV,WAAW,EACT,4YACA,EACD;GACD,GAAI;aANN;IAQG;IACD,kBAAC,GAAD;KAAiB,aAAU;KAAyB,WAAU;KAA8E,CAAA;IAC5I,kBAAC,GAAD;KAAe,aAAU;KAAyB,WAAU;KAAqF,CAAA;IACtH;;EACH,CAAA;;AAIhC,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KAC8B;AACjC,QACE,kBAAC,EAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,yLACA,EACD;GAEA;GACG,CAAA;EACmB,CAAA;;;;ACjD/B,IAAa,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;CACN,EAEY,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;CACN,EAEY,IACZ,yDAQY,IAA4B;CACxC,eAAe;CACf,kBAAkB;CAClB,EC9BY,IAAsD,EAClE,iBAAiB,KAAA,GACjB,ECkBY,IAAiB,EAAgD,SAAwB,EACrG,UACA,cAAW,IACX,iBACA,UACA,kBACA,aAAU,QACV,eAAY,aACZ,cACA,kBACA,qBACA,qBACA,SAAS,KACP,GAAK;CACP,IAAM,IAAU,EAAW,GAA8B,EAAY;AACrE,QACC,kBAAC,GAAD;EACM;EACK;EACI;EACP;EACP,eACC,KACI,MAAS,EAAc,EAAiB,GACzC,KAAA;EAEJ,cAAY,EAAQ;EACpB,WAAW,EAAG,8BAA8B,EAA6B,IAAU,EAAU;YAE5F,EAAM,KAAK,MACX,kBAAC,GAAD;GAEC,OAAO,EAAK;GACZ,WAAW,EAAG,EAA6B,IAAU,EAAc;aAHpE,CAKC,kBAAC,GAAD;IACC,WAAW,EAAG,GAAwB,EAAiB;IACvD,UAAU,EAAK;cAEf,kBAAC,OAAD;KAAK,WAAU;eAAf;MACC,kBAAC,GAAD;OAA+B;OAAW,MAAM,EAAK;OAAQ,CAAA;MAC7D,kBAAC,GAAD;OAAM,KAAI;OAAO,QAAO;iBACtB,EAAK;OACA,CAAA;MACN,CAAC,CAAC,EAAK,SACP,kBAAC,QAAD;OAAM,WAAU;iBAA6B,EAAK;OAAa,CAAA;MAE3D;;IACY,CAAA,EACnB,kBAAC,GAAD;IACC,WAAW,EACV,MAAc,cACX,EAA0B,gBAC1B,EAA0B,kBAC7B,EACA;cAED,kBAAC,GAAD;KAAM,MAAK;KAAY,WAAU;eAC/B,EAAK;KACA,CAAA;IACW,CAAA,CACJ;KA9BV,EAAK,MA8BK,CACf;EACS,CAAA;EAEZ;AAEF,EAAe,cAAc;AAE7B,SAAS,EAAmB,EAC3B,cACA,WAIE;AAKF,QAJI,MAAc,UAAU,CAAC,IAAa,OACtC,MAAc,WACV,kBAAC,QAAD;EAAM,WAAU;YAA8C;EAAY,CAAA,GAGjF,kBAAC,GAAD;EAAW,MAAK;EAAK,MAAK;EAAQ,OAAM;EAAS,eAAY;YAC3D;EACU,CAAA"}

package/dist/_shared/accordion-D5uTCLCB.cjs

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

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

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

package/dist/_shared/action-menu-Yrj6VzFS.js

@@ -0,0 +1,96 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./button-ChCkwoOD.js";
+import { a as n, g as r, r as i, s as a, t as o } from "./dropdown-menu-4nxEBMnd.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MoreVertical as d } from "lucide-react";
+//#region src/components/base/navigation/action-menu.tsx
+var f = ({ label: n, icon: a = d, srText: f = "Open menu", buttonProps: p, align: m = "center", children: h, contentClassName: g = "", width: _ = "w-auto", closeOnSelect: v = !1, density: y = "default" }) => {
+	let [b, x] = s.useState(!1), S = s.useMemo(() => {
+		let e = s.Children.toArray(h).map((e) => {
+			if (!s.isValidElement(e) || e.type.displayName !== "MenuAction") return e;
+			let t = e, n = t.props.onClick;
+			return s.cloneElement(t, {
+				onClick: () => {
+					n && n(), v && x(!1);
+				},
+				density: t.props.density ?? y
+			});
+		}), t = e.filter((e) => s.isValidElement(e) ? e.props.variant !== "error" : !1), n = e.filter((e) => s.isValidElement(e) ? e.props.variant === "error" : !1);
+		return [...t, ...n];
+	}, [
+		h,
+		v,
+		y
+	]), C = {
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon",
+		className: "h-8 w-8 p-0"
+	}, { variant: w = "secondary", buttonStyle: T = "ghost", size: E = "icon", className: D, ...O } = {
+		...C,
+		...p,
+		className: e(C.className, p?.className)
+	}, k = n ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 mr-2" }), n] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), /* @__PURE__ */ l("span", {
+		className: "sr-only",
+		children: f
+	})] });
+	return /* @__PURE__ */ u(o, {
+		open: b,
+		onOpenChange: x,
+		children: [/* @__PURE__ */ l(r, { render: (n) => /* @__PURE__ */ l(t, {
+			...O,
+			...n,
+			type: "button",
+			variant: w,
+			buttonStyle: T,
+			size: E,
+			className: e("action-menu--component", D, n.className),
+			children: k
+		}) }), /* @__PURE__ */ l(i, {
+			align: m,
+			className: e(_, "min-w-[140px] p-2", y === "table" && "text-xxs leading-4", g),
+			children: S
+		})]
+	});
+};
+f.displayName = "ActionMenu";
+var p = s.forwardRef(({ onClick: t, href: r, prefetch: i, disabled: o = !1, icon: s, label: c, variant: d = "secondary", className: f = "", children: p, density: m = "default" }, h) => {
+	let g = r && !o, _ = g ? (t) => /* @__PURE__ */ l("a", {
+		...t,
+		href: r,
+		className: e(t.className)
+	}) : void 0;
+	return p ? g ? /* @__PURE__ */ l(a, {
+		href: r,
+		onClick: t,
+		render: _,
+		className: e("text-xs px-2 py-1.5 gap-1.5", m === "table" && "text-inherit leading-4", f),
+		children: p
+	}) : /* @__PURE__ */ l(n, {
+		ref: h,
+		disabled: o,
+		onClick: t,
+		className: e("text-xs px-2 py-1.5 gap-1.5", m === "table" && "text-inherit leading-4", f),
+		children: p
+	}) : g ? /* @__PURE__ */ u(a, {
+		href: r,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		render: _,
+		className: e("text-xs px-2 py-1.5 gap-1.5", m === "table" && "leading-4", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "h-3.5 w-3.5" }), c]
+	}) : /* @__PURE__ */ u(n, {
+		ref: h,
+		disabled: o,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		className: e("text-xs px-2 py-1.5 gap-1.5", m === "table" && "leading-4", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "h-3.5 w-3.5" }), c]
+	});
+});
+p.displayName = "MenuAction";
+//#endregion
+export { p as n, f as t };
+
+//# sourceMappingURL=action-menu-Yrj6VzFS.js.map

package/dist/_shared/action-menu-Yrj6VzFS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-Yrj6VzFS.js","names":[],"sources":["../../src/components/base/navigation/action-menu.tsx"],"sourcesContent":["/**\n * ActionMenu — dropdown trigger + grouped menu items. Use `MenuAction`\n * children to define each menu entry; `variant=\"error\"` actions are\n * automatically grouped at the bottom for visual separation. Optional\n * `closeOnSelect` closes the menu after each selection. The `density=\"table\"`\n * variant tightens type and spacing for use inside DataTable rows.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { type ReactElement } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>>;\ntype ActionMenuDensity = 'default' | 'table';\n\nexport interface ActionMenuProps {\n\tlabel?: string;\n\ticon?: LucideIcon;\n\tsrText?: string;\n\tbuttonProps?: ActionMenuButtonProps;\n\talign?: 'center' | 'start' | 'end';\n\tchildren?: React.ReactNode;\n\tcontentClassName?: string;\n\twidth?: string;\n\tcloseOnSelect?: boolean;\n\tdensity?: ActionMenuDensity;\n}\n\nexport interface MenuActionProps {\n\tonClick?: () => void;\n\thref?: string;\n\tprefetch?: boolean;\n\tdisabled?: boolean;\n\ticon?: LucideIcon;\n\tlabel?: string;\n\tvariant?: 'primary' | 'secondary' | 'error';\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tdensity?: ActionMenuDensity;\n}\n\nexport const ActionMenu = ({\n\tlabel,\n\ticon: IconComponent = MoreVertical,\n\tsrText = 'Open menu',\n\tbuttonProps,\n\talign = 'center',\n\tchildren,\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = false,\n\tdensity = 'default',\n}: ActionMenuProps) => {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst processedChildren = React.useMemo(() => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\n\t\tconst clonedChildren = childrenArray.map((child) => {\n\t\t\tif (!React.isValidElement(child)) return child;\n\n\t\t\tconst childType = child.type as React.ComponentType & { displayName?: string };\n\t\t\tif (childType.displayName !== 'MenuAction') return child;\n\n\t\t\tconst menuActionChild = child as React.ReactElement<MenuActionProps>;\n\t\t\tconst onClick = menuActionChild.props.onClick;\n\n\t\t\treturn React.cloneElement(menuActionChild, {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tif (onClick) onClick();\n\t\t\t\t\tif (closeOnSelect) setOpen(false);\n\t\t\t\t},\n\t\t\t\tdensity: menuActionChild.props.density ?? density,\n\t\t\t});\n\t\t});\n\n\t\tconst standardActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant !== 'error';\n\t\t});\n\n\t\tconst destructiveActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant === 'error';\n\t\t});\n\n\t\treturn [...standardActions, ...destructiveActions];\n\t}, [children, closeOnSelect, density]);\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\tvariant: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: 'icon',\n\t\tclassName: 'h-8 w-8 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\tvariant = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'icon',\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t<IconComponent className=\"h-4 w-4 mr-2\" />\n\t\t\t{label}\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t<IconComponent className=\"h-4 w-4\" />\n\t\t\t<span className=\"sr-only\">{srText}</span>\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={(dropdownTriggerProps) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\ttriggerClassName,\n\n\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-[140px] p-2',\n\t\t\t\t\tdensity === 'table' && 'text-xxs leading-4',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{processedChildren}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const MenuAction = React.forwardRef<HTMLDivElement, MenuActionProps>(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\thref,\n\t\t\tprefetch,\n\t\t\tdisabled = false,\n\t\t\ticon: IconComponent,\n\t\t\tlabel,\n\t\t\tvariant = 'secondary',\n\t\t\tclassName = '',\n\t\t\tchildren,\n\t\t\tdensity = 'default',\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst renderLink = href && !disabled;\n\t\tvoid prefetch;\n\t\tconst linkRenderer = renderLink\n\t\t\t? (renderProps: React.ComponentPropsWithoutRef<'a'>) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\t{...renderProps}\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tclassName={cn(renderProps.className)}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t: undefined;\n\n\t\tif (children) {\n\t\t\tif (renderLink) {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-4',\n\t\t\t\t\t\t\tclassName,\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</DropdownMenuLinkItem>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-4',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuItem>\n\t\t\t);\n\t\t}\n\n\t\tif (renderLink) {\n\t\t\treturn (\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\thref={href}\n\t\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\tdensity === 'table' && 'leading-4',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!!IconComponent && <IconComponent className=\"h-3.5 w-3.5\" />}\n\t\t\t\t\t{label}\n\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\tonClick={onClick}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\tdensity === 'table' && 'leading-4',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!IconComponent && <IconComponent className=\"h-3.5 w-3.5\" />}\n\t\t\t\t{label}\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t},\n);\n\nMenuAction.displayName = 'MenuAction';\n"],"mappings":"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"}

package/dist/_shared/action-menu-eVP8GGlv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/utils.cjs`),n=require(`./button-D0nF99a9.cjs`),r=require(`./dropdown-menu-DZlWHqWS.cjs`);let i=require(`react`);i=e.t(i,1);let a=require(`react/jsx-runtime`),o=require(`lucide-react`);var s=({label:e,icon:s=o.MoreVertical,srText:c=`Open menu`,buttonProps:l,align:u=`center`,children:d,contentClassName:f=``,width:p=`w-auto`,closeOnSelect:m=!1,density:h=`default`})=>{let[g,_]=i.default.useState(!1),v=i.default.useMemo(()=>{let e=i.default.Children.toArray(d).map(e=>{if(!i.default.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return i.default.cloneElement(t,{onClick:()=>{n&&n(),m&&_(!1)},density:t.props.density??h})}),t=e.filter(e=>i.default.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>i.default.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[d,m,h]),y={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`h-8 w-8 p-0`},{variant:b=`secondary`,buttonStyle:x=`ghost`,size:S=`icon`,className:C,...w}={...y,...l,className:t.cn(y.className,l?.className)},T=e?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{className:`h-4 w-4 mr-2`}),e]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{className:`h-4 w-4`}),(0,a.jsx)(`span`,{className:`sr-only`,children:c})]});return(0,a.jsxs)(r.t,{open:g,onOpenChange:_,children:[(0,a.jsx)(r.g,{render:e=>(0,a.jsx)(n.t,{...w,...e,type:`button`,variant:b,buttonStyle:x,size:S,className:t.cn(`action-menu--component`,C,e.className),children:T})}),(0,a.jsx)(r.r,{align:u,className:t.cn(p,`min-w-[140px] p-2`,h===`table`&&`text-xxs leading-4`,f),children:v})]})};s.displayName=`ActionMenu`;var c=i.default.forwardRef(({onClick:e,href:n,prefetch:i,disabled:o=!1,icon:s,label:c,variant:l=`secondary`,className:u=``,children:d,density:f=`default`},p)=>{let m=n&&!o,h=m?e=>(0,a.jsx)(`a`,{...e,href:n,className:t.cn(e.className)}):void 0;return d?m?(0,a.jsx)(r.s,{href:n,onClick:e,render:h,className:t.cn(`text-xs px-2 py-1.5 gap-1.5`,f===`table`&&`text-inherit leading-4`,u),children:d}):(0,a.jsx)(r.a,{ref:p,disabled:o,onClick:e,className:t.cn(`text-xs px-2 py-1.5 gap-1.5`,f===`table`&&`text-inherit leading-4`,u),children:d}):m?(0,a.jsxs)(r.s,{href:n,variant:l===`error`?`destructive`:`default`,onClick:e,render:h,className:t.cn(`text-xs px-2 py-1.5 gap-1.5`,f===`table`&&`leading-4`,u),children:[!!s&&(0,a.jsx)(s,{className:`h-3.5 w-3.5`}),c]}):(0,a.jsxs)(r.a,{ref:p,disabled:o,variant:l===`error`?`destructive`:`default`,onClick:e,className:t.cn(`text-xs px-2 py-1.5 gap-1.5`,f===`table`&&`leading-4`,u),children:[!!s&&(0,a.jsx)(s,{className:`h-3.5 w-3.5`}),c]})});c.displayName=`MenuAction`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=action-menu-eVP8GGlv.cjs.map

package/dist/_shared/action-menu-eVP8GGlv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-eVP8GGlv.cjs","names":[],"sources":["../../src/components/base/navigation/action-menu.tsx"],"sourcesContent":["/**\n * ActionMenu — dropdown trigger + grouped menu items. Use `MenuAction`\n * children to define each menu entry; `variant=\"error\"` actions are\n * automatically grouped at the bottom for visual separation. Optional\n * `closeOnSelect` closes the menu after each selection. The `density=\"table\"`\n * variant tightens type and spacing for use inside DataTable rows.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { type ReactElement } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>>;\ntype ActionMenuDensity = 'default' | 'table';\n\nexport interface ActionMenuProps {\n\tlabel?: string;\n\ticon?: LucideIcon;\n\tsrText?: string;\n\tbuttonProps?: ActionMenuButtonProps;\n\talign?: 'center' | 'start' | 'end';\n\tchildren?: React.ReactNode;\n\tcontentClassName?: string;\n\twidth?: string;\n\tcloseOnSelect?: boolean;\n\tdensity?: ActionMenuDensity;\n}\n\nexport interface MenuActionProps {\n\tonClick?: () => void;\n\thref?: string;\n\tprefetch?: boolean;\n\tdisabled?: boolean;\n\ticon?: LucideIcon;\n\tlabel?: string;\n\tvariant?: 'primary' | 'secondary' | 'error';\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tdensity?: ActionMenuDensity;\n}\n\nexport const ActionMenu = ({\n\tlabel,\n\ticon: IconComponent = MoreVertical,\n\tsrText = 'Open menu',\n\tbuttonProps,\n\talign = 'center',\n\tchildren,\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = false,\n\tdensity = 'default',\n}: ActionMenuProps) => {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst processedChildren = React.useMemo(() => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\n\t\tconst clonedChildren = childrenArray.map((child) => {\n\t\t\tif (!React.isValidElement(child)) return child;\n\n\t\t\tconst childType = child.type as React.ComponentType & { displayName?: string };\n\t\t\tif (childType.displayName !== 'MenuAction') return child;\n\n\t\t\tconst menuActionChild = child as React.ReactElement<MenuActionProps>;\n\t\t\tconst onClick = menuActionChild.props.onClick;\n\n\t\t\treturn React.cloneElement(menuActionChild, {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tif (onClick) onClick();\n\t\t\t\t\tif (closeOnSelect) setOpen(false);\n\t\t\t\t},\n\t\t\t\tdensity: menuActionChild.props.density ?? density,\n\t\t\t});\n\t\t});\n\n\t\tconst standardActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant !== 'error';\n\t\t});\n\n\t\tconst destructiveActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant === 'error';\n\t\t});\n\n\t\treturn [...standardActions, ...destructiveActions];\n\t}, [children, closeOnSelect, density]);\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\tvariant: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: 'icon',\n\t\tclassName: 'h-8 w-8 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\tvariant = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'icon',\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t<IconComponent className=\"h-4 w-4 mr-2\" />\n\t\t\t{label}\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t<IconComponent className=\"h-4 w-4\" />\n\t\t\t<span className=\"sr-only\">{srText}</span>\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={(dropdownTriggerProps) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\ttriggerClassName,\n\n\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-[140px] p-2',\n\t\t\t\t\tdensity === 'table' && 'text-xxs leading-4',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{processedChildren}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const MenuAction = React.forwardRef<HTMLDivElement, MenuActionProps>(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\thref,\n\t\t\tprefetch,\n\t\t\tdisabled = false,\n\t\t\ticon: IconComponent,\n\t\t\tlabel,\n\t\t\tvariant = 'secondary',\n\t\t\tclassName = '',\n\t\t\tchildren,\n\t\t\tdensity = 'default',\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst renderLink = href && !disabled;\n\t\tvoid prefetch;\n\t\tconst linkRenderer = renderLink\n\t\t\t? (renderProps: React.ComponentPropsWithoutRef<'a'>) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\t{...renderProps}\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tclassName={cn(renderProps.className)}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t: undefined;\n\n\t\tif (children) {\n\t\t\tif (renderLink) {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-4',\n\t\t\t\t\t\t\tclassName,\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</DropdownMenuLinkItem>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-4',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuItem>\n\t\t\t);\n\t\t}\n\n\t\tif (renderLink) {\n\t\t\treturn (\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\thref={href}\n\t\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\t\tdensity === 'table' && 'leading-4',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!!IconComponent && <IconComponent className=\"h-3.5 w-3.5\" />}\n\t\t\t\t\t{label}\n\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\tonClick={onClick}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'text-xs px-2 py-1.5 gap-1.5',\n\t\t\t\t\tdensity === 'table' && 'leading-4',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!IconComponent && <IconComponent className=\"h-3.5 w-3.5\" />}\n\t\t\t\t{label}\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t},\n);\n\nMenuAction.displayName = 'MenuAction';\n"],"mappings":"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"}