@arolariu/components 0.4.2 → 1.0.0

package/dist/components/ui/menubar.js

@@ -1,134 +1,233 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-menubar";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+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";
-function MenubarMenu({ ...props }) {
-    return /*#__PURE__*/ jsx(Menu, {
-        ...props
+import menubar_module from "./menubar.module.js";
+const MenubarMenu = Menu.Root;
+const MenubarGroup = Menu.Group;
+const MenubarPortal = Menu.Portal;
+const MenubarRadioGroup = Menu.RadioGroup;
+const MenubarSub = Menu.SubmenuRoot;
+function menubar_Menubar(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menubar, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.root, className)
+            }, {})
+        }),
+        children: children
     });
 }
-function MenubarGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        ...props
-    });
-}
-function MenubarPortal({ ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        ...props
-    });
-}
-function MenubarRadioGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(RadioGroup, {
-        ...props
-    });
-}
-function MenubarSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "menubar-sub",
-        ...props
-    });
-}
-const Menubar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        ref: ref,
-        className: cn("flex h-9 items-center space-x-1 rounded-md border border-neutral-200 bg-white p-1 shadow-sm dark:border-neutral-800 dark:bg-neutral-950", className),
-        ...props
-    }));
-Menubar.displayName = Root.displayName;
-const MenubarTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
-        ref: ref,
-        className: cn("flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium 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", className),
-        ...props
-    }));
-MenubarTrigger.displayName = Trigger.displayName;
-const MenubarSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+const MenubarTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.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: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.trigger, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+function MenubarSubTrigger(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.SubmenuTrigger, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.item, menubar_module.subTrigger, inset && menubar_module.inset, className)
+            }, {})
+        }),
         children: [
             children,
             /*#__PURE__*/ jsx(ChevronRight, {
-                className: "ml-auto h-4 w-4"
+                className: menubar_module.subTriggerIcon
             })
         ]
-    }));
-MenubarSubTrigger.displayName = SubTrigger.displayName;
-const MenubarSubContent = /*#__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-menubar-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
-    }));
-MenubarSubContent.displayName = SubContent.displayName;
-const MenubarContent = /*#__PURE__*/ forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
-            align: align,
+    });
+}
+function MenubarSubContent(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.Positioner, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            props: mergeProps({
+                className: menubar_module.positioner
+            }, {})
+        }),
+        children: /*#__PURE__*/ jsx(Menu.Popup, {
+            render: useRender({
+                defaultTagName: "div",
+                render: render,
+                props: mergeProps({
+                    className: cn(menubar_module.content, className)
+                }, {})
+            }),
+            children: children
+        })
+    });
+}
+const MenubarContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { alignOffset = -4, className, children, render, sideOffset = 8, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(MenubarPortal, {
+        children: /*#__PURE__*/ jsx(Menu.Positioner, {
             alignOffset: alignOffset,
             sideOffset: sideOffset,
-            className: cn("data-[state=open]:animate-in 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-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden 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
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "div",
+                props: mergeProps({
+                    className: menubar_module.positioner
+                }, {})
+            }),
+            children: /*#__PURE__*/ jsx(Menu.Popup, {
+                ref: ref,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(menubar_module.content, className)
+                    }, {})
+                }),
+                children: children
+            })
         })
-    }));
-MenubarContent.displayName = Content.displayName;
-const MenubarItem = /*#__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
-    }));
-MenubarItem.displayName = Item.displayName;
-const MenubarCheckboxItem = /*#__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,
+    });
+});
+function MenubarItem(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.Item, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.item, inset && menubar_module.inset, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function MenubarCheckboxItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.CheckboxItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.item, menubar_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: menubar_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(Menu.CheckboxItemIndicator, {
                     children: /*#__PURE__*/ jsx(Check, {
-                        className: "h-4 w-4"
+                        className: menubar_module.indicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-MenubarCheckboxItem.displayName = CheckboxItem.displayName;
-const MenubarRadioItem = /*#__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 MenubarRadioItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.RadioItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.item, menubar_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: menubar_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(Menu.RadioItemIndicator, {
                     children: /*#__PURE__*/ jsx(Circle, {
-                        className: "h-4 w-4 fill-current"
+                        className: menubar_module.radioIndicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-MenubarRadioItem.displayName = RadioItem.displayName;
-const MenubarLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
-        ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-        ...props
-    }));
-MenubarLabel.displayName = Label.displayName;
-const MenubarSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
-        ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800", className),
-        ...props
-    }));
-MenubarSeparator.displayName = Separator.displayName;
-const MenubarShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400", className),
-        ...props
     });
