@alneas/appkit-react 0.2.0 → 0.3.0

package/dist/ui/components/ui/context-menu.js

@@ -2,132 +2,158 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
-import { CheckIcon as i, ChevronRightIcon as a } from "lucide-react";
-import { ContextMenu as o } from "@base-ui/react/context-menu";
+import "react";
+import { CheckIcon as r, ChevronRightIcon as i } from "lucide-react";
+import { ContextMenu as a } from "@base-ui/react/context-menu";
 //#region src/ui/components/ui/context-menu.tsx
-var s = (e) => /* @__PURE__ */ t(o.Root, {
+var o = (e) => /* @__PURE__ */ t(a.Root, {
 	"data-slot": "context-menu",
 	...e
 });
-s.displayName = "ContextMenu";
-var c = r.forwardRef(({ ...e }, n) => /* @__PURE__ */ t(o.Portal, {
-	ref: n,
-	"data-slot": "context-menu-portal",
-	...e
-}));
-c.displayName = "ContextMenuPortal";
-var l = r.forwardRef(({ className: n, children: r, ...i }, a) => /* @__PURE__ */ t(o.Trigger, {
-	ref: a,
-	"data-slot": "context-menu-trigger",
-	className: e("select-none", n),
-	...i,
-	children: r
-}));
-l.displayName = "ContextMenuTrigger";
-var u = r.forwardRef(({ className: n, align: r = "start", alignOffset: i = 4, side: a = "right", sideOffset: s = 0, ...c }, l) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(o.Positioner, {
-	className: "isolate z-50 outline-none",
-	align: r,
-	alignOffset: i,
-	side: a,
-	sideOffset: s,
-	children: /* @__PURE__ */ t(o.Popup, {
-		ref: l,
-		"data-slot": "context-menu-content",
-		className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none", n),
-		...c
-	})
-}) }));
-u.displayName = "ContextMenuContent";
-var d = r.forwardRef(({ ...e }, n) => /* @__PURE__ */ t(o.Group, {
-	ref: n,
-	"data-slot": "context-menu-group",
-	...e
-}));
-d.displayName = "ContextMenuGroup";
-var f = r.forwardRef(({ className: n, inset: r, ...i }, a) => /* @__PURE__ */ t(o.GroupLabel, {
-	ref: a,
-	"data-slot": "context-menu-label",
-	"data-inset": r,
-	className: e("text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8", n),
-	...i
-}));
-f.displayName = "ContextMenuLabel";
-var p = r.forwardRef(({ className: n, inset: r, variant: i = "default", ...a }, s) => /* @__PURE__ */ t(o.Item, {
-	ref: s,
-	"data-slot": "context-menu-item",
-	"data-inset": r,
-	"data-variant": i,
-	className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", n),
-	...a
-}));
-p.displayName = "ContextMenuItem";
-var m = (e) => /* @__PURE__ */ t(o.SubmenuRoot, {
+o.displayName = "ContextMenu";
+function s({ ref: e, ...n }) {
+	return /* @__PURE__ */ t(a.Portal, {
+		ref: e,
+		"data-slot": "context-menu-portal",
+		...n
+	});
+}
+s.displayName = "ContextMenuPortal";
+function c({ ref: n, className: r, children: i, ...o }) {
+	return /* @__PURE__ */ t(a.Trigger, {
+		ref: n,
+		"data-slot": "context-menu-trigger",
+		className: e("select-none", r),
+		...o,
+		children: i
+	});
+}
+c.displayName = "ContextMenuTrigger";
+function l({ ref: n, className: r, align: i = "start", alignOffset: o = 4, side: s = "right", sideOffset: c = 0, ...l }) {
+	return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(a.Positioner, {
+		className: "isolate z-50 outline-none",
+		align: i,
+		alignOffset: o,
+		side: s,
+		sideOffset: c,
+		children: /* @__PURE__ */ t(a.Popup, {
+			ref: n,
+			"data-slot": "context-menu-content",
+			className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none", r),
+			...l
+		})
+	}) });
+}
+l.displayName = "ContextMenuContent";
+function u({ ref: e, ...n }) {
+	return /* @__PURE__ */ t(a.Group, {
+		ref: e,
+		"data-slot": "context-menu-group",
+		...n
+	});
+}
+u.displayName = "ContextMenuGroup";
+function d({ ref: n, className: r, inset: i, ...o }) {
+	return /* @__PURE__ */ t(a.GroupLabel, {
+		ref: n,
+		"data-slot": "context-menu-label",
+		"data-inset": i,
+		className: e("text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8", r),
+		...o
+	});
+}
+d.displayName = "ContextMenuLabel";
+function f({ ref: n, className: r, inset: i, variant: o = "default", ...s }) {
+	return /* @__PURE__ */ t(a.Item, {
+		ref: n,
+		"data-slot": "context-menu-item",
+		"data-inset": i,
+		"data-variant": o,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
+		...s
+	});
+}
+f.displayName = "ContextMenuItem";
+var p = (e) => /* @__PURE__ */ t(a.SubmenuRoot, {
 	"data-slot": "context-menu-sub",
 	...e
 });
