@arolariu/components 0.5.0 → 1.0.0

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

@@ -1,99 +1,221 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
+import { ContextMenu } from "@base-ui/react/context-menu";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { forwardRef } from "react";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const ContextMenu = Root;
-const ContextMenuTrigger = Trigger;
-const ContextMenuGroup = Group;
-const ContextMenuPortal = Portal;
-const ContextMenuSub = Sub;
-const ContextMenuRadioGroup = RadioGroup;
-const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+import context_menu_module from "./context-menu.module.js";
+function context_menu_ContextMenu(props) {
+    return /*#__PURE__*/ jsx(ContextMenu.Root, {
+        ...props
+    });
+}
+const ContextMenuGroup = ContextMenu.Group;
+const ContextMenuPortal = ContextMenu.Portal;
+const ContextMenuRadioGroup = ContextMenu.RadioGroup;
+const ContextMenuSub = ContextMenu.SubmenuRoot;
+const ContextMenuTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(ContextMenu.Trigger, {
         ref: ref,
-        className: cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50", inset && "pl-8", className),
-        ...props,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: renderProp,
+            props: mergeProps({
+                className
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
+});
+function ContextMenuSubTrigger(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(ContextMenu.SubmenuTrigger, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(context_menu_module.item, context_menu_module.subTrigger, inset && context_menu_module.inset, className)
+            }, {})
+        }),
         children: [
             children,
             /*#__PURE__*/ jsx(ChevronRight, {
-                className: "ml-auto h-4 w-4"
+                className: context_menu_module.subTriggerIcon
             })
         ]
-    }));
-ContextMenuSubTrigger.displayName = SubTrigger.displayName;
-const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
-        ref: ref,
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
-        ...props
-    }));
-ContextMenuSubContent.displayName = SubContent.displayName;
-const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
-            className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
-            ...props
+    });
+}
+function ContextMenuSubContent(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(ContextMenu.Positioner, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            props: mergeProps({
+                className: context_menu_module.positioner
+            }, {})
+        }),
+        children: /*#__PURE__*/ jsx(ContextMenu.Popup, {
+            render: useRender({
+                defaultTagName: "div",
+                render: render,
+                props: mergeProps({
+                    className: cn(context_menu_module.content, className)
+                }, {})
+            }),
+            children: children
         })
-    }));
-ContextMenuContent.displayName = Content.displayName;
-const ContextMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", inset && "pl-8", className),
-        ...props
-    }));
-ContextMenuItem.displayName = Item.displayName;
-const ContextMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
-        checked: checked,
-        ...props,
+    });
+}
+const ContextMenuContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(ContextMenuPortal, {
+        children: /*#__PURE__*/ jsx(ContextMenu.Positioner, {
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "div",
+                props: mergeProps({
+                    className: context_menu_module.positioner
+                }, {})
+            }),
+            children: /*#__PURE__*/ jsx(ContextMenu.Popup, {
+                ref: ref,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(context_menu_module.content, className)
+                    }, {})
+                }),
+                children: children
+            })
+        })
+    });
+});
+function ContextMenuItem(props) {
+    const { asChild = false, children, className, inset = false, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(ContextMenu.Item, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: renderProp,
+            props: mergeProps({
+                className: cn(context_menu_module.item, inset && context_menu_module.inset, className)
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
+}
+function ContextMenuCheckboxItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(ContextMenu.CheckboxItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(context_menu_module.item, context_menu_module.indicatorItem, className)
+            }, {})
+        }),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                className: context_menu_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(ContextMenu.CheckboxItemIndicator, {
                     children: /*#__PURE__*/ jsx(Check, {
-                        className: "h-4 w-4"
+                        className: context_menu_module.indicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-ContextMenuCheckboxItem.displayName = CheckboxItem.displayName;
-const ContextMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
-        ...props,
+    });
+}
+function ContextMenuRadioItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(ContextMenu.RadioItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(context_menu_module.item, context_menu_module.indicatorItem, className)
+            }, {})
+        }),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                className: context_menu_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(ContextMenu.RadioItemIndicator, {
                     children: /*#__PURE__*/ jsx(Circle, {
-                        className: "h-4 w-4 fill-current"
+                        className: context_menu_module.radioIndicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-ContextMenuRadioItem.displayName = RadioItem.displayName;
-const ContextMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
-        ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold text-neutral-950 dark:text-neutral-50", inset && "pl-8", className),
-        ...props
-    }));
-ContextMenuLabel.displayName = Label.displayName;
-const ContextMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
-        ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800", className),
-        ...props
-    }));
-ContextMenuSeparator.displayName = Separator.displayName;
-const ContextMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400", className),
-        ...props
     });