-MenubarShortcut.displayname = "MenubarShortcut";
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+}
+function MenubarLabel(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.GroupLabel, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.label, inset && menubar_module.inset, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function MenubarSeparator(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.Separator, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(menubar_module.separator, className)
+            }, {})
+        })
+    });
+}
+function MenubarShortcut(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(menubar_module.shortcut, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
+    });
+}
+MenubarMenu.displayName = "MenubarMenu";
+MenubarGroup.displayName = "MenubarGroup";
+MenubarPortal.displayName = "MenubarPortal";
+MenubarRadioGroup.displayName = "MenubarRadioGroup";
+MenubarSub.displayName = "MenubarSub";
+menubar_Menubar.displayName = "Menubar";
+MenubarTrigger.displayName = "MenubarTrigger";
+MenubarSubTrigger.displayName = "MenubarSubTrigger";
+MenubarSubContent.displayName = "MenubarSubContent";
+MenubarContent.displayName = "MenubarContent";
+MenubarItem.displayName = "MenubarItem";
+MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
+MenubarRadioItem.displayName = "MenubarRadioItem";
+MenubarLabel.displayName = "MenubarLabel";
+MenubarSeparator.displayName = "MenubarSeparator";
+MenubarShortcut.displayName = "MenubarShortcut";
+export { MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, menubar_Menubar as Menubar };
 
 //# sourceMappingURL=menubar.js.map

