@arolariu/components 0.2.0 → 0.3.0

package/dist/components/ui/menubar.d.ts

@@ -1,27 +1,29 @@
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import * as React from "react";
-declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
 declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayname: string;
+};
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
 //# sourceMappingURL=menubar.d.ts.map

package/dist/components/ui/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAElF;AAED,iBAAS,YAAY,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtF;AAED,iBAAS,iBAAiB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,2CAE9F;AAED,iBAAS,UAAU,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG,CAAC,2CAOhF;AAED,QAAA,MAAM,OAAO,yJAYX,CAAC;AAGH,QAAA,MAAM,cAAc,sKAYlB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAcjB,CAAC;AAGH,QAAA,MAAM,iBAAiB,mKAYrB,CAAC;AAGH,QAAA,MAAM,cAAc,gKAiBlB,CAAC;AAGH,QAAA,MAAM,WAAW;YAGL,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,mBAAmB,qKAmBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB,kKAkBpB,CAAC;AAGH,QAAA,MAAM,YAAY;YAGN,OAAO;wCAQjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,kKASpB,CAAC;AAGH,QAAA,MAAM,eAAe;8BAA2B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOpF,CAAC;AAGF,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,CAAC"}

package/dist/components/ui/menubar.js

@@ -1,154 +1,134 @@
 "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 { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import "react";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Menubar({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "menubar",
-        className: cn("flex h-9 items-center gap-1 rounded-md border border-neutral-200 bg-white p-1 shadow-xs dark:border-neutral-800 dark:bg-neutral-950", className),
-        ...props
-    });
-}
 function MenubarMenu({ ...props }) {
     return /*#__PURE__*/ jsx(Menu, {
-        "data-slot": "menubar-menu",
         ...props
     });
 }
 function MenubarGroup({ ...props }) {
     return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "menubar-group",
         ...props
     });
 }
 function MenubarPortal({ ...props }) {
     return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "menubar-portal",
         ...props
     });
 }
 function MenubarRadioGroup({ ...props }) {
     return /*#__PURE__*/ jsx(RadioGroup, {
-        "data-slot": "menubar-radio-group",
         ...props
     });
 }
-function MenubarTrigger({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "menubar-trigger",
-        className: cn("flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden 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),
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "menubar-sub",
         ...props
     });
 }
-function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
-    return /*#__PURE__*/ jsx(MenubarPortal, {
+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, {
+        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,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRight, {
+                className: "ml-auto h-4 w-4"
+            })
+        ]
+    }));
+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, {
-            "data-slot": "menubar-content",
+            ref: ref,
             align: align,
             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),
+            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
         })
-    });
-}
-function MenubarItem({ className, inset, variant = "default", ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "menubar-item",
-        "data-inset": inset,
-        "data-variant": variant,
-        className: cn("data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 data-[variant=destructive]:focus:text-red-500 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:bg-red-500/20 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:data-[variant=destructive]:focus:text-red-900 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
+    }));
+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
-    });
-}
-function MenubarCheckboxItem({ className, children, checked, ...props }) {
-    return /*#__PURE__*/ jsxs(CheckboxItem, {
-        "data-slot": "menubar-checkbox-item",
-        className: cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    }));
+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,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
                     })
                 })
             }),
             children
         ]
-    });
-}
-function MenubarRadioItem({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(RadioItem, {
-        "data-slot": "menubar-radio-item",
-        className: cn("relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    }));
+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,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CircleIcon, {
-                        className: "size-2 fill-current"
+                    children: /*#__PURE__*/ jsx(Circle, {
+                        className: "h-4 w-4 fill-current"
                     })
                 })
             }),
             children
         ]
-    });
-}
-function MenubarLabel({ className, inset, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        "data-slot": "menubar-label",
-        "data-inset": inset,
-        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+    }));
+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
-    });
-}
-function MenubarSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        "data-slot": "menubar-separator",
-        className: cn("-mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800", className),
+    }));
+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
-    });
-}
-function MenubarShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        "data-slot": "menubar-shortcut",
+    }));
+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
     });