+}
+function ContextMenuLabel(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(ContextMenu.GroupLabel, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(context_menu_module.label, inset && context_menu_module.inset, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function ContextMenuSeparator(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(ContextMenu.Separator, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(context_menu_module.separator, className)
+            }, {})
+        })
+    });
+}
+function ContextMenuShortcut(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "span",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(context_menu_module.shortcut, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
+    });
+}
+context_menu_ContextMenu.displayName = "ContextMenu";
+ContextMenuGroup.displayName = "ContextMenuGroup";
+ContextMenuPortal.displayName = "ContextMenuPortal";
+ContextMenuRadioGroup.displayName = "ContextMenuRadioGroup";
+ContextMenuSub.displayName = "ContextMenuSub";
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+ContextMenuContent.displayName = "ContextMenuContent";
+ContextMenuItem.displayName = "ContextMenuItem";
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+ContextMenuLabel.displayName = "ContextMenuLabel";
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+export { ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, context_menu_ContextMenu as ContextMenu };
 
 //# sourceMappingURL=context-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/context-menu.js","sources":["../../../src/components/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ContextMenu = ContextMenuPrimitive.Root;\r\n\r\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\r\n\r\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\r\n\r\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\r\n\r\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\r\n\r\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\r\n\r\nconst ContextMenuSubTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, children, ...props}, ref) => (\r\n  <ContextMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <ChevronRight className='ml-auto h-4 w-4' />\r\n  </ContextMenuPrimitive.SubTrigger>\r\n));\r\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst ContextMenuSubContent = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n  <ContextMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\r\n\r\nconst ContextMenuContent = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <ContextMenuPrimitive.Portal>\r\n    <ContextMenuPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </ContextMenuPrimitive.Portal>\r\n));\r\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\r\n\r\nconst ContextMenuItem = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <ContextMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\r\n\r\nconst ContextMenuCheckboxItem = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n  <ContextMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.CheckboxItem>\r\n));\r\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst ContextMenuRadioItem = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n  <ContextMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <ContextMenuPrimitive.ItemIndicator>\r\n        <Circle className='h-4 w-4 fill-current' />\r\n      </ContextMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </ContextMenuPrimitive.RadioItem>\r\n));\r\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\r\n\r\nconst ContextMenuLabel = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <ContextMenuPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold text-neutral-950 dark:text-neutral-50\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\r\n\r\nconst ContextMenuSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <ContextMenuPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\r\n\r\nconst ContextMenuShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\"ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\r\n\r\nexport {\r\n  ContextMenu,\r\n  ContextMenuCheckboxItem,\r\n  ContextMenuContent,\r\n  ContextMenuGroup,\r\n  ContextMenuItem,\r\n  ContextMenuLabel,\r\n  ContextMenuPortal,\r\n  ContextMenuRadioGroup,\r\n  ContextMenuRadioItem,\r\n  ContextMenuSeparator,\r\n  ContextMenuShortcut,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuTrigger,\r\n};\r\n"],"names":["ContextMenu","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Circle","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"components/ui/context-menu.js","sources":["../../../src/components/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {ContextMenu as BaseContextMenu} from \"@base-ui/react/context-menu\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./context-menu.module.css\";\r\n\r\ninterface ContextMenuProps extends React.ComponentPropsWithRef<typeof BaseContextMenu.Root> {}\r\n\r\ninterface ContextMenuTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface ContextMenuSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.SubmenuTrigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\n\r\ninterface ContextMenuContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface ContextMenuItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.Item>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface ContextMenuCheckboxItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.CheckboxItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface ContextMenuRadioItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.RadioItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface ContextMenuLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.GroupLabel>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\n\r\ninterface ContextMenuSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseContextMenu.Separator>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface ContextMenuShortcutProps extends React.ComponentPropsWithRef<\"span\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Coordinates context menu state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenu>Content</ContextMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenu(props: Readonly<ContextMenu.Props>): React.ReactElement {\r\n  return <BaseContextMenu.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the context menu group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuGroup>Content</ContextMenuGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuGroup = BaseContextMenu.Group;\r\n/**\r\n * Provides the context menu portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuPortal>Content</ContextMenuPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuPortal = BaseContextMenu.Portal;\r\n/**\r\n * Coordinates the context menu radio group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuRadioGroup>Content</ContextMenuRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuRadioGroup = BaseContextMenu.RadioGroup;\r\n/**\r\n * Coordinates the context menu sub.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuSub>Content</ContextMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuSub: typeof BaseContextMenu.SubmenuRoot & {displayName?: string} = BaseContextMenu.SubmenuRoot;\r\n\r\n/**\r\n * Renders the context menu trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuTrigger>Content</ContextMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuTrigger = React.forwardRef<React.ComponentRef<typeof BaseContextMenu.Trigger>, ContextMenuTrigger.Props>(\r\n  (props: Readonly<ContextMenuTrigger.Props>, ref): React.ReactElement => {\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseContextMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseContextMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the context menu sub trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuSubTrigger>Content</ContextMenuSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuSubTrigger(props: Readonly<ContextMenuSubTrigger.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.SubmenuTrigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.subTrigger, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronRight className={styles.subTriggerIcon} />\r\n    </BaseContextMenu.SubmenuTrigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu sub content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuSubContent>Content</ContextMenuSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuSubContent(props: Readonly<ContextMenuContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.Positioner\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps({className: styles.positioner}, {}),\r\n      })}>\r\n      <BaseContextMenu.Popup\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.content, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseContextMenu.Popup>\r\n    </BaseContextMenu.Positioner>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuContent>Content</ContextMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nconst ContextMenuContent = React.forwardRef<React.ComponentRef<typeof BaseContextMenu.Popup>, ContextMenuContent.Props>(\r\n  (props: Readonly<ContextMenuContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <ContextMenuPortal>\r\n        <BaseContextMenu.Positioner\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseContextMenu.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.content, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BaseContextMenu.Popup>\r\n        </BaseContextMenu.Positioner>\r\n      </ContextMenuPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the context menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuItem>Content</ContextMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuItem(props: Readonly<ContextMenuItem.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return (\r\n    <BaseContextMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: renderProp as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {renderProp ? undefined : children}\r\n    </BaseContextMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu checkbox item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuCheckboxItem>Content</ContextMenuCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuCheckboxItem(props: Readonly<ContextMenuCheckboxItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.CheckboxItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseContextMenu.CheckboxItemIndicator>\r\n          <Check className={styles.indicatorIcon} />\r\n        </BaseContextMenu.CheckboxItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseContextMenu.CheckboxItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu radio item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuRadioItem>Content</ContextMenuRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuRadioItem(props: Readonly<ContextMenuRadioItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.RadioItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseContextMenu.RadioItemIndicator>\r\n          <Circle className={styles.radioIndicatorIcon} />\r\n        </BaseContextMenu.RadioItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseContextMenu.RadioItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu label.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuLabel>Content</ContextMenuLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuLabel(props: Readonly<ContextMenuLabel.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.GroupLabel\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseContextMenu.GroupLabel>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu separator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuSeparator>Content</ContextMenuSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuSeparator(props: Readonly<ContextMenuSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseContextMenu.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the context menu shortcut.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/context-menu | Base UI Context Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ContextMenuShortcut>Content</ContextMenuShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/context-menu | Base UI Documentation}\r\n */\r\nfunction ContextMenuShortcut(props: Readonly<ContextMenuShortcut.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"span\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.shortcut, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenu {\r\n  export type Props = ContextMenuProps;\r\n  export type State = BaseContextMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuTrigger {\r\n  export type Props = ContextMenuTriggerProps;\r\n  export type State = BaseContextMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuSubTrigger {\r\n  export type Props = ContextMenuSubTriggerProps;\r\n  export type State = BaseContextMenu.SubmenuTrigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuContent {\r\n  export type Props = ContextMenuContentProps;\r\n  export type State = BaseContextMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuSubContent {\r\n  export type Props = ContextMenuContentProps;\r\n  export type State = BaseContextMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuItem {\r\n  export type Props = ContextMenuItemProps;\r\n  export type State = BaseContextMenu.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuCheckboxItem {\r\n  export type Props = ContextMenuCheckboxItemProps;\r\n  export type State = BaseContextMenu.CheckboxItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuRadioItem {\r\n  export type Props = ContextMenuRadioItemProps;\r\n  export type State = BaseContextMenu.RadioItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuLabel {\r\n  export type Props = ContextMenuLabelProps;\r\n  export type State = BaseContextMenu.GroupLabel.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuSeparator {\r\n  export type Props = ContextMenuSeparatorProps;\r\n  export type State = BaseContextMenu.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ContextMenuShortcut {\r\n  export type Props = ContextMenuShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nContextMenu.displayName = \"ContextMenu\";\r\nContextMenuGroup.displayName = \"ContextMenuGroup\";\r\nContextMenuPortal.displayName = \"ContextMenuPortal\";\r\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\r\nContextMenuSub.displayName = \"ContextMenuSub\";\r\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\r\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\r\nContextMenuSubContent.displayName = \"ContextMenuSubContent\";\r\nContextMenuContent.displayName = \"ContextMenuContent\";\r\nContextMenuItem.displayName = \"ContextMenuItem\";\r\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\r\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\r\nContextMenuLabel.displayName = \"ContextMenuLabel\";\r\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\r\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\r\n\r\nexport {\r\n  ContextMenu,\r\n  ContextMenuCheckboxItem,\r\n  ContextMenuContent,\r\n  ContextMenuGroup,\r\n  ContextMenuItem,\r\n  ContextMenuLabel,\r\n  ContextMenuPortal,\r\n  ContextMenuRadioGroup,\r\n  ContextMenuRadioItem,\r\n  ContextMenuSeparator,\r\n  ContextMenuShortcut,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuTrigger,\r\n};\r\n"],"names":["ContextMenu","props","BaseContextMenu","ContextMenuGroup","ContextMenuPortal","ContextMenuRadioGroup","ContextMenuSub","ContextMenuTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","ContextMenuSubTrigger","inset","cn","styles","ChevronRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","ContextMenuCheckboxItem","Check","ContextMenuRadioItem","Circle","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import "./context-menu_module.css";
