@alneas/appkit-react 0.2.0 → 0.3.0

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

@@ -2,139 +2,157 @@
 "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 { Menu as o } from "@base-ui/react/menu";
+import "react";
+import { CheckIcon as r, ChevronRightIcon as i } from "lucide-react";
+import { Menu as a } from "@base-ui/react/menu";
 //#region src/ui/components/ui/dropdown-menu.tsx
-function s({ ...e }) {
-	return /* @__PURE__ */ t(o.Root, {
+function o({ ...e }) {
+	return /* @__PURE__ */ t(a.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
-function c({ ...e }) {
-	return /* @__PURE__ */ t(o.Portal, {
+function s({ ...e }) {
+	return /* @__PURE__ */ t(a.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
-function l({ children: e, ...n }) {
-	return /* @__PURE__ */ t(o.Trigger, {
+function c({ children: e, ...n }) {
+	return /* @__PURE__ */ t(a.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...n,
 		children: e
 	});
 }
-var u = r.forwardRef(({ className: n, align: r = "start", alignOffset: i = 0, side: a = "bottom", sideOffset: s = 4, ...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": "dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden", n),
-		...c
-	})
-}) }));
-u.displayName = o.Popup.displayName;
-function d({ ...e }) {
-	return /* @__PURE__ */ t(o.Group, {
+function l({ ref: n, className: r, align: i = "start", alignOffset: o = 0, side: s = "bottom", sideOffset: c = 4, ...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": "dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden", r),
+			...l
+		})
+	}) });
+}
+l.displayName = a.Popup.displayName;
+function u({ ...e }) {
+	return /* @__PURE__ */ t(a.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
-var f = r.forwardRef(({ className: n, inset: r, ...i }, a) => /* @__PURE__ */ t(o.GroupLabel, {
-	ref: a,
-	"data-slot": "dropdown-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 = o.GroupLabel.displayName;
-var p = r.forwardRef(({ className: n, inset: r, variant: i = "default", children: a, ...s }, c) => /* @__PURE__ */ t(o.Item, {
-	ref: c,
-	"data-slot": "dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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),
-	...s,
-	children: a
-}));
-p.displayName = o.Item.displayName;
-function m({ ...e }) {
-	return /* @__PURE__ */ t(o.SubmenuRoot, {
+function d({ ref: n, className: r, inset: i, ...o }) {
+	return /* @__PURE__ */ t(a.GroupLabel, {
+		ref: n,
+		"data-slot": "dropdown-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 = a.GroupLabel.displayName;
+function f({ ref: n, className: r, inset: i, variant: o = "default", children: s, ...c }) {
+	return /* @__PURE__ */ t(a.Item, {
+		ref: n,
+		"data-slot": "dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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),
+		...c,
+		children: s
+	});
+}
+f.displayName = a.Item.displayName;
+function p({ ...e }) {
+	return /* @__PURE__ */ t(a.SubmenuRoot, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
-var h = r.forwardRef(({ className: r, inset: i, children: s, ...c }, l) => /* @__PURE__ */ n(o.SubmenuTrigger, {
-	ref: l,
-	"data-slot": "dropdown-menu-sub-trigger",
-	"data-inset": i,
-	className: e("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**: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 = o.SubmenuTrigger.displayName;
-var g = r.forwardRef(({ className: n, align: r = "start", alignOffset: i = -3, side: a = "right", sideOffset: o = 0, ...s }, c) => /* @__PURE__ */ t(u, {
-	ref: c,
-	"data-slot": "dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto", n),
-	align: r,
-	alignOffset: i,
-	side: a,
-	sideOffset: o,
-	...s
-}));
-g.displayName = "DropdownMenuSubContent";
-var _ = r.forwardRef(({ className: r, children: a, checked: s, ...c }, l) => /* @__PURE__ */ n(o.CheckboxItem, {
-	ref: l,
-	"data-slot": "dropdown-menu-checkbox-item",
-	className: e("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
-		"data-slot": "dropdown-menu-checkbox-item-indicator",
-		children: /* @__PURE__ */ t(o.CheckboxItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
-	}), a]
-}));
-_.displayName = o.CheckboxItem.displayName;
-function v({ ...e }) {
-	return /* @__PURE__ */ t(o.RadioGroup, {
+function m({ ref: r, className: o, inset: s, children: c, ...l }) {
+	return /* @__PURE__ */ n(a.SubmenuTrigger, {
+		ref: r,
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": s,
+		className: e("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**: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 = a.SubmenuTrigger.displayName;
+function h({ ref: n, className: r, align: i = "start", alignOffset: a = -3, side: o = "right", sideOffset: s = 0, ...c }) {
+	return /* @__PURE__ */ t(l, {
+		ref: n,
+		"data-slot": "dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto", r),
+		align: i,
+		alignOffset: a,
+		side: o,
+		sideOffset: s,
+		...c
+	});
+}
+h.displayName = "DropdownMenuSubContent";
+function g({ ref: i, className: o, children: s, checked: c, ...l }) {
+	return /* @__PURE__ */ n(a.CheckboxItem, {
+		ref: i,
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ t(a.CheckboxItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), s]
+	});
+}
+g.displayName = a.CheckboxItem.displayName;
+function _({ ...e }) {
+	return /* @__PURE__ */ t(a.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
-var y = r.forwardRef(({ className: r, children: a, ...s }, c) => /* @__PURE__ */ n(o.RadioItem, {
-	ref: c,
-	"data-slot": "dropdown-menu-radio-item",
-	className: e("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
-		"data-slot": "dropdown-menu-radio-item-indicator",
-		children: /* @__PURE__ */ t(o.RadioItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
-	}), a]
-}));
-y.displayName = o.RadioItem.displayName;
-var b = r.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t(o.Separator, {
-	ref: i,
-	"data-slot": "dropdown-menu-separator",
-	className: e("bg-border -mx-1 my-1 h-px", n),
-	...r
-}));
-b.displayName = o.Separator.displayName;
-var x = r.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("span", {
-	ref: i,
-	"data-slot": "dropdown-menu-shortcut",
-	className: e("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", n),
-	...r
-}));
-x.displayName = "DropdownMenuShortcut";
+function v({ ref: i, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(a.RadioItem, {
+		ref: i,
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ t(a.RadioItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
+		}), s]
+	});
+}
+v.displayName = a.RadioItem.displayName;
+function y({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t(a.Separator, {
+		ref: n,
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", r),
+		...i
+	});
+}
+y.displayName = a.Separator.displayName;
+function b({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("span", {
+		ref: n,
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", r),
+		...i
+	});
+}
+b.displayName = "DropdownMenuShortcut";
 //#endregion
-export { s as DropdownMenu, _ as DropdownMenuCheckboxItem, u as DropdownMenuContent, d as DropdownMenuGroup, p as DropdownMenuItem, f as DropdownMenuLabel, c as DropdownMenuPortal, v as DropdownMenuRadioGroup, y as DropdownMenuRadioItem, b as DropdownMenuSeparator, x as DropdownMenuShortcut, m as DropdownMenuSub, g as DropdownMenuSubContent, h as DropdownMenuSubTrigger, l as DropdownMenuTrigger };
+export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };
 
 //# sourceMappingURL=dropdown-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive","React","React$1","Menu$1","DropdownMenu","props","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","cn","className","DropdownMenuGroup","DropdownMenuLabel","inset","DropdownMenuItem","variant","DropdownMenuSub","DropdownMenuSubTrigger","children","ChevronRightIcon","DropdownMenuSubContent","DropdownMenuCheckboxItem","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut"],"sources":["../../../../src/ui/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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 DropdownMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot='dropdown-menu' {...props} />;\n}\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 DropdownMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot='dropdown-menu-portal' {...props} />;\n}\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 DropdownMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuTrigger({\n  children,\n  ...props\n}: MenuPrimitive.Trigger.Props) {\n  return (\n    <MenuPrimitive.Trigger\n      data-slot='dropdown-menu-trigger'\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\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=0, side='bottom', sideOffset=4.\n * @returns The rendered DropdownMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.Popup.Props &\n    Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          data-slot='dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  ),\n);\nDropdownMenuContent.displayName = MenuPrimitive.Popup.displayName;\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 DropdownMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot='dropdown-menu-group' {...props} />;\n}\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 DropdownMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.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  <MenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='dropdown-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));\nDropdownMenuLabel.displayName = MenuPrimitive.GroupLabel.displayName;\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 DropdownMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuItem = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.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', children, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    data-slot='dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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    {children}\n  </MenuPrimitive.Item>\n));\nDropdownMenuItem.displayName = MenuPrimitive.Item.displayName;\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 DropdownMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot='dropdown-menu-sub' {...props} />;\n}\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 DropdownMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.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  <MenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='dropdown-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 not-data-[variant=destructive]:focus:**: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  </MenuPrimitive.SubmenuTrigger>\n));\nDropdownMenuSubTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\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. Wrapper defaults: align='start', alignOffset=-3, side='right', sideOffset=0.\n * @returns The rendered DropdownMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuContent>\n>(\n  (\n    { className, align = 'start', alignOffset = -3, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <DropdownMenuContent\n      ref={ref}\n      data-slot='dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto',\n        className,\n      )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\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 DropdownMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='dropdown-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-checkbox-item-indicator'\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\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 DropdownMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return <MenuPrimitive.RadioGroup data-slot='dropdown-menu-radio-group' {...props} />;\n}\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 DropdownMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='dropdown-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-radio-item-indicator'\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\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 DropdownMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator\n      ref={ref}\n      data-slot='dropdown-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\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 DropdownMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nconst DropdownMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='dropdown-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive","Menu$1","DropdownMenu","props","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","cn","className","DropdownMenuGroup","DropdownMenuLabel","inset","DropdownMenuItem","variant","DropdownMenuSub","DropdownMenuSubTrigger","children","ChevronRightIcon","DropdownMenuSubContent","DropdownMenuCheckboxItem","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut"],"sources":["../../../../src/ui/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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 DropdownMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot='dropdown-menu' {...props} />;\n}\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 DropdownMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot='dropdown-menu-portal' {...props} />;\n}\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 DropdownMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuTrigger({\n  children,\n  ...props\n}: MenuPrimitive.Trigger.Props) {\n  return (\n    <MenuPrimitive.Trigger\n      data-slot='dropdown-menu-trigger'\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\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=0, side='bottom', sideOffset=4.\n * @returns The rendered DropdownMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.Popup.Props &\n    Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          data-slot='dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nDropdownMenuContent.displayName = MenuPrimitive.Popup.displayName;\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 DropdownMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot='dropdown-menu-group' {...props} />;\n}\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 DropdownMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuLabel({\n  ref,\n  className,\n  inset,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.GroupLabel\n      ref={ref}\n      data-slot='dropdown-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}\nDropdownMenuLabel.displayName = MenuPrimitive.GroupLabel.displayName;\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 DropdownMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuItem({\n  ref,\n  className,\n  inset,\n  variant = 'default',\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.Item\n      ref={ref}\n      data-slot='dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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      {children}\n    </MenuPrimitive.Item>\n  );\n}\nDropdownMenuItem.displayName = MenuPrimitive.Item.displayName;\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 DropdownMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot='dropdown-menu-sub' {...props} />;\n}\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 DropdownMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSubTrigger({\n  ref,\n  className,\n  inset,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      data-slot='dropdown-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 not-data-[variant=destructive]:focus:**: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    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nDropdownMenuSubTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\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. Wrapper defaults: align='start', alignOffset=-3, side='right', sideOffset=0.\n * @returns The rendered DropdownMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSubContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = -3,\n  side = 'right',\n  sideOffset = 0,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DropdownMenuContent>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <DropdownMenuContent\n      ref={ref}\n      data-slot='dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto',\n        className,\n      )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n}\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\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 DropdownMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuCheckboxItem({\n  ref,\n  className,\n  children,\n  checked,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.CheckboxItem.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='dropdown-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-checkbox-item-indicator'\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\nDropdownMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\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 DropdownMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return <MenuPrimitive.RadioGroup data-slot='dropdown-menu-radio-group' {...props} />;\n}\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 DropdownMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuRadioItem({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.RadioItem.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='dropdown-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-radio-item-indicator'\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\nDropdownMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\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 DropdownMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSeparator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.Separator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.Separator\n      ref={ref}\n      data-slot='dropdown-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\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 DropdownMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuShortcut({\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='dropdown-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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"}

package/dist/ui/components/ui/field.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("./separator.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("class-variance-authority"),o=require("@base-ui/react/field"),s=require("@base-ui/react/fieldset");function c({className:e,...n}){return(0,r.jsx)(s.Fieldset.Root,{"data-slot":`field-set`,className:t.cn(`gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col`,e),...n})}function l({className:e,variant:n=`legend`,...i}){return(0,r.jsx)(s.Fieldset.Legend,{"data-slot":`field-legend`,"data-variant":n,className:t.cn(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...i})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-group`,className:t.cn(`gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col`,e),...n})}var d=(0,a.cva)(`data-[invalid]:text-destructive gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col [&>*]:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px max-sm:flex-col max-sm:[&>*]:w-full max-sm:[&>[data-slot=field-label]]:w-full max-sm:[&>[data-slot=field-label]]:text-left`}},defaultVariants:{orientation:`vertical`}}),f=i.forwardRef(({className:e,orientation:n=`vertical`,...i},a)=>(0,r.jsx)(o.Field.Root,{ref:a,"data-slot":`field`,"data-orientation":n,className:t.cn(d({orientation:n}),e),...i}));f.displayName=`Field`;function p({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-content`,className:t.cn(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,e),...n})}var m=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Field.Label,{ref:i,"data-slot":`field-label`,className:t.cn(`has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,`data-[invalid]:text-destructive`,e),...n}));m.displayName=`FieldLabel`;function h({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-label`,className:t.cn(`gap-2 text-sm font-medium group-data-[disabled]/field:opacity-50 flex w-fit items-center leading-snug`,e),...n})}var g=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Field.Description,{ref:i,"data-slot":`field-description`,className:t.cn(`text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n}));g.displayName=`FieldDescription`;function _({children:e,className:i,...a}){return(0,r.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:t.cn(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,i),...a,children:[(0,r.jsx)(n.Separator,{className:`absolute inset-0 top-1/2`}),e&&(0,r.jsx)(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:e})]})}var v=i.forwardRef(({className:e,children:n,errors:a,...s},c)=>{let l=(0,i.useMemo)(()=>{if(n)return n;if(!a?.length)return null;let e=[...new Map(a.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,r.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,r.jsx)(`li`,{children:e.message},t))})},[n,a]);return l?(0,r.jsx)(o.Field.Error,{ref:c,"data-slot":`field-error`,className:t.cn(`text-destructive text-sm font-normal`,e),...s,children:l}):null});v.displayName=`FieldError`;var y=o.Field.Validity,b=o.Field.Control;exports.Field=f,exports.FieldContent=p,exports.FieldControl=b,exports.FieldDescription=g,exports.FieldError=v,exports.FieldGroup=u,exports.FieldLabel=m,exports.FieldLegend=l,exports.FieldSeparator=_,exports.FieldSet=c,exports.FieldTitle=h,exports.FieldValidity=y;
+"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("./separator.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("class-variance-authority"),o=require("@base-ui/react/field"),s=require("@base-ui/react/fieldset");function c({className:e,...n}){return(0,r.jsx)(s.Fieldset.Root,{"data-slot":`field-set`,className:t.cn(`gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col`,e),...n})}function l({className:e,variant:n=`legend`,...i}){return(0,r.jsx)(s.Fieldset.Legend,{"data-slot":`field-legend`,"data-variant":n,className:t.cn(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...i})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-group`,className:t.cn(`gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col`,e),...n})}var d=(0,a.cva)(`data-[invalid]:text-destructive gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col [&>*]:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px max-sm:flex-col max-sm:[&>*]:w-full max-sm:[&>[data-slot=field-label]]:w-full max-sm:[&>[data-slot=field-label]]:text-left`}},defaultVariants:{orientation:`vertical`}});function f({ref:e,className:n,orientation:i=`vertical`,...a}){return(0,r.jsx)(o.Field.Root,{ref:e,"data-slot":`field`,"data-orientation":i,className:t.cn(d({orientation:i}),n),...a})}f.displayName=`Field`;function p({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-content`,className:t.cn(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,e),...n})}function m({ref:e,className:n,...i}){return(0,r.jsx)(o.Field.Label,{ref:e,"data-slot":`field-label`,className:t.cn(`has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,`data-[invalid]:text-destructive`,n),...i})}m.displayName=`FieldLabel`;function h({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-label`,className:t.cn(`gap-2 text-sm font-medium group-data-[disabled]/field:opacity-50 flex w-fit items-center leading-snug`,e),...n})}function g({ref:e,className:n,...i}){return(0,r.jsx)(o.Field.Description,{ref:e,"data-slot":`field-description`,className:t.cn(`text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,n),...i})}g.displayName=`FieldDescription`;function _({children:e,className:i,...a}){return(0,r.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:t.cn(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,i),...a,children:[(0,r.jsx)(n.Separator,{className:`absolute inset-0 top-1/2`}),e&&(0,r.jsx)(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:e})]})}function v({ref:e,className:n,children:a,errors:s,...c}){let l=(0,i.useMemo)(()=>{if(a)return a;if(!s?.length)return null;let e=[...new Map(s.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,r.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,r.jsx)(`li`,{children:e.message},t))})},[a,s]);return l?(0,r.jsx)(o.Field.Error,{ref:e,"data-slot":`field-error`,className:t.cn(`text-destructive text-sm font-normal`,n),...c,children:l}):null}v.displayName=`FieldError`;var y=o.Field.Validity,b=o.Field.Control;exports.Field=f,exports.FieldContent=p,exports.FieldControl=b,exports.FieldDescription=g,exports.FieldError=v,exports.FieldGroup=u,exports.FieldLabel=m,exports.FieldLegend=l,exports.FieldSeparator=_,exports.FieldSet=c,exports.FieldTitle=h,exports.FieldValidity=y;
 //# sourceMappingURL=field.cjs.map