-}
-function MenubarSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "menubar-sub",
-        ...props
-    });
-}
-function MenubarSubTrigger({ className, inset, children, ...props }) {
-    return /*#__PURE__*/ jsxs(SubTrigger, {
-        "data-slot": "menubar-sub-trigger",
-        "data-inset": inset,
-        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-[inset]:pl-8 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,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronRightIcon, {
-                className: "ml-auto h-4 w-4"
-            })
-        ]
-    });
-}
-function MenubarSubContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(SubContent, {
-        "data-slot": "menubar-sub-content",
-        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
-    });
-}
+MenubarShortcut.displayname = "MenubarShortcut";
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 
 //# sourceMappingURL=menubar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\menubar.js","sources":["webpack://@arolariu/components/./src/components/ui/menubar.tsx"],"sourcesContent":["\r\n\r\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\r\nimport {CheckIcon, ChevronRightIcon, CircleIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Menubar({className, ...props}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\r\n  return (\r\n    <MenubarPrimitive.Root\r\n      data-slot='menubar'\r\n      className={cn(\r\n        \"flex h-9 items-center gap-1 rounded-md border border-neutral-200 bg-white p-1 shadow-xs dark:border-neutral-800 dark:bg-neutral-950\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarMenu({...props}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\r\n  return (\r\n    <MenubarPrimitive.Menu\r\n      data-slot='menubar-menu'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\r\n  return (\r\n    <MenubarPrimitive.Group\r\n      data-slot='menubar-group'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarPortal({...props}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\r\n  return (\r\n    <MenubarPrimitive.Portal\r\n      data-slot='menubar-portal'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarRadioGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\r\n  return (\r\n    <MenubarPrimitive.RadioGroup\r\n      data-slot='menubar-radio-group'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarTrigger({className, ...props}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\r\n  return (\r\n    <MenubarPrimitive.Trigger\r\n      data-slot='menubar-trigger'\r\n      className={cn(\r\n        \"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden 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\n}\r\n\r\nfunction MenubarContent({\r\n  className,\r\n  align = \"start\",\r\n  alignOffset = -4,\r\n  sideOffset = 8,\r\n  ...props\r\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\r\n  return (\r\n    <MenubarPortal>\r\n      <MenubarPrimitive.Content\r\n        data-slot='menubar-content'\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    </MenubarPortal>\r\n  );\r\n}\r\n\r\nfunction MenubarItem({\r\n  className,\r\n  inset,\r\n  variant = \"default\",\r\n  ...props\r\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\r\n  inset?: boolean;\r\n  variant?: \"default\" | \"destructive\";\r\n}) {\r\n  return (\r\n    <MenubarPrimitive.Item\r\n      data-slot='menubar-item'\r\n      data-inset={inset}\r\n      data-variant={variant}\r\n      className={cn(\r\n        \"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 data-[variant=destructive]:focus:text-red-500 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:bg-red-500/20 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:data-[variant=destructive]:focus:text-red-900 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarCheckboxItem({className, children, checked, ...props}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\r\n  return (\r\n    <MenubarPrimitive.CheckboxItem\r\n      data-slot='menubar-checkbox-item'\r\n      className={cn(\r\n        \"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className,\r\n      )}\r\n      checked={checked}\r\n      {...props}>\r\n      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>\r\n        <MenubarPrimitive.ItemIndicator>\r\n          <CheckIcon className='size-4' />\r\n        </MenubarPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </MenubarPrimitive.CheckboxItem>\r\n  );\r\n}\r\n\r\nfunction MenubarRadioItem({className, children, ...props}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\r\n  return (\r\n    <MenubarPrimitive.RadioItem\r\n      data-slot='menubar-radio-item'\r\n      className={cn(\r\n        \"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>\r\n        <MenubarPrimitive.ItemIndicator>\r\n          <CircleIcon className='size-2 fill-current' />\r\n        </MenubarPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </MenubarPrimitive.RadioItem>\r\n  );\r\n}\r\n\r\nfunction MenubarLabel({\r\n  className,\r\n  inset,\r\n  ...props\r\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\r\n  inset?: boolean;\r\n}) {\r\n  return (\r\n    <MenubarPrimitive.Label\r\n      data-slot='menubar-label'\r\n      data-inset={inset}\r\n      className={cn(\"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MenubarSeparator({className, ...props}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\r\n  return (\r\n    <MenubarPrimitive.Separator\r\n      data-slot='menubar-separator'\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\n}\r\n\r\nfunction MenubarShortcut({className, ...props}: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot='menubar-shortcut'\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\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\nfunction MenubarSubTrigger({\r\n  className,\r\n  inset,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\r\n  inset?: boolean;\r\n}) {\r\n  return (\r\n    <MenubarPrimitive.SubTrigger\r\n      data-slot='menubar-sub-trigger'\r\n      data-inset={inset}\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-[inset]:pl-8 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      {children}\r\n      <ChevronRightIcon className='ml-auto h-4 w-4' />\r\n    </MenubarPrimitive.SubTrigger>\r\n  );\r\n}\r\n\r\nfunction MenubarSubContent({className, ...props}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\r\n  return (\r\n    <MenubarPrimitive.SubContent\r\n      data-slot='menubar-sub-content'\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\n}\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":["Menubar","className","props","MenubarPrimitive","cn","MenubarMenu","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarTrigger","MenubarContent","align","alignOffset","sideOffset","MenubarItem","inset","variant","MenubarCheckboxItem","children","checked","CheckIcon","MenubarRadioItem","CircleIcon","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubTrigger","ChevronRightIcon","MenubarSubContent"],"mappings":"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"}