+const context_menu_module = {
+    positioner: "positioner-GLlaSA",
+    content: "content-WvhVkl",
+    item: "item-EeGYFT",
+    subTrigger: "subTrigger-wNjaS0",
+    subTriggerIcon: "subTriggerIcon-EgeexC",
+    indicatorItem: "indicatorItem-CYAe9M",
+    indicatorSlot: "indicatorSlot-H8tRoh",
+    indicatorIcon: "indicatorIcon-CenGUD",
+    radioIndicatorIcon: "radioIndicatorIcon-QRYuU_",
+    label: "label-Gga1Bo",
+    inset: "inset-ch0bTy",
+    separator: "separator-SNyihB",
+    shortcut: "shortcut-Cd0FUZ"
+};
+export default context_menu_module;
+
+//# sourceMappingURL=context-menu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/context-menu.module.js","sources":["../../../src/components/ui/context-menu.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./context-menu_module.css\"\nexport default {\"positioner\":\"positioner-GLlaSA\",\"content\":\"content-WvhVkl\",\"item\":\"item-EeGYFT\",\"subTrigger\":\"subTrigger-wNjaS0\",\"subTriggerIcon\":\"subTriggerIcon-EgeexC\",\"indicatorItem\":\"indicatorItem-CYAe9M\",\"indicatorSlot\":\"indicatorSlot-H8tRoh\",\"indicatorIcon\":\"indicatorIcon-CenGUD\",\"radioIndicatorIcon\":\"radioIndicatorIcon-QRYuU_\",\"label\":\"label-Gga1Bo\",\"inset\":\"inset-ch0bTy\",\"separator\":\"separator-SNyihB\",\"shortcut\":\"shortcut-Cd0FUZ\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,YAAa;IAAoB,SAAU;IAAiB,MAAO;IAAc,YAAa;IAAoB,gBAAiB;IAAwB,eAAgB;IAAuB,eAAgB;IAAuB,eAAgB;IAAuB,oBAAqB;IAA4B,OAAQ;IAAe,OAAQ;IAAe,WAAY;IAAmB,UAAW;AAAiB"}