-m.displayName = "ContextMenuSub";
-var h = r.forwardRef(({ className: r, inset: i, children: s, ...c }, l) => /* @__PURE__ */ n(o.SubmenuTrigger, {
-	ref: l,
-	"data-slot": "context-menu-sub-trigger",
-	"data-inset": i,
-	className: e("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
-	...c,
-	children: [s, /* @__PURE__ */ t(a, { className: "ml-auto" })]
-}));
-h.displayName = "ContextMenuSubTrigger";
-var g = r.forwardRef(({ ...e }, n) => /* @__PURE__ */ t(u, {
-	ref: n,
-	"data-slot": "context-menu-sub-content",
-	className: "shadow-lg",
-	side: "right",
-	...e
-}));
-g.displayName = "ContextMenuSubContent";
-var _ = r.forwardRef(({ className: r, children: a, checked: s, ...c }, l) => /* @__PURE__ */ n(o.CheckboxItem, {
-	ref: l,
-	"data-slot": "context-menu-checkbox-item",
-	className: e("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
-	checked: s,
-	...c,
-	children: [/* @__PURE__ */ t("span", {
-		className: "absolute right-2 pointer-events-none",
-		children: /* @__PURE__ */ t(o.CheckboxItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
-	}), a]
-}));
-_.displayName = "ContextMenuCheckboxItem";
-var v = r.forwardRef(({ ...e }, n) => /* @__PURE__ */ t(o.RadioGroup, {
-	ref: n,
-	"data-slot": "context-menu-radio-group",
-	...e
-}));
-v.displayName = "ContextMenuRadioGroup";
-var y = r.forwardRef(({ className: r, children: a, ...s }, c) => /* @__PURE__ */ n(o.RadioItem, {
-	ref: c,
-	"data-slot": "context-menu-radio-item",
-	className: e("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
-	...s,
-	children: [/* @__PURE__ */ t("span", {
-		className: "absolute right-2 pointer-events-none",
-		children: /* @__PURE__ */ t(o.RadioItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
-	}), a]
-}));
-y.displayName = "ContextMenuRadioItem";
-var b = r.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t(o.Separator, {
-	ref: i,
-	"data-slot": "context-menu-separator",
-	className: e("bg-border -mx-1 my-1 h-px", n),
-	...r
-}));
-b.displayName = "ContextMenuSeparator";
-var x = r.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("span", {
-	ref: i,
-	"data-slot": "context-menu-shortcut",
-	className: e("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", n),
-	...r
-}));
-x.displayName = "ContextMenuShortcut";
+p.displayName = "ContextMenuSub";
+function m({ ref: r, className: o, inset: s, children: c, ...l }) {
+	return /* @__PURE__ */ n(a.SubmenuTrigger, {
+		ref: r,
+		"data-slot": "context-menu-sub-trigger",
+		"data-inset": s,
+		className: e("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", o),
+		...l,
+		children: [c, /* @__PURE__ */ t(i, { className: "ml-auto" })]
+	});
+}
+m.displayName = "ContextMenuSubTrigger";
+function h({ ref: e, ...n }) {
+	return /* @__PURE__ */ t(l, {
+		ref: e,
+		"data-slot": "context-menu-sub-content",
+		className: "shadow-lg",
+		side: "right",
+		...n
+	});
+}
+h.displayName = "ContextMenuSubContent";
+function g({ ref: i, className: o, children: s, checked: c, ...l }) {
+	return /* @__PURE__ */ n(a.CheckboxItem, {
+		ref: i,
+		"data-slot": "context-menu-checkbox-item",
+		className: e("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", o),
+		checked: c,
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ t(a.CheckboxItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), s]
+	});
+}
+g.displayName = "ContextMenuCheckboxItem";
+function _({ ref: e, ...n }) {
+	return /* @__PURE__ */ t(a.RadioGroup, {
+		ref: e,
+		"data-slot": "context-menu-radio-group",
+		...n
+	});
+}
+_.displayName = "ContextMenuRadioGroup";
+function v({ ref: i, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(a.RadioItem, {
+		ref: i,
+		"data-slot": "context-menu-radio-item",
+		className: e("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", o),
+		...c,
+		children: [/* @__PURE__ */ t("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ t(a.RadioItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), s]
+	});
+}
+v.displayName = "ContextMenuRadioItem";
+function y({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t(a.Separator, {
+		ref: n,
+		"data-slot": "context-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", r),
+		...i
+	});
+}
+y.displayName = "ContextMenuSeparator";
+function b({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("span", {
+		ref: n,
+		"data-slot": "context-menu-shortcut",
+		className: e("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", r),
+		...i
+	});
+}
+b.displayName = "ContextMenuShortcut";
 //#endregion
-export { s as ContextMenu, _ as ContextMenuCheckboxItem, u as ContextMenuContent, d as ContextMenuGroup, p as ContextMenuItem, f as ContextMenuLabel, c as ContextMenuPortal, v as ContextMenuRadioGroup, y as ContextMenuRadioItem, b as ContextMenuSeparator, x as ContextMenuShortcut, m as ContextMenuSub, g as ContextMenuSubContent, h as ContextMenuSubTrigger, l as ContextMenuTrigger };
+export { o as ContextMenu, g as ContextMenuCheckboxItem, l as ContextMenuContent, u as ContextMenuGroup, f as ContextMenuItem, d as ContextMenuLabel, s as ContextMenuPortal, _ as ContextMenuRadioGroup, v as ContextMenuRadioItem, y as ContextMenuSeparator, b as ContextMenuShortcut, p as ContextMenuSub, h as ContextMenuSubContent, m as ContextMenuSubTrigger, c as ContextMenuTrigger };
 
 //# sourceMappingURL=context-menu.js.map

package/dist/ui/components/ui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["ContextMenuPrimitive","React","React$1","ContextMenu$1","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","cn","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ChevronRightIcon","ContextMenuSubContent","ContextMenuCheckboxItem","CheckIcon","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuPortal = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Portal.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />\n  ),\n);\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  ContextMenuPrimitive.Trigger.Props\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    ref={ref}\n    data-slot='context-menu-trigger'\n    className={cn('select-none', className)}\n    {...props}\n  >\n    {children}\n  </ContextMenuPrimitive.Trigger>\n));\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.\n * @returns The rendered ContextMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 4, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuGroup = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Group.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />\n  ),\n);\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.GroupLabel.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='context-menu-label'\n    data-inset={inset}\n    className={cn(\n      'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered ContextMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Item.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n  }\n>(({ className, inset, variant = 'default', ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot='context-menu-item'\n    data-inset={inset}\n    data-variant={variant}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.SubmenuTrigger.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='context-menu-sub-trigger'\n    data-inset={inset}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className='ml-auto' />\n  </ContextMenuPrimitive.SubmenuTrigger>\n));\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ContextMenuContent>\n>(({ ...props }, ref) => (\n  <ContextMenuContent\n    ref={ref}\n    data-slot='context-menu-sub-content'\n    className='shadow-lg'\n    side='right'\n    {...props}\n  />\n));\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.CheckboxItem.Props\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot='context-menu-checkbox-item'\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className='absolute right-2 pointer-events-none'>\n      <ContextMenuPrimitive.CheckboxItemIndicator>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioGroup = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.RadioGroup.Props\n>(({ ...props }, ref) => (\n  <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n));\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.js","names":["ContextMenuPrimitive","ContextMenu$1","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","cn","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ChevronRightIcon","ContextMenuSubContent","ContextMenuCheckboxItem","CheckIcon","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuPortal({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>) {\n  return <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />;\n}\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Trigger.Props> &\n  React.RefAttributes<React.ComponentRef<typeof ContextMenuPrimitive.Trigger>>) {\n  return (\n    <ContextMenuPrimitive.Trigger\n      ref={ref}\n      data-slot='context-menu-trigger'\n      className={cn('select-none', className)}\n      {...props}\n    >\n      {children}\n    </ContextMenuPrimitive.Trigger>\n  );\n}\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.\n * @returns The rendered ContextMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = 4,\n  side = 'right',\n  sideOffset = 0,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  );\n}\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuGroup({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Group.Props> & React.RefAttributes<HTMLDivElement>) {\n  return <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />;\n}\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuLabel({\n  ref,\n  className,\n  inset,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.GroupLabel.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.GroupLabel\n      ref={ref}\n      data-slot='context-menu-label'\n      data-inset={inset}\n      className={cn(\n        'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered ContextMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuItem({\n  ref,\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.Item.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Item\n      ref={ref}\n      data-slot='context-menu-item'\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSubTrigger({\n  ref,\n  className,\n  inset,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.SubmenuTrigger.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={ref}\n      data-slot='context-menu-sub-trigger'\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className='ml-auto' />\n    </ContextMenuPrimitive.SubmenuTrigger>\n  );\n}\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSubContent({\n  ref,\n  ...props\n}: React.PropsWithoutRef<React.ComponentProps<typeof ContextMenuContent>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuContent\n      ref={ref}\n      data-slot='context-menu-sub-content'\n      className='shadow-lg'\n      side='right'\n      {...props}\n    />\n  );\n}\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuCheckboxItem({\n  ref,\n  className,\n  children,\n  checked,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.CheckboxItem.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='context-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuRadioGroup({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.RadioGroup.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n  );\n}\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuRadioItem({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.RadioItem.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSeparator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Separator.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuShortcut({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentProps<'span'>> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}

package/dist/ui/components/ui/dialog.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./button-components.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/dialog");function s({...e}){return(0,r.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({children:e,...t}){return(0,r.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...t,children:e})}function l({...e}){return(0,r.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,r.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}var d=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Dialog.Backdrop,{ref:i,"data-slot":`dialog-overlay`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50`,e),...n}));d.displayName=o.Dialog.Backdrop.displayName;var f=i.forwardRef(({className:e,children:i,testId:s,showCloseButton:c=!0,...u},f)=>(0,r.jsxs)(l,{children:[(0,r.jsx)(d,{}),(0,r.jsxs)(o.Dialog.Popup,{ref:f,"data-testid":s,"data-slot":`dialog-content`,className:t.cn(`bg-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none`,e),...u,children:[i,c&&(0,r.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,"data-testid":s?`${s}-close`:void 0,render:(0,r.jsx)(n.Button,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`}),children:[(0,r.jsx)(a.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]}));f.displayName=o.Dialog.Popup.displayName;var p=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,"data-slot":`dialog-header`,className:t.cn(`gap-2 flex flex-col`,e),...n}));p.displayName=`DialogHeader`;var m=i.forwardRef(({className:e,showCloseButton:i=!1,children:a,...s},c)=>(0,r.jsxs)(`div`,{ref:c,"data-slot":`dialog-footer`,className:t.cn(`bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...s,children:[a,i&&(0,r.jsx)(o.Dialog.Close,{render:(0,r.jsx)(n.Button,{variant:`outline`}),children:`Close`})]}));m.displayName=`DialogFooter`;var h=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Dialog.Title,{ref:i,"data-slot":`dialog-title`,className:t.cn(`text-sm leading-none font-medium`,e),...n}));h.displayName=o.Dialog.Title.displayName;var g=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Dialog.Description,{ref:i,"data-slot":`dialog-description`,className:t.cn(`text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3`,e),...n}));g.displayName=o.Dialog.Description.displayName,exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./button-components.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/dialog");function s({...e}){return(0,r.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({children:e,...t}){return(0,r.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...t,children:e})}function l({...e}){return(0,r.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,r.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({ref:e,className:n,...i}){return(0,r.jsx)(o.Dialog.Backdrop,{ref:e,"data-slot":`dialog-overlay`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50`,n),...i})}d.displayName=o.Dialog.Backdrop.displayName;function f({ref:e,className:i,children:s,testId:c,showCloseButton:u=!0,...f}){return(0,r.jsxs)(l,{children:[(0,r.jsx)(d,{}),(0,r.jsxs)(o.Dialog.Popup,{ref:e,"data-testid":c,"data-slot":`dialog-content`,className:t.cn(`bg-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none`,i),...f,children:[s,u&&(0,r.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,"data-testid":c?`${c}-close`:void 0,render:(0,r.jsx)(n.Button,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`}),children:[(0,r.jsx)(a.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}f.displayName=o.Dialog.Popup.displayName;function p({ref:e,className:n,...i}){return(0,r.jsx)(`div`,{ref:e,"data-slot":`dialog-header`,className:t.cn(`gap-2 flex flex-col`,n),...i})}p.displayName=`DialogHeader`;function m({ref:e,className:i,showCloseButton:a=!1,children:s,...c}){return(0,r.jsxs)(`div`,{ref:e,"data-slot":`dialog-footer`,className:t.cn(`bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,i),...c,children:[s,a&&(0,r.jsx)(o.Dialog.Close,{render:(0,r.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}m.displayName=`DialogFooter`;function h({ref:e,className:n,...i}){return(0,r.jsx)(o.Dialog.Title,{ref:e,"data-slot":`dialog-title`,className:t.cn(`text-sm leading-none font-medium`,n),...i})}h.displayName=o.Dialog.Title.displayName;function g({ref:e,className:n,...i}){return(0,r.jsx)(o.Dialog.Description,{ref:e,"data-slot":`dialog-description`,className:t.cn(`text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3`,n),...i})}g.displayName=o.Dialog.Description.displayName,exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;
 //# sourceMappingURL=dialog.cjs.map