+{"version":3,"file":"components\\ui\\menubar.js","sources":["webpack://@arolariu/components/./src/components/ui/menubar.tsx"],"sourcesContent":["\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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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.ElementRef<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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"}

package/dist/components/ui/navigation-menu.d.ts

@@ -1,15 +1,13 @@
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as React from "react";
-declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-    viewport?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
 declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAWA;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3G;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3G;AAED,QAAA,MAAM,0BAA0B,wEAE/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAa3H;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAYjH;AAED,iBAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAanH;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3G;AAED,iBAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAYrH;AAED,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc,iKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,+KAStB,CAAC;AAGH,QAAA,MAAM,kBAAkB,uHAA+B,CAAC;AAExD,QAAA,MAAM,0BAA0B,wEAE/B,CAAC;AAEF,QAAA,MAAM,qBAAqB,oLAezB,CAAC;AAGH,QAAA,MAAM,qBAAqB,8KAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,2HAA+B,CAAC;AAExD,QAAA,MAAM,sBAAsB,+KAc1B,CAAC;AAGH,QAAA,MAAM,uBAAuB,gLAa3B,CAAC;AAGH,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}

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

@@ -2,84 +2,66 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
-import { ChevronDownIcon } from "lucide-react";
-import "react";
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function NavigationMenu({ className, children, viewport = true, ...props }) {
-    return /*#__PURE__*/ jsxs(Root, {
-        "data-slot": "navigation-menu",
-        "data-viewport": viewport,
-        className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+const NavigationMenu = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
         ...props,
         children: [
             children,
-            Boolean(viewport) && /*#__PURE__*/ jsx(NavigationMenuViewport, {})
+            /*#__PURE__*/ jsx(NavigationMenuViewport, {})
         ]
-    });
-}
-function NavigationMenuList({ className, ...props }) {
-    return /*#__PURE__*/ jsx(List, {
-        "data-slot": "navigation-menu-list",
-        className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    }));
+NavigationMenu.displayName = Root.displayName;
+const NavigationMenuList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+        ref: ref,
+        className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
         ...props