package/dist/components/ui/context-menu_module.css

@@ -0,0 +1,114 @@
+.positioner-GLlaSA {
+  z-index: 50;
+}
+
+.content-WvhVkl {
+  background-color: var(--ac-popover);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-popover-foreground);
+  max-height: var(--available-height);
+  min-width: 12rem;
+  padding: var(--ac-space-1);
+  transform-origin: var(--transform-origin);
+  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
+  overflow: hidden auto;
+  box-shadow: 0 16px 40px -16px #00000059;
+}
+
+.content-WvhVkl[data-ending-style], .content-WvhVkl[data-starting-style] {
+  opacity: 0;
+  transform: scale(.96);
+}
+
+.item-EeGYFT {
+  border-radius: var(--ac-radius-sm);
+  color: inherit;
+  cursor: default;
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-2);
+  min-height: var(--ac-size-default);
+  padding: var(--ac-space-1) var(--ac-space-2);
+  -webkit-user-select: none;
+  user-select: none;
+  outline: none;
+  width: 100%;
+  display: flex;
+}
+
+.item-EeGYFT[data-highlighted] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.item-EeGYFT[data-disabled] {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.subTrigger-wNjaS0 {
+  padding-right: var(--ac-space-3);
+}
+
+.subTrigger-wNjaS0[data-popup-open] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.subTriggerIcon-EgeexC {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+  margin-left: auto;
+}
+
+.indicatorItem-CYAe9M {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.indicatorSlot-H8tRoh {
+  height: 1rem;
+  left: var(--ac-space-2);
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  display: inline-flex;
+  position: absolute;
+}
+
+.indicatorIcon-CenGUD, .radioIndicatorIcon-QRYuU_ {
+  width: .875rem;
+  height: .875rem;
+}
+
+.radioIndicatorIcon-QRYuU_ {
+  fill: currentColor;
+}
+
+.label-Gga1Bo {
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  padding: var(--ac-space-1) var(--ac-space-2);
+  font-weight: 600;
+}
+
+.inset-ch0bTy {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.separator-SNyihB {
+  background-color: var(--ac-border);
+  height: 1px;
+  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);
+}
+
+.shortcut-Cd0FUZ {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-xs);
+  letter-spacing: .08em;
+  margin-left: auto;
+}
+
+
+/*# sourceMappingURL=context-menu_module.css.map */

package/dist/components/ui/context-menu_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/context-menu.module.css","webpack://./src/components/ui/context-menu.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,mCAAmC;EACnC,gBAAgB;EAChB,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,qBAAqB;EACrB,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kCAAkC;EAClC,4CAA4C;EAC5C,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;EACb,WAAW;EACX,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,4CAA4C;EAC5C,gBAAgB;AAClB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,oDAAoD;AACtD;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,qBAAqB;EACrB,iBAAiB;AACnB","sourcesContent":[".positioner{z-index:50}.content{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);max-height:var(--available-height);min-width:12rem;overflow-x:hidden;overflow-y:auto;padding:var(--ac-space-1);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.content[data-ending-style],.content[data-starting-style]{opacity:0;transform:scale(.96)}.item{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:var(--ac-space-2);min-height:var(--ac-size-default);outline:none;padding:var(--ac-space-1) var(--ac-space-2);user-select:none;width:100%}.item[data-highlighted]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.item[data-disabled]{opacity:.5;pointer-events:none}.subTrigger{padding-right:var(--ac-space-3)}.subTrigger[data-popup-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.subTriggerIcon{flex-shrink:0;height:1rem;margin-left:auto;width:1rem}.indicatorItem{padding-left:calc(var(--ac-space-2) + 1.25rem)}.indicatorSlot{align-items:center;display:inline-flex;height:1rem;justify-content:center;left:var(--ac-space-2);position:absolute;width:1rem}.indicatorIcon,.radioIndicatorIcon{height:.875rem;width:.875rem}.radioIndicatorIcon{fill:currentcolor}.label{color:var(--ac-foreground);font-size:var(--ac-text-sm);font-weight:600;padding:var(--ac-space-1) var(--ac-space-2)}.inset{padding-left:calc(var(--ac-space-2) + 1.25rem)}.separator{background-color:var(--ac-border);height:1px;margin:var(--ac-space-1) calc(var(--ac-space-1)*-1)}.shortcut{color:var(--ac-muted-foreground);font-size:var(--ac-text-xs);letter-spacing:.08em;margin-left:auto}",".positioner {\n  z-index: 50;\n}\n\n.content {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  max-height: var(--available-height);\n  min-width: 12rem;\n  padding: var(--ac-space-1);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.content[data-ending-style], .content[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  width: 100%;\n  display: flex;\n}\n\n.item[data-highlighted] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.item[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.subTrigger {\n  padding-right: var(--ac-space-3);\n}\n\n.subTrigger[data-popup-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.subTriggerIcon {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n  margin-left: auto;\n}\n\n.indicatorItem {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.indicatorSlot {\n  height: 1rem;\n  left: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n  position: absolute;\n}\n\n.indicatorIcon, .radioIndicatorIcon {\n  width: .875rem;\n  height: .875rem;\n}\n\n.radioIndicatorIcon {\n  fill: currentColor;\n}\n\n.label {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  font-weight: 600;\n}\n\n.inset {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.separator {\n  background-color: var(--ac-border);\n  height: 1px;\n  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);\n}\n\n.shortcut {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-xs);\n  letter-spacing: .08em;\n  margin-left: auto;\n}\n"],"sourceRoot":""}

package/dist/components/ui/copy-button.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+/**
+ * Represents the configurable props for the {@link CopyButton} component.
+ *
+ * @remarks
+ * Extends native `<button>` attributes while reserving `children` for the internal icon
+ * swap and exposing a required clipboard value.
+ */
+interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /**
+     * The text value copied to the clipboard when the button is activated.
+     */
+    value: string;
+    /**
+     * Duration in milliseconds to show the success state before restoring the copy icon.
+     *
+     * @default 2000
+     */
+    timeout?: number;
+}
+/**
+ * A compact icon button that copies text to the clipboard.
+ *
+ * @remarks
+ * **Rendering Context**: Client component.
+ *
+ * Uses `navigator.clipboard.writeText` when available and swaps from a copy icon to a
+ * confirmation icon for a configurable duration after a successful copy. If clipboard
+ * access fails, the button remains interactive without throwing to the UI.
+ *
+ * @example
+ * ```tsx
+ * <CopyButton value="npm install @arolariu/components" />
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText | MDN Clipboard.writeText}
+ */
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { CopyButton };
+export type { CopyButtonProps };
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/ui/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/copy-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;GAMG;AACH,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,2FAkEf,CAAC;AAGF,OAAO,EAAC,UAAU,EAAC,CAAC;AACpB,YAAY,EAAC,eAAe,EAAC,CAAC"}

