themelia-react-ui 1.0.2 → 2.0.1

package/README.md

@@ -2,7 +2,7 @@
 
 A publishable React UI package built on Base UI and Tailwind, with shadcn-compatible themes and Themelia's public APIs. Routing, persistence, permissions and translations remain consumer-owned.
 
-Package: **`themelia-react-ui`** · current version: **`1.0.2`** · MIT licensed.
+Package: **`themelia-react-ui`** · current version: **`2.0.1`** · MIT licensed.
 The GitHub repository is `themelia-react-ui`; npm imports use `themelia-react-ui`.
 
 Consuming apps start with [consumer setup](#consumer-setup) and the packaged
@@ -15,7 +15,7 @@ Commerce blocks include `Receipt` and `ReceiptItems` from `themelia-react-ui/blo
 
 ## Development
 
-For repository development and verification, use Node 24.12+ within the Node 24 line, or Node 26, and npm. CI pins 24.12.0; local checks ran on 26.3.1. The package consumer engine contract remains `>=22.12.0`, separate from the verification toolchain:
+For repository development and verification, use Node 24.12+ within the Node 24 line, or Node 26, and npm. 24.12.0 is the minimum; local checks ran on 26.3.1. The package consumer engine contract remains `>=22.12.0`, separate from the verification toolchain:
 
 ```sh
 npm ci
@@ -64,7 +64,7 @@ export function Example() {
         <Card title="Account">
           <Stack gap="lg">
             <Input aria-label="Name" />
-            <Button onClick={() => {}}>Save</Button>
+            <Button tone="primary" onClick={() => {}}>Save</Button>
           </Stack>
         </Card>
       </ThemeScope>
@@ -75,6 +75,8 @@ export function Example() {
 
 `UIProvider` is isolated and mount-once; configuration resolves explicit prop → provider default → fallback. Use direct props for per-instance state. It supports formatting, money, dates, comments, typography, density, items, buttons, badges, cards, toasts and spinners. `ThemeScope` is a CSS inheritance host; portaled menus, tooltips and overlays stay inside the nearest scope. Explicit Base UI portal containers take precedence.
 
+The default primary is near-black, so status colors never compete with it. For the Themelia green brand, also import `themelia-react-ui/themes/green.css` after `style.css`. For your own brand, set `--primary` and `--primary-foreground` (light and `.dark`) at the root or a `ThemeScope`; `--primary-accent` follows `--primary`.
+
 Compiled `style.css` requires no source scanning and includes no global preflight. Your app supplies its reset. Load library CSS before app overrides. A Tailwind v4 application can additionally import `theme.css` after Tailwind to use the same mappings in its own classes; this editable file contains Tailwind directives and needs processing.
 
 React component chunks preserve `"use client"` boundaries for frameworks such as Next App Router. Pure utilities remain server-usable. Navigation uses native links, callbacks and render composition supplied by the consuming app.
@@ -93,7 +95,7 @@ The shipped stylesheet follows `prefers-reduced-motion` automatically for these
 | Base | `base/<family>` — controls, forms, buttons, cards, structure, navigation, menus, feedback, display, tables, uploads and specialist controls |
 | Layout | `layout`, `layout/<family>` — application shell, authentication, containers, page, settings, header, navigation, sidebar, workspace and hooks |
 | Blocks | `blocks/admin`, `ai`, `analytics`, `commerce`, `data-display`, `onboarding`, `timelines` (each prefixed `blocks/`) |
-| Features | `features/activities`, `ai-chat`, `async-preview`, `combobox`, `comments`, `data-view`, `email-composer`, `event-calendar`, `filters`, `global-search`, `kanban`, `map`, `media-library`, `mentions`, `overlays`, `products`, `resource`, `resource-assignment`, `rich-text-editor`, `schema-form`, `suggestions`, `sync`, `table`, `theme-tweaker` (each prefixed `features/`) |
+| Features | `features/activities`, `ai-chat`, `async-preview`, `combobox`, `comments`, `data-view`, `email-composer`, `event-calendar`, `filters`, `global-search`, `kanban`, `map`, `media-library`, `mentions`, `overlays`, `products`, `resource`, `resource-assignment`, `rich-text-editor`, `schema-form`, `suggestions`, `sync` (deprecated), `table`, `theme-tweaker` (each prefixed `features/`) |
 
 The complete machine-readable entry inventory is `scripts/entries.json`. Dialogs and confirmations use `ActionDialog`, `ActionDrawer`, `ConfirmDialog` and visibility/action hooks from `features/overlays`.
 
@@ -199,25 +201,41 @@ The default development URL opens the full component catalogue. The focused foun
 
 `Button` separates `tone` from `buttonStyle` (`solid`, `outline`, `ghost`); the catalogue shows their matrix, sizes and loading/disabled states. Icon-only controls may omit children when an accessible label or tooltip is supplied. Badges use compact typography and insets rather than inheriting action geometry.
 
-Use `titleSuffix` for card status, count and version badges. `headerStart` is full-width pre-title context, and `headerAction`/`actions` own controls. Card owns token-spaced title/suffix wrapping for all surface modes. Put card-level actions in `footerSlot` with `footerDivider`; reserve body actions for a specific content step. Card owns aligned card insets, frames and expand/collapse behavior; Use `Card surface="flat" padding="none"` for card-free content hierarchy. ChartCard exposes `titleSuffix` too. Use `headerPlacement="frame"` for a header above an inset body. SmartCard and ContentBlock remain deprecated migration adapters; new code uses Card.
+Use `titleSuffix` for card status, count and version badges. `headerStart` is full-width pre-title context, and `headerAction`/`actions` own controls. Card owns token-spaced title/suffix wrapping for all surface modes. Give a card one quick control in `headerAction`, a command list in `actions` (its More actions menu) and the commit action in `footerSlot`; spacing, not a divider, separates the footer. Reserve body actions for a specific content step. Card owns aligned card insets, frames and expand/collapse behavior; Use `Card surface="flat" padding="none"` for card-free content hierarchy. ChartCard exposes `titleSuffix` too. Use `headerPlacement="frame"` for a header above an inset body. SmartCard and ContentBlock remain deprecated migration adapters; new code uses Card.
 
 Application drawers use `ActionDrawer` and `useOverlayVisibility` from `themelia-react-ui/features/overlays`. Sheet is the structural foundation and remains available for lower-layer infrastructure and compatibility.
 
+Header commands are role-based: one `primaryAction` and ordered
+`secondaryActions` render as `[secondary…] [primary] [⋯]`, with overflow,
+destructive commands and narrow widths moved into the More actions menu that
+ends the row. Page, PageHeader, PageHeading, the resource shells,
+WorkspaceRecordHeader and SettingsShell share that row; keep `actions` for
+non-command controls. `header.tabs` puts a record's section tabs, with counts,
+under its header.
+
+Every overflow menu shares one `ActionMenu` trigger: the `⋯` glyph named "More
+actions", a quiet ghost square in rows and cards (`context="inline"`, the
+default) or an outline square beside outline commands (`context="commands"`),
+at the size of the controls beside it (`buttonProps.size`) or the provider
+scale. The menu comes after any primary command in its row, and destructive
+entries stay last.
 Page owns inline and block padding, defaulting to the large surface role;
 PageViewport owns scrolling and supplies no inset. Use `Page narrow` for a
 centered single resource; explicit `maxWidth` wins. Page headers use dense copy
-gaps. Ordinary cards retain default `md` padding; configure header/footer rules
-through UIProvider's `card.defaultHeaderDivider` and `card.defaultFooterDivider`.
+gaps. Ordinary cards retain default `md` padding and separate header, body and
+footer by spacing; `card.defaultHeaderDivider` and `card.defaultFooterDivider`
+remain for an app whose design calls for rules.
 AppSidebar offers pinned `slots.headerStart`/`headerEnd` around its workspace
 region, compact navigation and a separated footer. The
 [complete shell recipe](docs/consumer-skill/examples/app-layout.tsx) demonstrates
 public workspace/account controls and application-owned callbacks.
 
 Choose one ordinary card surface through `card.defaultSurface`; explicit per-card
-surfaces win. Use Card's `icon` slot for routine header icons and `headerPlacement`
-to choose inside/frame composition independently. Independent framed peers
-usually use `gap="xl"`, since outer rings consume a smaller DOM gap.
-MetadataList retains medium labels and normal primary values in both densities.
+surfaces win. Leave Card's `icon` slot for a glyph that carries state or a
+brand; titles name the subject. `headerPlacement` chooses inside/frame
+composition independently. Independent framed peers use `gap="2xl"`, matching
+Page and TwoColumnLayout's rhythm, since outer rings consume a smaller DOM gap.
+MetadataList (`themelia-react-ui/base/metadata-list`) keeps semibold labels and normal primary values in both densities.
 Dashboard KPIs use Metric/MetricGrid/MetricBar; quotas use the focused UsageCard
 owner. See [analytics selection](docs/consumer-skill/references/analytics.md) and
 the [resource page recipe](docs/consumer-skill/examples/detail.tsx).
@@ -271,9 +289,9 @@ purpose from its name or read every document before starting a screen.
 
 Maintainers run `npm run docs:sync-skill` after changes to exports, types, selection guidance, peers or tokens. `npm run check:skill` requires a fresh library build and rejects stale source-backed references, built declaration exports and broken reference links. `prepack` checks source-backed references without rebuilding; `prepublishOnly` builds fresh assets and verifies built guidance. `check:package` verifies the complete shipped skill, strictly compiles the basic recipes without optional peers and every recipe with its required peers, and executes installed shell/resource-page and workflow checks.
 
-Build portable consumer documentation with `npm run build` followed by `npm run build:docs`. The generated [static entry](dist-docs/index.html) links to `dist-docs/1.0.2/` for the current version. Each version preserves the complete skill and all declaration files, supports search with the same finder, and uses relative links under any hosting subdirectory. Serve the entire artifact over HTTP; it needs no external CDN. Run `npm run check:static-docs` to check generated asset paths. The future hosting destination remains pending.
+Build portable consumer documentation with `npm run build` followed by `npm run build:docs`. The generated [static entry](dist-docs/index.html) links to `dist-docs/2.0.1/` for the current version. Each version preserves the complete skill and all declaration files, supports search with the same finder, and uses relative links under any hosting subdirectory. Serve the entire artifact over HTTP; it needs no external CDN. Run `npm run check:static-docs` to check generated asset paths. The future hosting destination remains pending.
 
-`npm run check:agent` runs focused agent-consumption fixtures and built skill alignment. `npm run check:release` performs the real serial local build/package/browser/agent/static-documentation gate; it does not publish or deploy. See the [release guide](docs/releasing.md), [draft changelog](CHANGELOG.md) and [future GitHub Actions template](.github/workflows/ci.yml) for browser installation and explicit cold-cache handling. These commands verify locally; publication and deployment remain separate actions.
+`npm run check:agent` runs focused agent-consumption fixtures and built skill alignment. `npm run check:release` performs the real serial local build/package/browser/agent/static-documentation gate; it does not publish or deploy. `npm run check:quick` runs the everyday core (contract, lint, design lint, typecheck, unit tests, build). See the [release guide](docs/releasing.md) and [draft changelog](CHANGELOG.md). There is no hosted CI; every check runs locally, when you choose. These commands verify locally; publication and deployment remain separate actions.
 
 This package uses the [MIT license](LICENSE). Adapted shadcn/ui scaffolding retains its MIT attribution in [third-party notices](THIRD_PARTY_NOTICES.md). Package repository and issue metadata follow the configured Git remote. Repository-only links above describe checkout tooling; the complete consumer skill is shipped in the npm payload.
 

package/dist/accordion-B6a3vVgA.js

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

package/dist/accordion-B6a3vVgA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-B6a3vVgA.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","Accordion","React","PrimitiveAccordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","focusRecipes","motionRecipes","Stack","interactionRecipes","DisclosurePanelElement","IconBadge","React$1","Accordion$2","props","Accordion","cn","className","AccordionItem$1","AccordionTrigger$1","children","ChevronDownIcon","AccordionContent$1","panelProps","Accordion$1","AccordionItem","AccordionTrigger","isSimpleText","AccordionContent","ACCORDION_ROOT_VARIANT_CLASS","ACCORDION_ITEM_VARIANT_CLASS","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","defaultSmartAccordionStrings","SmartAccordion","forwardRef","stringsProp","strings","useStrings","hasIconColumn","iconStyle","items","item","contentPadding","triggerGridClass","onValueChange","next","variant","itemClassName","triggerClassName","SmartAccordionIcon","isSimpleContent","contentClassName","content","reserveSpace","icon"],"sources":["../src/components/ui/accordion.tsx","../src/components/base/accordion/accordion.tsx","../src/components/base/accordion/accordion-variants.ts","../src/components/base/accordion/accordion.strings.ts","../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"border-border accordion--component flex w-full flex-col border box-border overflow-hidden\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-border accordion-item--component border-b last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"accordion-header m-0\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\"accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border\", className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className={cn(\"accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180\", motionRecipes.chevron)} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  render,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\"accordion-content--component box-border text-foreground h-(--accordion-panel-height)\", motionRecipes.disclosure, className)}\n      {...props}\n      render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--accordion-panel-height\" />}\n    >\n      {children}\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n\n","/**\n * Accordion — tokenized base wrapper around the shadcn/Base UI primitive.\n *\n * The internal primitive intentionally keeps shadcn's roomy defaults. This\n * public layer calibrates them for admin surfaces: radius tokens, 12px row\n * insets, density-aware vertical rhythm, quiet hover/focus treatments, and\n * matching trigger/content columns. Consumers retain the complete compound\n * API and can override any treatment with `className`.\n */\nimport * as React from 'react';\n\nimport {\n\tAccordion as PrimitiveAccordion,\n\tAccordionContent as PrimitiveAccordionContent,\n\tAccordionItem as PrimitiveAccordionItem,\n\tAccordionTrigger as PrimitiveAccordionTrigger,\n} from '../../ui/accordion';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport type AccordionProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordion>;\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionItem>;\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionTrigger>;\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionContent>;\n\nconst Accordion = React.forwardRef<React.ElementRef<typeof PrimitiveAccordion>, AccordionProps>(\n\tfunction Accordion({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordion\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion--component rounded-radius border-border bg-card',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordion.displayName = 'Accordion';\n\nconst AccordionItem = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionItem>, AccordionItemProps>(\n\tfunction AccordionItem({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordionItem\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-item--component border-border',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionTrigger>, AccordionTriggerProps>(\n\tfunction AccordionTrigger({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionTrigger\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y',\n\t\t\t\t\t`text-start text-sm font-medium transition-colors ${interactionRecipes.rowHover} hover:no-underline`,\n\t\t\t\t\t// Inset: the shell clips its rounded corners, so an outer ring was cut off.\n\t\t\t\t\t`focus-visible:z-10 ${focusRecipes.inset}`,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionTrigger>\n\t\t);\n\t},\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionContent>, AccordionContentProps>(\n\tfunction AccordionContent({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-content--component px-row-x pb-space-lg text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"div\" size=\"inherit\" lineHeight=\"relaxed\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionContent>\n\t\t);\n\t},\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport {\n\tAccordion,\n\tAccordionItem,\n\tAccordionTrigger,\n\tAccordionContent,\n};\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any blocks surface that builds on `base/accordion` directly\n * (e.g. `blocks/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-space-lg px-row-x py-row-y` — density-driven,\n *   `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the base panel's `px-row-x`.\n *   Medallion and inline rows use shared media/spacing tokens, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nimport type { DisclosureSurface } from '../../../lib/component-vocabulary';\n\nexport type AccordionShellVariant = DisclosureSurface;\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'gap-space-md border-0 rounded-none bg-transparent overflow-visible',\n\tbordered: 'rounded-radius border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\n// The chevron and the revealed panel carry the open state; an open item is not\n// tinted into a box. Rounded items clip their trigger so its inset focus ring and\n// hover fill follow the item's corners.\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-radius overflow-hidden',\n\tbordered: 'bg-transparent not-last:border-b border-border',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent rounded-radius overflow-hidden',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * plus the shared row gap so body text aligns under the title at every\n * consumer density.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\t// Composed from root tokens so a scoped density/space boundary applies (the\n\t// `--spacing-*` aliases resolve once at :root inside arbitrary values).\n\twithMedallion: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--avatar)+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithInline: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--icon)*1.25+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithoutIcon: 'px-row-x pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — blocks-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '.';\n */\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconBadge } from '../display/icon-badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\n/**\n * Bounded accordion composition for repeated icon, title, description, badge,\n * and body sections. Use the compound Accordion parts when row structure or\n * per-item presentation differs.\n */\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'bordered',\n\ticonStyle = 'inline',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst hasIconColumn = iconStyle !== 'none' && items.some((item) => item.icon != null);\n\tconst contentPadding =\n\t\t!hasIconColumn\n\t\t\t? ACCORDION_CONTENT_PADDING.withoutIcon\n\t\t\t: iconStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: ACCORDION_CONTENT_PADDING.withInline;\n\tconst triggerGridClass = !hasIconColumn\n\t\t? 'grid-cols-[minmax(0,1fr)]'\n\t\t: 'grid-cols-[auto_minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tdata-variant={variant}\n\t\t\tdata-icon-style={iconStyle}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn('smart-accordion--item', ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn('smart-accordion--trigger', ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-space-lg', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon\n\t\t\t\t\t\t\t\ticonStyle={iconStyle}\n\t\t\t\t\t\t\t\ticon={item.icon}\n\t\t\t\t\t\t\t\treserveSpace={hasIconColumn}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"smart-accordion--heading flex-1\">\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs\">\n\t\t\t\t\t\t\t\t\t{isSimpleContent(item.title) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"smart-accordion--title min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.title}\n\t\t\t\t\t\t\t\t\t{item.badge != null && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"smart-accordion--badge inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\tisSimpleContent(item.description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className=\"smart-accordion--description min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.description\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'smart-accordion--content',\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isSimpleContent(item.content) ? (\n\t\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : item.content}\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction isSimpleContent(content: ReactNode): content is string | number | bigint {\n\treturn typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n}\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n\treserveSpace,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: ReactNode;\n\treserveSpace: boolean;\n}) {\n\tif (iconStyle === 'none' || !reserveSpace) return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'smart-accordion--icon inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon\"\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<IconBadge size=\"md\" tone=\"neutral\" shape=\"circle\" aria-hidden=\"true\" className=\"smart-accordion--icon self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}

package/dist/action-menu-TzCoSlwL.js

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