-    });
-}
-function NavigationMenuItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "navigation-menu-item",
-        className: cn("relative", className),
-        ...props
-    });
-}
-const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:text-neutral-900 data-[state=open]:focus:bg-neutral-100 data-[state=open]:bg-neutral-100/50 focus-visible:ring-neutral-950/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800/50 dark:focus-visible:ring-neutral-300/50");
-function NavigationMenuTrigger({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Trigger, {
-        "data-slot": "navigation-menu-trigger",
+    }));
+NavigationMenuList.displayName = List.displayName;
+const NavigationMenuItem = Item;
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800");
+const NavigationMenuTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className),
         ...props,
         children: [
             children,
-            /*#__PURE__*/ jsx(ChevronDownIcon, {
-                className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "",
+            /*#__PURE__*/ jsx(ChevronDown, {
+                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
         ]
-    });
-}
-function NavigationMenuContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        "data-slot": "navigation-menu-content",
-        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
+    }));
+NavigationMenuTrigger.displayName = Trigger.displayName;
+const NavigationMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto", className),
         ...props
-    });
-}
-function NavigationMenuViewport({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+    }));
+NavigationMenuContent.displayName = Content.displayName;
+const NavigationMenuLink = Link;
+const NavigationMenuViewport = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        className: cn("absolute top-full left-0 flex justify-center"),
         children: /*#__PURE__*/ jsx(Viewport, {
-            "data-slot": "navigation-menu-viewport",
             className: cn("origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
+            ref: ref,
             ...props
         })
-    });
-}
-function NavigationMenuLink({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Link, {
-        "data-slot": "navigation-menu-link",
-        className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 data-[active=true]:hover:bg-neutral-100 data-[active=true]:focus:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:focus-visible:ring-neutral-300/50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:focus:bg-neutral-800 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
-        ...props
-    });
-}
-function NavigationMenuIndicator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Indicator, {
-        "data-slot": "navigation-menu-indicator",
+    }));
+NavigationMenuViewport.displayName = Viewport.displayName;
+const NavigationMenuIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Indicator, {
+        ref: ref,
         className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
         ...props,
         children: /*#__PURE__*/ jsx("div", {
             className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800"
         })
-    });
-}
+    }));
+NavigationMenuIndicator.displayName = Indicator.displayName;
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 
 //# sourceMappingURL=navigation-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\navigation-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/navigation-menu.tsx"],"sourcesContent":["\r\n\r\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\r\nimport {cva} from \"class-variance-authority\";\r\nimport {ChevronDownIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction NavigationMenu({\r\n  className,\r\n  children,\r\n  viewport = true,\r\n  ...props\r\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\r\n  viewport?: boolean;\r\n}) {\r\n  return (\r\n    <NavigationMenuPrimitive.Root\r\n      data-slot='navigation-menu'\r\n      data-viewport={viewport}\r\n      className={cn(\"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\", className)}\r\n      {...props}>\r\n      {children}\r\n      {Boolean(viewport) && <NavigationMenuViewport />}\r\n    </NavigationMenuPrimitive.Root>\r\n  );\r\n}\r\n\r\nfunction NavigationMenuList({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\r\n  return (\r\n    <NavigationMenuPrimitive.List\r\n      data-slot='navigation-menu-list'\r\n      className={cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction NavigationMenuItem({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\r\n  return (\r\n    <NavigationMenuPrimitive.Item\r\n      data-slot='navigation-menu-item'\r\n      className={cn(\"relative\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nconst navigationMenuTriggerStyle = cva(\r\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:text-neutral-900 data-[state=open]:focus:bg-neutral-100 data-[state=open]:bg-neutral-100/50 focus-visible:ring-neutral-950/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800/50 dark:focus-visible:ring-neutral-300/50\",\r\n);\r\n\r\nfunction NavigationMenuTrigger({className, children, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\r\n  return (\r\n    <NavigationMenuPrimitive.Trigger\r\n      data-slot='navigation-menu-trigger'\r\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\r\n      {...props}>\r\n      {children}\r\n      <ChevronDownIcon\r\n        className='relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180'\r\n        aria-hidden='true'\r\n      />\r\n    </NavigationMenuPrimitive.Trigger>\r\n  );\r\n}\r\n\r\nfunction NavigationMenuContent({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\r\n  return (\r\n    <NavigationMenuPrimitive.Content\r\n      data-slot='navigation-menu-content'\r\n      className={cn(\r\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\r\n        \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction NavigationMenuViewport({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\r\n  return (\r\n    <div className={cn(\"absolute top-full left-0 isolate z-50 flex justify-center\")}>\r\n      <NavigationMenuPrimitive.Viewport\r\n        data-slot='navigation-menu-viewport'\r\n        className={cn(\r\n          \"origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction NavigationMenuLink({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\r\n  return (\r\n    <NavigationMenuPrimitive.Link\r\n      data-slot='navigation-menu-link'\r\n      className={cn(\r\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 data-[active=true]:hover:bg-neutral-100 data-[active=true]:focus:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:focus-visible:ring-neutral-300/50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:focus:bg-neutral-800 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction NavigationMenuIndicator({className, ...props}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\r\n  return (\r\n    <NavigationMenuPrimitive.Indicator\r\n      data-slot='navigation-menu-indicator'\r\n      className={cn(\r\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <div className='relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800' />\r\n    </NavigationMenuPrimitive.Indicator>\r\n  );\r\n}\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  navigationMenuTriggerStyle,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["NavigationMenu","className","children","viewport","props","NavigationMenuPrimitive","cn","Boolean","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,SAASA,eAAe,EACtBC,SAAS,EACTC,QAAQ,EACRC,WAAW,IAAI,EACf,GAAGC,OAGJ;IACC,OAAO,WAAP,GACE,KAACC,MAA4B;QAC3B,aAAU;QACV,iBAAeF;QACf,WAAWG,GAAG,oFAAoFL;QACjG,GAAGG,KAAK;;YACRF;YACAK,QAAQJ,aAAa,WAAbA,GAAa,IAACK,wBAAAA,CAAAA;;;AAG7B;AAEA,SAASC,mBAAmB,EAACR,SAAS,EAAE,GAAGG,OAAiE;IAC1G,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GAAG,iEAAiEL;QAC9E,GAAGG,KAAK;;AAGf;AAEA,SAASM,mBAAmB,EAACT,SAAS,EAAE,GAAGG,OAAiE;IAC1G,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GAAG,YAAYL;QACzB,GAAGG,KAAK;;AAGf;AAEA,MAAMO,6BAA6BC,IACjC;AAGF,SAASC,sBAAsB,EAACZ,SAAS,EAAEC,QAAQ,EAAE,GAAGE,OAAoE;IAC1H,OAAO,WAAP,GACE,KAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GAAGK,8BAA8B,SAASV;QACpD,GAAGG,KAAK;;YACRF;0BACD,IAACY,iBAAeA;gBACd,WAAU;gBACV,eAAY;;;;AAIpB;AAEA,SAASC,sBAAsB,EAACd,SAAS,EAAE,GAAGG,OAAoE;IAChH,OAAO,WAAP,GACE,IAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GACT,oWACA,6hCACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASI,uBAAuB,EAACP,SAAS,EAAE,GAAGG,OAAqE;IAClH,OAAO,WAAP,GACE,IAAC;QAAI,WAAWE,GAAG;kBACjB,kBAACD,UAAgC;YAC/B,aAAU;YACV,WAAWC,GACT,iaACAL;YAED,GAAGG,KAAK;;;AAIjB;AAEA,SAASY,mBAAmB,EAACf,SAAS,EAAE,GAAGG,OAAiE;IAC1G,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GACT,m1BACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASa,wBAAwB,EAAChB,SAAS,EAAE,GAAGG,OAAsE;IACpH,OAAO,WAAP,GACE,IAACC,WAAiC;QAChC,aAAU;QACV,WAAWC,GACT,gMACAL;QAED,GAAGG,KAAK;kBACT,kBAAC;YAAI,WAAU;;;AAGrB"}