package/dist/components/ui/copy-button.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "../../lib/utilities.js";
+import copy_button_module from "./copy-button.module.js";
+const CopyButton = /*#__PURE__*/ forwardRef(({ value, timeout = 2000, className, onClick, disabled, ...props }, ref)=>{
+    const [copied, setCopied] = useState(false);
+    const timeoutRef = useRef(null);
+    useEffect(()=>()=>{
+            if (null !== timeoutRef.current) globalThis.clearTimeout(timeoutRef.current);
+        }, []);
+    const handleCopy = useCallback(async (event)=>{
+        onClick?.(event);
+        const { clipboard } = globalThis.navigator;
+        if (event.defaultPrevented || disabled || !clipboard?.writeText) return;
+        try {
+            await clipboard.writeText(value);
+            setCopied(true);
+            if (null !== timeoutRef.current) globalThis.clearTimeout(timeoutRef.current);
+            timeoutRef.current = globalThis.setTimeout(()=>{
+                setCopied(false);
+            }, timeout);
+        } catch  {}
+    }, [
+        disabled,
+        onClick,
+        timeout,
+        value
+    ]);
+    return /*#__PURE__*/ jsx("button", {
+        ref: ref,
+        type: "button",
+        "aria-label": copied ? "Copied" : "Copy to clipboard",
+        className: cn(copy_button_module.copyButton, className),
+        disabled: disabled,
+        onClick: handleCopy,
+        ...props,
+        children: copied ? /*#__PURE__*/ jsx(Check, {
+            "aria-hidden": "true",
+            className: copy_button_module.icon
+        }) : /*#__PURE__*/ jsx(Copy, {
+            "aria-hidden": "true",
+            className: copy_button_module.icon
+        })
+    });
+});
+CopyButton.displayName = "CopyButton";
+export { CopyButton };
+
+//# sourceMappingURL=copy-button.js.map