package/dist/components/ui/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/menubar.js","sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\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\nfunction MenubarMenu({...props}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\r\n  return <MenubarPrimitive.Menu {...props} />;\r\n}\r\n\r\nfunction MenubarGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\r\n  return <MenubarPrimitive.Group {...props} />;\r\n}\r\n\r\nfunction MenubarPortal({...props}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\r\n  return <MenubarPrimitive.Portal {...props} />;\r\n}\r\n\r\nfunction MenubarRadioGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\r\n  return <MenubarPrimitive.RadioGroup {...props} />;\r\n}\r\n\r\nfunction MenubarSub({...props}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\r\n  return (\r\n    <MenubarPrimitive.Sub\r\n      data-slot='menubar-sub'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nconst Menubar = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-9 items-center space-x-1 rounded-md border border-neutral-200 bg-white p-1 shadow-sm dark:border-neutral-800 dark:bg-neutral-950\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubar.displayName = MenubarPrimitive.Root.displayName;\r\n\r\nconst MenubarTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium 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      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\r\n\r\nconst MenubarSubTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, children, ...props}, ref) => (\r\n  <MenubarPrimitive.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  </MenubarPrimitive.SubTrigger>\r\n));\r\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\r\n\r\nconst MenubarSubContent = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.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-menubar-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\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\r\n\r\nconst MenubarContent = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\r\n>(({className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props}, ref) => (\r\n  <MenubarPrimitive.Portal>\r\n    <MenubarPrimitive.Content\r\n      ref={ref}\r\n      align={align}\r\n      alignOffset={alignOffset}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in 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-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden 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  </MenubarPrimitive.Portal>\r\n));\r\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\r\n\r\nconst MenubarItem = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <MenubarPrimitive.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\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\r\n\r\nconst MenubarCheckboxItem = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n  <MenubarPrimitive.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      <MenubarPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </MenubarPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </MenubarPrimitive.CheckboxItem>\r\n));\r\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\r\n\r\nconst MenubarRadioItem = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n  <MenubarPrimitive.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      <MenubarPrimitive.ItemIndicator>\r\n        <Circle className='h-4 w-4 fill-current' />\r\n      </MenubarPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </MenubarPrimitive.RadioItem>\r\n));\r\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\r\n\r\nconst MenubarLabel = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <MenubarPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\r\n\r\nconst MenubarSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof MenubarPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\r\n\r\nconst MenubarShortcut = ({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\nMenubarShortcut.displayname = \"MenubarShortcut\";\r\n\r\nexport {\r\n  Menubar,\r\n  MenubarCheckboxItem,\r\n  MenubarContent,\r\n  MenubarGroup,\r\n  MenubarItem,\r\n  MenubarLabel,\r\n  MenubarMenu,\r\n  MenubarPortal,\r\n  MenubarRadioGroup,\r\n  MenubarRadioItem,\r\n  MenubarSeparator,\r\n  MenubarShortcut,\r\n  MenubarSub,\r\n  MenubarSubContent,\r\n  MenubarSubTrigger,\r\n  MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","props","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","React","className","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}
+{"version":3,"file":"components/ui/menubar.js","sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {Menubar as BaseMenubar} from \"@base-ui/react/menubar\";\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 \"./menubar.module.css\";\r\n\r\ntype MenubarProps = Omit<React.ComponentPropsWithRef<typeof BaseMenubar>, \"className\"> & {className?: string};\r\ninterface MenubarTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarCheckboxItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarRadioItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.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\ninterface MenubarShortcutProps 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 * Renders the menubar menu.\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/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarMenu>Content</MenubarMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarMenu: typeof BaseMenu.Root & {displayName?: string} = BaseMenu.Root;\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarGroup>Content</MenubarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarGroup = BaseMenu.Group;\r\n/**\r\n * Provides the menubar 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/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarPortal>Content</MenubarPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the menubar 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/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioGroup>Content</MenubarRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the menubar 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/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSub>Content</MenubarSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Coordinates menubar state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Menubar>Content</Menubar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction Menubar(props: Readonly<Menubar.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenubar\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenubar>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarTrigger>Content</MenubarTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarTrigger = React.forwardRef<HTMLButtonElement, MenubarTrigger.Props>(\r\n  (props: Readonly<MenubarTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubTrigger>Content</MenubarSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubTrigger(props: Readonly<MenubarSubTrigger.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.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    </BaseMenu.SubmenuTrigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubContent>Content</MenubarSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubContent(props: Readonly<MenubarContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Positioner\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps({className: styles.positioner}, {}),\r\n      })}>\r\n      <BaseMenu.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      </BaseMenu.Popup>\r\n    </BaseMenu.Positioner>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarContent>Content</MenubarContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, MenubarContent.Props>(\r\n  (props: Readonly<MenubarContent.Props>, ref): React.ReactElement => {\r\n    const {alignOffset = -4, className, children, render, sideOffset = 8, ...otherProps} = props;\r\n\r\n    return (\r\n      <MenubarPortal>\r\n        <BaseMenu.Positioner\r\n          alignOffset={alignOffset}\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseMenu.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          </BaseMenu.Popup>\r\n        </BaseMenu.Positioner>\r\n      </MenubarPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarItem>Content</MenubarItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarItem(props: Readonly<MenubarItem.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Item\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, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarCheckboxItem>Content</MenubarCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarCheckboxItem(props: Readonly<MenubarCheckboxItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.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        <BaseMenu.CheckboxItemIndicator>\r\n          <Check className={styles.indicatorIcon} />\r\n        </BaseMenu.CheckboxItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.CheckboxItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioItem>Content</MenubarRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarRadioItem(props: Readonly<MenubarRadioItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.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        <BaseMenu.RadioItemIndicator>\r\n          <Circle className={styles.radioIndicatorIcon} />\r\n        </BaseMenu.RadioItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.RadioItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarLabel>Content</MenubarLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarLabel(props: Readonly<MenubarLabel.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.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    </BaseMenu.GroupLabel>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSeparator>Content</MenubarSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSeparator(props: Readonly<MenubarSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.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 menubar 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/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarShortcut>Content</MenubarShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarShortcut(props: Readonly<MenubarShortcut.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 Menubar {\r\n  export type Props = MenubarProps;\r\n  export type State = BaseMenubar.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarTrigger {\r\n  export type Props = MenubarTriggerProps;\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubTrigger {\r\n  export type Props = MenubarSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarItem {\r\n  export type Props = MenubarItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarCheckboxItem {\r\n  export type Props = MenubarCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarRadioItem {\r\n  export type Props = MenubarRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarLabel {\r\n  export type Props = MenubarLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSeparator {\r\n  export type Props = MenubarSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarShortcut {\r\n  export type Props = MenubarShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nMenubarMenu.displayName = \"MenubarMenu\";\r\nMenubarGroup.displayName = \"MenubarGroup\";\r\nMenubarPortal.displayName = \"MenubarPortal\";\r\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\r\nMenubarSub.displayName = \"MenubarSub\";\r\nMenubar.displayName = \"Menubar\";\r\nMenubarTrigger.displayName = \"MenubarTrigger\";\r\nMenubarSubTrigger.displayName = \"MenubarSubTrigger\";\r\nMenubarSubContent.displayName = \"MenubarSubContent\";\r\nMenubarContent.displayName = \"MenubarContent\";\r\nMenubarItem.displayName = \"MenubarItem\";\r\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\r\nMenubarRadioItem.displayName = \"MenubarRadioItem\";\r\nMenubarLabel.displayName = \"MenubarLabel\";\r\nMenubarSeparator.displayName = \"MenubarSeparator\";\r\nMenubarShortcut.displayName = \"MenubarShortcut\";\r\n\r\nexport {\r\n  Menubar,\r\n  MenubarCheckboxItem,\r\n  MenubarContent,\r\n  MenubarGroup,\r\n  MenubarItem,\r\n  MenubarLabel,\r\n  MenubarMenu,\r\n  MenubarPortal,\r\n  MenubarRadioGroup,\r\n  MenubarRadioItem,\r\n  MenubarSeparator,\r\n  MenubarShortcut,\r\n  MenubarSub,\r\n  MenubarSubContent,\r\n  MenubarSubTrigger,\r\n  MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","BaseMenu","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","props","className","children","render","otherProps","BaseMenubar","useRender","mergeProps","cn","styles","MenubarTrigger","React","ref","MenubarSubTrigger","inset","ChevronRight","MenubarSubContent","MenubarContent","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut","asChild","renderProp","undefined"],"mappings":"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"}

package/dist/components/ui/menubar.module.js

@@ -0,0 +1,21 @@
+import "./menubar_module.css";
+const menubar_module = {
+    root: "root-sKHH9O",
+    trigger: "trigger-Bkdu66",
+    positioner: "positioner-PEB5eR",
+    content: "content-vgvZl4",
+    item: "item-D6q3sh",
+    subTrigger: "subTrigger-IpgpOh",
+    subTriggerIcon: "subTriggerIcon-BOpgvg",
+    indicatorItem: "indicatorItem-KdURnE",
+    indicatorSlot: "indicatorSlot-vpuKpg",
+    indicatorIcon: "indicatorIcon-V6ms6d",
+    radioIndicatorIcon: "radioIndicatorIcon-eEAmpr",
+    label: "label-EHRsbG",
+    inset: "inset-nJgt5r",
+    separator: "separator-LN6Ggn",
+    shortcut: "shortcut-TJ0gcC"
+};
+export default menubar_module;
+
+//# sourceMappingURL=menubar.module.js.map

package/dist/components/ui/menubar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/menubar.module.js","sources":["../../../src/components/ui/menubar.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./menubar_module.css\"\nexport default {\"root\":\"root-sKHH9O\",\"trigger\":\"trigger-Bkdu66\",\"positioner\":\"positioner-PEB5eR\",\"content\":\"content-vgvZl4\",\"item\":\"item-D6q3sh\",\"subTrigger\":\"subTrigger-IpgpOh\",\"subTriggerIcon\":\"subTriggerIcon-BOpgvg\",\"indicatorItem\":\"indicatorItem-KdURnE\",\"indicatorSlot\":\"indicatorSlot-vpuKpg\",\"indicatorIcon\":\"indicatorIcon-V6ms6d\",\"radioIndicatorIcon\":\"radioIndicatorIcon-eEAmpr\",\"label\":\"label-EHRsbG\",\"inset\":\"inset-nJgt5r\",\"separator\":\"separator-LN6Ggn\",\"shortcut\":\"shortcut-TJ0gcC\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,MAAO;IAAc,SAAU;IAAiB,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/menubar_module.css

@@ -0,0 +1,145 @@
+.root-sKHH9O {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  gap: var(--ac-space-1);
+  min-height: var(--ac-size-default);
+  padding: var(--ac-space-1);
+  box-shadow: 0 1px 2px #0000000a;
+}
+
+.root-sKHH9O, .trigger-Bkdu66 {
+  align-items: center;
+  display: inline-flex;
+}
+
+.trigger-Bkdu66 {
+  border-radius: var(--ac-radius-sm);
+  color: var(--ac-foreground);
+  cursor: default;
+  font-size: var(--ac-text-sm);
+  min-height: calc(var(--ac-size-default) - var(--ac-space-1));
+  padding: 0 var(--ac-space-3);
+  background: none;
+  border: none;
+  outline: none;
+  justify-content: center;
+  font-weight: 500;
+}
+
+.trigger-Bkdu66:focus-visible, .trigger-Bkdu66[data-popup-open] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.positioner-PEB5eR {
+  z-index: 50;
+}
+
+.content-vgvZl4 {
+  background-color: var(--ac-popover);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-popover-foreground);
+  max-height: min(24rem,var(--available-height, 24rem));
+  min-width: 12rem;
+  padding: var(--ac-space-1);
+  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
+  overflow: hidden auto;
+  box-shadow: 0 16px 40px -16px #00000059;
+}
+
+.content-vgvZl4[data-ending-style], .content-vgvZl4[data-starting-style] {
+  opacity: 0;
+  transform: scale(.96);
+}
+
+.item-D6q3sh {
+  border-radius: var(--ac-radius-sm);
+  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;
+  position: relative;
+}
+
+.item-D6q3sh[data-highlighted] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.item-D6q3sh[data-disabled] {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.subTrigger-IpgpOh {
+  padding-right: var(--ac-space-3);
+}
+
+.subTrigger-IpgpOh[data-popup-open] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.subTriggerIcon-BOpgvg {
+  width: 1rem;
+  height: 1rem;
+  margin-left: auto;
+}
+
+.indicatorItem-KdURnE {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.indicatorSlot-vpuKpg {
+  height: 1rem;
+  left: var(--ac-space-2);
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  display: inline-flex;
+  position: absolute;
+}
+
+.indicatorIcon-V6ms6d, .radioIndicatorIcon-eEAmpr {
+  width: .875rem;
+  height: .875rem;
+}
+
+.radioIndicatorIcon-eEAmpr {
+  fill: currentColor;
+}
+
+.label-EHRsbG {
+  font-size: var(--ac-text-sm);
+  padding: var(--ac-space-1) var(--ac-space-2);
+  font-weight: 600;
+}
+
+.inset-nJgt5r {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.separator-LN6Ggn {
+  background-color: var(--ac-border);
+  height: 1px;
+  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);
+}
+
+.shortcut-TJ0gcC {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-xs);
+  letter-spacing: .08em;
+  margin-left: auto;
+}
+
+
+/*# sourceMappingURL=menubar_module.css.map */

package/dist/components/ui/menubar_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/menubar.module.css","webpack://./src/components/ui/menubar.module.css"],"names":[],"mappings":"AADA;ECEE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,sBAAsB;EACtB,kCAAkC;EAClC,0BAA0B;EAC1B,+BAA+B;AACjC;;AAEA;EACE,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,4DAA4D;EAC5D,4BAA4B;EAC5B,gBAAgB;EAChB,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,qDAAqD;EACrD,gBAAgB;EAChB,0BAA0B;EAC1B,qFAAqF;EACrF,qBAAqB;EACrB,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,kCAAkC;EAClC,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kCAAkC;EAClC,4CAA4C;EAC5C,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;EACb,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,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,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":[".root{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 1px 2px rgba(0,0,0,.04);gap:var(--ac-space-1);min-height:var(--ac-size-default);padding:var(--ac-space-1)}.root,.trigger{align-items:center;display:inline-flex}.trigger{background:transparent;border:none;border-radius:var(--ac-radius-sm);color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;justify-content:center;min-height:calc(var(--ac-size-default) - var(--ac-space-1));outline:none;padding:0 var(--ac-space-3)}.trigger:focus-visible,.trigger[data-popup-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.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:min(24rem,var(--available-height,24rem));min-width:12rem;overflow-x:hidden;overflow-y:auto;padding:var(--ac-space-1);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);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);position:relative;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{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{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}",".root {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  gap: var(--ac-space-1);\n  min-height: var(--ac-size-default);\n  padding: var(--ac-space-1);\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.root, .trigger {\n  align-items: center;\n  display: inline-flex;\n}\n\n.trigger {\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  min-height: calc(var(--ac-size-default) - var(--ac-space-1));\n  padding: 0 var(--ac-space-3);\n  background: none;\n  border: none;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n}\n\n.trigger:focus-visible, .trigger[data-popup-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.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: min(24rem,var(--available-height, 24rem));\n  min-width: 12rem;\n  padding: var(--ac-space-1);\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  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  position: relative;\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  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  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":""}