themelia-react-ui 2.0.5 → 3.0.0

package/dist/action-menu-D5343RwT.js

@@ -0,0 +1,286 @@
+"use client";
+import { C as e, f as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { c as i } from "./typography-C0dELqYV.js";
+import { n as a } from "./buttons-pZVgPTZn.js";
+import { t as o } from "./composition.recipes-COdiFhxB.js";
+import { i as s } from "./popover.recipes-BqkdvlZn.js";
+import { t as c } from "./collection-content-D7SoDlYd.js";
+import { a as l, d as u, g as d, i as f, n as p, o as m, r as ee, s as h, t as g } from "./dropdown-menu-B8hjvbkS.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(i, {
+		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-[0.2em]"
+	} : {
+		tone: e.tone,
+		buttonStyle: t
+	};
+}
+function M({ action: e, index: t, closeOnSelect: n, renderLink: i }) {
+	let a = D(e, t), o = e.closeOnSelect ?? n;
+	if (e.render) return /* @__PURE__ */ b("div", {
+		className: "action-menu--item",
+		children: e.render
+	}, a);
+	let s = O(e.icon), u = /* @__PURE__ */ b(c, {
+		label: e.label,
+		leading: s,
+		wrap: !0,
+		className: r("action-menu--item-content w-full", e.contentClassName),
+		leadingClassName: "action-menu--item-icon text-inherit",
+		labelClassName: "action-menu--item-label"
+	}), d = r("action-menu--item", e.className);
+	if (e.type === "checkbox") return /* @__PURE__ */ b(p, {
+		checked: !!e.checked,
+		disabled: e.disabled,
+		closeOnClick: o,
+		onCheckedChange: e.onCheckedChange,
+		className: d,
+		children: u
+	}, a);
+	if (e.href && !e.disabled) {
+		let t = e.href;
+		return /* @__PURE__ */ b(h, {
+			href: t,
+			variant: A(e.tone),
+			closeOnClick: o,
+			onClick: e.onClick,
+			render: i ? i({
+				href: t,
+				children: u,
+				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: d,
+			children: u
+		}, a);
+	}
+	return /* @__PURE__ */ b(l, {
+		disabled: e.disabled,
+		variant: A(e.tone),
+		closeOnClick: o,
+		onClick: e.onClick,
+		className: d,
+		children: u
+	}, a);
+}
+function N(e) {
+	let t = [], n = null;
+	return e.actions.forEach((i, a) => {
+		let o = i.group ?? null, s = o !== n;
+		t.length > 0 && s && t.push(/* @__PURE__ */ b(u, { className: i.groupClassName }, `sep-${n ?? "root"}-${o ?? "root"}-${a}`)), s && (n = o, typeof o == "string" && t.push(/* @__PURE__ */ b(m, {
+			className: r("normal-case", i.groupClassName),
+			children: o
+		}, `group-${o}-${a}`))), t.push(M({
+			...e,
+			action: i,
+			index: a
+		}));
+	}), t;
+}
+function P(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+var F = _.forwardRef(function({ actions: o, open: c, defaultOpen: l = !1, disabled: u, onOpenChange: p, finalFocus: m, label: h, icon: v = C.icon, srText: S, context: T = "inline", buttonProps: D, align: k = "end", side: A = "bottom", contentClassName: j = "", width: M = "w-auto", closeOnSelect: F = !0, density: I = "default", labelVisibility: L = "visible", preserveOrder: R = !1, renderLink: te, renderTrigger: ne, strings: re }, ie) {
+	let [z, B] = _.useState(l), V = c ?? z, { defaultScale: H } = t(), U = n(w, re), W = S ?? U.openMenuLabel, G = _.useMemo(() => E(o, R), [o, R]);
+	if (G.length === 0) return null;
+	let K = !!h && L === "visible", q = !!h && L === "responsive", J = C.context[T] ?? C.context.inline, Y = K ? D?.size ?? "sm" : e(D?.size, H), X = Y === "sm" ? "size-action-sm" : Y === "lg" ? "size-action-lg" : "size-action", Z = {
+		tone: J.tone,
+		buttonStyle: J.buttonStyle,
+		size: Y,
+		iconOnly: !K,
+		className: K ? void 0 : q ? `${X} p-0 sm:w-auto sm:gap-space-sm sm:px-control-sm` : r(`${X} p-0`, J.glyph)
+	}, { tone: Q = J.tone, buttonStyle: ae = J.buttonStyle, size: oe = Y, iconOnly: se = !K, className: ce, ...le } = {
+		...Z,
+		...D,
+		className: r(Z.className, D?.className)
+	}, ue = L === "hidden" ? "sr-only" : L === "responsive" ? "sr-only sm:not-sr-only" : void 0, $ = O(v), de = h ? /* @__PURE__ */ x(y, { children: [$, /* @__PURE__ */ b(i, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: r("whitespace-nowrap text-inherit", ue),
+		children: h
+	})] }) : /* @__PURE__ */ x(y, { children: [$, /* @__PURE__ */ b(i, {
+		tag: "span",
+		size: "inherit",
+		className: "sr-only",
+		children: W
+	})] });
+	return /* @__PURE__ */ x(g, {
+		open: V,
+		onOpenChange: (e, t) => {
+			p?.(e, t), c === void 0 && !t.isCanceled && B(e);
+		},
+		children: [/* @__PURE__ */ b(d, {
+			disabled: u ?? D?.disabled,
+			render: ne ?? ((e) => {
+				let { ref: t } = e, n = (e) => {
+					P(t, e), P(ie, e);
+				};
+				return /* @__PURE__ */ b(a, {
+					...le,
+					...e,
+					ref: n,
+					type: "button",
+					tone: Q,
+					buttonStyle: ae,
+					size: oe,
+					iconOnly: se,
+					"data-context": T,
+					className: r("action-menu--component", ce, e.className),
+					children: de
+				});
+			})
+		}), /* @__PURE__ */ b(ee, {
+			finalFocus: m,
+			density: I,
+			align: k,
+			side: A,
+			className: r("action-menu--content", M, s.menuMin, j),
+			children: /* @__PURE__ */ b(f, {
+				className: "action-menu--group",
+				children: N({
+					actions: G,
+					closeOnSelect: F,
+					renderLink: te
+				})
+			})
+		})]
+	});
+});
+F.displayName = "ActionMenu";
+var I = _.forwardRef(function({ actions: e, className: t, buttonClassName: n, size: i = "sm", renderLink: s }, c) {
+	let l = E(e, !0);
+	return l.length === 0 ? null : /* @__PURE__ */ b("div", {
+		ref: c,
+		className: r("action-buttons--component flex flex-wrap items-center", o.commands, t),
+		children: l.map((e, t) => {
+			let o = D(e, t);
+			if (e.render) return /* @__PURE__ */ b(_.Fragment, { children: e.render }, o);
+			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 && s) {
+				let t = e.href;
+				return /* @__PURE__ */ b(a, {
+					type: "button",
+					tone: l.tone,
+					buttonStyle: l.buttonStyle,
+					size: e.buttonSize ?? i,
+					nativeButton: !1,
+					className: r("action-buttons--item", l.className, n, e.className),
+					onClick: () => {
+						e.onClick?.();
+					},
+					render: (n) => s({
+						...n,
+						href: t,
+						children: n.children,
+						target: e.target,
+						rel: e.rel,
+						external: e.external,
+						disabled: e.disabled
+					}),
+					children: u
+				}, o);
+			}
+			return e.href && !e.disabled ? /* @__PURE__ */ b(a, {
+				href: e.href,
+				target: e.target,
+				rel: e.rel,
+				tone: l.tone,
+				buttonStyle: l.buttonStyle,
+				size: e.buttonSize ?? i,
+				className: r("action-buttons--item", l.className, n, e.className),
+				onClick: e.onClick,
+				children: u
+			}, o) : /* @__PURE__ */ b(a, {
+				type: "button",
+				tone: l.tone,
+				buttonStyle: l.buttonStyle,
+				size: e.buttonSize ?? i,
+				className: r("action-buttons--item", l.className, n, e.className),
+				disabled: !!e.disabled,
+				onClick: () => {
+					e.onClick?.();
+				},
+				children: u
+			}, o);
+		})
+	});
+});
+I.displayName = "ActionButtons";
+//#endregion
+export { F as n, w as r, I as t };
+
+//# sourceMappingURL=action-menu-D5343RwT.js.map

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

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