+{"version":3,"file":"components\\ui\\navigation-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/navigation-menu.tsx"],"sourcesContent":["\r\n\r\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\r\nimport {cva} from \"class-variance-authority\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst NavigationMenu = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\r\n    {...props}>\r\n    {children}\r\n    <NavigationMenuViewport />\r\n  </NavigationMenuPrimitive.Root>\r\n));\r\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\r\n\r\nconst NavigationMenuList = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.List\r\n    ref={ref}\r\n    className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\r\n\r\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\r\n\r\nconst navigationMenuTriggerStyle = cva(\r\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800\",\r\n);\r\n\r\nconst NavigationMenuTrigger = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(navigationMenuTriggerStyle(), \"group\", className)}\r\n    {...props}>\r\n    {children}\r\n    {\"\"}\r\n    <ChevronDown\r\n      className='relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180'\r\n      aria-hidden='true'\r\n    />\r\n  </NavigationMenuPrimitive.Trigger>\r\n));\r\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\r\n\r\nconst NavigationMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\r\n\r\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\r\n\r\nconst NavigationMenuViewport = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\r\n>(({className, ...props}, ref) => (\r\n  <div className={cn(\"absolute top-full left-0 flex justify-center\")}>\r\n    <NavigationMenuPrimitive.Viewport\r\n      className={cn(\r\n        \"origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\r\n\r\nconst NavigationMenuIndicator = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Indicator\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <div className='relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800' />\r\n  </NavigationMenuPrimitive.Indicator>\r\n));\r\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  navigationMenuTriggerStyle,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["NavigationMenu","React","className","children","props","ref","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,MAAMA,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,mEAAmEL;QAChF,GAAGE,KAAK;;YACRD;0BACD,IAACK,wBAAAA,CAAAA;;;AAGLR,eAAe,WAAW,GAAGM,KAAAA,WAAwC;AAErE,MAAMG,qBAAqB,WAArBA,GAAqBR,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,qEAAqEL;QAClF,GAAGE,KAAK;;AAGbK,mBAAmB,WAAW,GAAGH,KAAAA,WAAwC;AAEzE,MAAMI,qBAAqBJ;AAE3B,MAAMK,6BAA6BC,IACjC;AAGF,MAAMC,wBAAwB,WAAxBA,GAAwBZ,WAG5B,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GAAGI,8BAA8B,SAAST;QACpD,GAAGE,KAAK;;YACRD;YACA;0BACD,IAACW,aAAWA;gBACV,WAAU;gBACV,eAAY;;;;AAIlBD,sBAAsB,WAAW,GAAGP,QAAAA,WAA2C;AAE/E,MAAMS,wBAAwB,WAAxBA,GAAwBd,WAG5B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GACT,yVACAL;QAED,GAAGE,KAAK;;AAGbW,sBAAsB,WAAW,GAAGT,QAAAA,WAA2C;AAE/E,MAAMU,qBAAqBV;AAE3B,MAAME,yBAAyB,WAAzBA,GAAyBP,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAAC;QAAI,WAAWE,GAAG;kBACjB,kBAACD,UAAgC;YAC/B,WAAWC,GACT,iaACAL;YAEF,KAAKG;YACJ,GAAGD,KAAK;;;AAIfI,uBAAuB,WAAW,GAAGF,SAAAA,WAA4C;AAEjF,MAAMW,0BAA0B,WAA1BA,GAA0BhB,WAG9B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,WAAiC;QAChC,KAAKD;QACL,WAAWE,GACT,gMACAL;QAED,GAAGE,KAAK;kBACT,kBAAC;YAAI,WAAU;;;AAGnBa,wBAAwB,WAAW,GAAGX,UAAAA,WAA6C"}