@arolariu/components 0.1.2 → 0.2.0

package/dist/components/ui/menubar.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 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 { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function Menubar({ className, ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "menubar",
-        className: cn("bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800", className),
+        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
     });
 }
@@ -38,7 +38,7 @@ function MenubarRadioGroup({ ...props }) {
 function MenubarTrigger({ className, ...props }) {
     return /*#__PURE__*/ jsx(Trigger, {
         "data-slot": "menubar-trigger",
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none 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),
+        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),
         ...props
     });
 }
@@ -49,7 +49,7 @@ function MenubarContent({ className, align = "start", alignOffset = -4, sideOffs
             align: align,
             alignOffset: alignOffset,
             sideOffset: sideOffset,
-            className: cn("bg-white text-neutral-950 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 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", 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
         })
     });
@@ -59,14 +59,14 @@ function MenubarItem({ className, inset, variant = "default", ...props }) {
         "data-slot": "menubar-item",
         "data-inset": inset,
         "data-variant": variant,
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/20 data-[variant=destructive]:focus:text-red-500 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:text-red-900 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
+        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),
         ...props
     });
 }
 function MenubarCheckboxItem({ className, children, checked, ...props }) {
     return /*#__PURE__*/ jsxs(CheckboxItem, {
         "data-slot": "menubar-checkbox-item",
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
+        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),
         checked: checked,
         ...props,
         children: [
@@ -85,7 +85,7 @@ function MenubarCheckboxItem({ className, children, checked, ...props }) {
 function MenubarRadioItem({ className, children, ...props }) {
     return /*#__PURE__*/ jsxs(RadioItem, {
         "data-slot": "menubar-radio-item",
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
+        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),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
@@ -111,14 +111,14 @@ function MenubarLabel({ className, inset, ...props }) {
 function MenubarSeparator({ className, ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
         "data-slot": "menubar-separator",
-        className: cn("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", className),
+        className: cn("-mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800", className),
         ...props
     });
 }
 function MenubarShortcut({ className, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         "data-slot": "menubar-shortcut",
-        className: cn("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", className),
+        className: cn("ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400", className),
         ...props
     });
 }
@@ -132,7 +132,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
     return /*#__PURE__*/ jsxs(SubTrigger, {
         "data-slot": "menubar-sub-trigger",
         "data-inset": inset,
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8 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),
+        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,
@@ -145,7 +145,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
 function MenubarSubContent({ className, ...props }) {
     return /*#__PURE__*/ jsx(SubContent, {
         "data-slot": "menubar-sub-content",
-        className: cn("bg-white text-neutral-950 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 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+        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
     });
 }

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

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

@@ -1,15 +1,15 @@
-import * as React from "react";
 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 navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+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;
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+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,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAM3E,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,2CAeA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAe9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;AAED,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC3B,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,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"}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 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 { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function NavigationMenu({ className, children, viewport = true, ...props }) {
     return /*#__PURE__*/ jsxs(Root, {
         "data-slot": "navigation-menu",
@@ -13,7 +13,7 @@ function NavigationMenu({ className, children, viewport = true, ...props }) {
         ...props,
         children: [
             children,
-            viewport && /*#__PURE__*/ jsx(NavigationMenuViewport, {})
+            Boolean(viewport) && /*#__PURE__*/ jsx(NavigationMenuViewport, {})
         ]
     });
 }
@@ -39,7 +39,6 @@ function NavigationMenuTrigger({ className, children, ...props }) {
         ...props,
         children: [
             children,
-            "",
             /*#__PURE__*/ jsx(ChevronDownIcon, {
                 className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
@@ -59,7 +58,7 @@ function NavigationMenuViewport({ className, ...props }) {
         className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
         children: /*#__PURE__*/ jsx(Viewport, {
             "data-slot": "navigation-menu-viewport",
-            className: cn("origin-top-center bg-white text-neutral-950 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+            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),
             ...props
         })
     });
@@ -67,7 +66,7 @@ function NavigationMenuViewport({ className, ...props }) {
 function NavigationMenuLink({ className, ...props }) {
     return /*#__PURE__*/ jsx(Link, {
         "data-slot": "navigation-menu-link",
-        className: cn("data-[active=true]:focus:bg-neutral-100 data-[active=true]:hover:bg-neutral-100 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-neutral-950/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:data-[active=true]:focus:bg-neutral-800 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 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:[&_svg:not([class*='text-'])]:text-neutral-400", className),
+        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
     });
 }
@@ -77,7 +76,7 @@ function NavigationMenuIndicator({ className, ...props }) {
         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: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800"
+            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800"
         })
     });
 }

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":["\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\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\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}\n      {\"\"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\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\",\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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\",\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-white text-neutral-950 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"data-[active=true]:focus:bg-neutral-100 data-[active=true]:hover:bg-neutral-100 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-neutral-950/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:data-[active=true]:focus:bg-neutral-800 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 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:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\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\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","className","children","viewport","props","NavigationMenuPrimitive","cn","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,GACT,oFACAL;QAED,GAAGG,KAAK;;YAERF;YACAC,YAAY,WAAZA,GAAY,IAACI,wBAAAA,CAAAA;;;AAGpB;AAEA,SAASC,mBAAmB,EAC1BP,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GACT,iEACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASK,mBAAmB,EAC1BR,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GAAG,YAAYL;QACzB,GAAGG,KAAK;;AAGf;AAEA,MAAMM,6BAA6BC,IACjC;AAGF,SAASC,sBAAsB,EAC7BX,SAAS,EACTC,QAAQ,EACR,GAAGE,OAC0D;IAC7D,OAAO,WAAP,GACE,KAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GAAGI,8BAA8B,SAAST;QACpD,GAAGG,KAAK;;YAERF;YACA;0BACD,IAACW,iBAAeA;gBACd,WAAU;gBACV,eAAY;;;;AAIpB;AAEA,SAASC,sBAAsB,EAC7Bb,SAAS,EACT,GAAGG,OAC0D;IAC7D,OAAO,WAAP,GACE,IAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GACT,oWACA,6hCACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASG,uBAAuB,EAC9BN,SAAS,EACT,GAAGG,OAC2D;IAC9D,OAAO,WAAP,GACE,IAAC;QACC,WAAWE,GACT;kBAGF,kBAACD,UAAgC;YAC/B,aAAU;YACV,WAAWC,GACT,iaACAL;YAED,GAAGG,KAAK;;;AAIjB;AAEA,SAASW,mBAAmB,EAC1Bd,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GACT,m1BACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASY,wBAAwB,EAC/Bf,SAAS,EACT,GAAGG,OAC4D;IAC/D,OAAO,WAAP,GACE,IAACC,WAAiC;QAChC,aAAU;QACV,WAAWC,GACT,gMACAL;QAED,GAAGG,KAAK;kBAET,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 {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"}

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

@@ -6,9 +6,9 @@ declare function PaginationItem({ ...props }: React.ComponentProps<"li">): impor
 type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationLink({ className, isActive, size, children, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE5B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAG9D,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUrE;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ3E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAO7D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACjD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,mBAAmB,2CAiBpG;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAW7F;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAWzF;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW9E;AAED,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/ui/pagination.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
+import "react";
 import { buttonVariants } from "./button.js";
+import { cn } from "../../lib/utilities.js";
 function Pagination({ className, ...props }) {
     return /*#__PURE__*/ jsx("nav", {
         role: "navigation",
@@ -26,7 +26,7 @@ function PaginationItem({ ...props }) {
         ...props
     });
 }
-function PaginationLink({ className, isActive, size = "icon", ...props }) {
+function PaginationLink({ className, isActive, size = "icon", children, ...props }) {
     return /*#__PURE__*/ jsx("a", {
         "aria-current": isActive ? "page" : void 0,
         "data-slot": "pagination-link",
@@ -35,7 +35,11 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
             variant: isActive ? "outline" : "ghost",
             size
         }), className),
-        ...props
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: "sr-only",
+            children: "Pagination link"
+        })
     });
 }
 function PaginationPrevious({ className, ...props }) {

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\pagination.js","sources":["webpack://@arolariu/components/./src/components/ui/pagination.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;;;AAYA,SAASA,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACtE,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,cAAW;QACX,aAAU;QACV,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASE,kBAAkB,EACzBH,SAAS,EACT,GAAGC,OACwB;IAC3B,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGf;AAEA,SAASG,eAAe,EAAE,GAAGH,OAAmC;IAC9D,OAAO,WAAP,GAAO,IAAC;QAAG,aAAU;QAAmB,GAAGA,KAAK;;AAClD;AAOA,SAASI,eAAe,EACtBL,SAAS,EACTM,QAAQ,EACRC,OAAO,MAAM,EACb,GAAGN,OACiB;IACpB,OAAO,WAAP,GACE,IAAC;QACC,gBAAcK,WAAW,SAASE;QAClC,aAAU;QACV,eAAaF;QACb,WAAWJ,GACTO,eAAe;YACb,SAASH,WAAW,YAAY;YAChCC;QACF,IACAP;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASS,mBAAmB,EAC1BV,SAAS,EACT,GAAGC,OACyC;IAC5C,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BAET,IAACU,iBAAeA,CAAAA;0BAChB,IAAC;gBAAK,WAAU;0BAAkB;;;;AAGxC;AAEA,SAASC,eAAe,EACtBZ,SAAS,EACT,GAAGC,OACyC;IAC5C,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BAET,IAAC;gBAAK,WAAU;0BAAkB;;0BAClC,IAACY,kBAAgBA,CAAAA;;;AAGvB;AAEA,SAASC,mBAAmB,EAC1Bd,SAAS,EACT,GAAGC,OAC0B;IAC7B,OAAO,WAAP,GACE,KAAC;QACC,eAAW;QACX,aAAU;QACV,WAAWC,GAAG,2CAA2CF;QACxD,GAAGC,KAAK;;0BAET,IAACc,oBAAkBA;gBAAC,WAAU;;0BAC9B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}
+{"version":3,"file":"components\\ui\\pagination.js","sources":["webpack://@arolariu/components/./src/components/ui/pagination.tsx"],"sourcesContent":["\r\n\r\nimport {ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button, buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Pagination({className, ...props}: React.ComponentProps<\"nav\">) {\r\n  return (\r\n    <nav\r\n      role='navigation'\r\n      aria-label='pagination'\r\n      data-slot='pagination'\r\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PaginationContent({className, ...props}: React.ComponentProps<\"ul\">) {\r\n  return (\r\n    <ul\r\n      data-slot='pagination-content'\r\n      className={cn(\"flex flex-row items-center gap-1\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PaginationItem({...props}: React.ComponentProps<\"li\">) {\r\n  return (\r\n    <li\r\n      data-slot='pagination-item'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\ntype PaginationLinkProps = {\r\n  isActive?: boolean;\r\n} & Pick<React.ComponentProps<typeof Button>, \"size\">\r\n  & React.ComponentProps<\"a\">;\r\n\r\nfunction PaginationLink({className, isActive, size = \"icon\", children, ...props}: PaginationLinkProps) {\r\n  return (\r\n    <a\r\n      aria-current={isActive ? \"page\" : undefined}\r\n      data-slot='pagination-link'\r\n      data-active={isActive}\r\n      className={cn(\r\n        buttonVariants({\r\n          variant: isActive ? \"outline\" : \"ghost\",\r\n          size,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children ?? <span className='sr-only'>Pagination link</span>}\r\n    </a>\r\n  );\r\n}\r\n\r\nfunction PaginationPrevious({className, ...props}: React.ComponentProps<typeof PaginationLink>) {\r\n  return (\r\n    <PaginationLink\r\n      aria-label='Go to previous page'\r\n      size='default'\r\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\r\n      {...props}>\r\n      <ChevronLeftIcon />\r\n      <span className='hidden sm:block'>Previous</span>\r\n    </PaginationLink>\r\n  );\r\n}\r\n\r\nfunction PaginationNext({className, ...props}: React.ComponentProps<typeof PaginationLink>) {\r\n  return (\r\n    <PaginationLink\r\n      aria-label='Go to next page'\r\n      size='default'\r\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\r\n      {...props}>\r\n      <span className='hidden sm:block'>Next</span>\r\n      <ChevronRightIcon />\r\n    </PaginationLink>\r\n  );\r\n}\r\n\r\nfunction PaginationEllipsis({className, ...props}: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      aria-hidden\r\n      data-slot='pagination-ellipsis'\r\n      className={cn(\"flex size-9 items-center justify-center\", className)}\r\n      {...props}>\r\n      <MoreHorizontalIcon className='size-4' />\r\n      <span className='sr-only'>More pages</span>\r\n    </span>\r\n  );\r\n}\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","children","undefined","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,cAAW;QACX,aAAU;QACV,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASE,kBAAkB,EAACH,SAAS,EAAE,GAAGC,OAAkC;IAC1E,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGf;AAEA,SAASG,eAAe,EAAC,GAAGH,OAAkC;IAC5D,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACT,GAAGA,KAAK;;AAGf;AAOA,SAASI,eAAe,EAACL,SAAS,EAAEM,QAAQ,EAAEC,OAAO,MAAM,EAAEC,QAAQ,EAAE,GAAGP,OAA2B;IACnG,OAAO,WAAP,GACE,IAAC;QACC,gBAAcK,WAAW,SAASG;QAClC,aAAU;QACV,eAAaH;QACb,WAAWJ,GACTQ,eAAe;YACb,SAASJ,WAAW,YAAY;YAChCC;QACF,IACAP;QAED,GAAGC,KAAK;kBACRO,YAAY,WAAZA,GAAY,IAAC;YAAK,WAAU;sBAAU;;;AAG7C;AAEA,SAASG,mBAAmB,EAACX,SAAS,EAAE,GAAGC,OAAmD;IAC5F,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BACT,IAACW,iBAAeA,CAAAA;0BAChB,IAAC;gBAAK,WAAU;0BAAkB;;;;AAGxC;AAEA,SAASC,eAAe,EAACb,SAAS,EAAE,GAAGC,OAAmD;IACxF,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BAAkB;;0BAClC,IAACa,kBAAgBA,CAAAA;;;AAGvB;AAEA,SAASC,mBAAmB,EAACf,SAAS,EAAE,GAAGC,OAAoC;IAC7E,OAAO,WAAP,GACE,KAAC;QACC,eAAW;QACX,aAAU;QACV,WAAWC,GAAG,2CAA2CF;QACxD,GAAGC,KAAK;;0BACT,IAACe,oBAAkBA;gBAAC,WAAU;;0BAC9B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}

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

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAO9E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAOxF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,KAAgB,EAAE,UAAc,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAerI;AAED,iBAAS,aAAa,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAOtF;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/popover.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function Popover({ ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "popover",
@@ -21,7 +21,7 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
             "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
-            className: cn("bg-white text-neutral-950 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+            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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-hidden dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
             ...props
         })
     });

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\popover.js","sources":["webpack://@arolariu/components/./src/components/ui/popover.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-white text-neutral-950 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverAnchor"],"mappings":";;;;;AAOA,SAASA,QAAQ,EACf,GAAGC,OACgD;IACnD,OAAO,WAAP,GAAO,IAACC,MAAqB;QAAC,aAAU;QAAW,GAAGD,KAAK;;AAC7D;AAEA,SAASE,eAAe,EACtB,GAAGF,OACmD;IACtD,OAAO,WAAP,GAAO,IAACC,SAAwB;QAAC,aAAU;QAAmB,GAAGD,KAAK;;AACxE;AAEA,SAASG,eAAe,EACtBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGN,OACmD;IACtD,OAAO,WAAP,GACE,IAACC,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,aAAU;YACV,OAAOI;YACP,YAAYC;YACZ,WAAWC,GACT,6iBACAH;YAED,GAAGJ,KAAK;;;AAIjB;AAEA,SAASQ,cAAc,EACrB,GAAGR,OACkD;IACrD,OAAO,WAAP,GAAO,IAACC,QAAuB;QAAC,aAAU;QAAkB,GAAGD,KAAK;;AACtE"}
+{"version":3,"file":"components\\ui\\popover.js","sources":["webpack://@arolariu/components/./src/components/ui/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Popover({...props}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\r\n  return (\r\n    <PopoverPrimitive.Root\r\n      data-slot='popover'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PopoverTrigger({...props}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\r\n  return (\r\n    <PopoverPrimitive.Trigger\r\n      data-slot='popover-trigger'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PopoverContent({className, align = \"center\", sideOffset = 4, ...props}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\r\n  return (\r\n    <PopoverPrimitive.Portal>\r\n      <PopoverPrimitive.Content\r\n        data-slot='popover-content'\r\n        align={align}\r\n        sideOffset={sideOffset}\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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-hidden dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </PopoverPrimitive.Portal>\r\n  );\r\n}\r\n\r\nfunction PopoverAnchor({...props}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\r\n  return (\r\n    <PopoverPrimitive.Anchor\r\n      data-slot='popover-anchor'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverAnchor"],"mappings":";;;;;AAOA,SAASA,QAAQ,EAAC,GAAGC,OAA0D;IAC7E,OAAO,WAAP,GACE,IAACC,MAAqB;QACpB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,eAAe,EAAC,GAAGF,OAA6D;IACvF,OAAO,WAAP,GACE,IAACC,SAAwB;QACvB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASG,eAAe,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGN,OAA6D;IACpI,OAAO,WAAP,GACE,IAACC,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,aAAU;YACV,OAAOI;YACP,YAAYC;YACZ,WAAWC,GACT,6iBACAH;YAED,GAAGJ,KAAK;;;AAIjB;AAEA,SAASQ,cAAc,EAAC,GAAGR,OAA4D;IACrF,OAAO,WAAP,GACE,IAACC,QAAuB;QACtB,aAAU;QACT,GAAGD,KAAK;;AAGf"}

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
 declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAalG;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/progress.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Indicator, Root } from "@radix-ui/react-progress";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function Progress({ className, value, ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "progress",
-        className: cn("bg-neutral-900/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-neutral-50/20", className),
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20", className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
             "data-slot": "progress-indicator",
-            className: "bg-neutral-900 h-full w-full flex-1 transition-all dark:bg-neutral-50",
+            className: "h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50",
             style: {
                 transform: `translateX(-${100 - (value || 0)}%)`
             }

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\progress.js","sources":["webpack://@arolariu/components/./src/components/ui/progress.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-neutral-900/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-neutral-50/20\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-neutral-900 h-full w-full flex-1 transition-all dark:bg-neutral-50\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"names":["Progress","className","value","props","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,SAASA,SAAS,EAChBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACiD;IACpD,OAAO,WAAP,GACE,IAACC,MAAsB;QACrB,aAAU;QACV,WAAWC,GACT,4FACAJ;QAED,GAAGE,KAAK;kBAET,kBAACC,WAA2B;YAC1B,aAAU;YACV,WAAU;YACV,OAAO;gBAAE,WAAW,CAAC,YAAY,EAAE,MAAOF,CAAAA,SAAS,GAAG,EAAE,CAAC;YAAC;;;AAIlE"}
+{"version":3,"file":"components\\ui\\progress.js","sources":["webpack://@arolariu/components/./src/components/ui/progress.tsx"],"sourcesContent":["\r\n\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Progress({className, value, ...props}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\r\n  return (\r\n    <ProgressPrimitive.Root\r\n      data-slot='progress'\r\n      className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20\", className)}\r\n      {...props}>\r\n      <ProgressPrimitive.Indicator\r\n        data-slot='progress-indicator'\r\n        className='h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50'\r\n        style={{transform: `translateX(-${100 - (value || 0)}%)`}}\r\n      />\r\n    </ProgressPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport {Progress};\r\n"],"names":["Progress","className","value","props","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,SAASA,SAAS,EAACC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAA2D;IACjG,OAAO,WAAP,GACE,IAACC,MAAsB;QACrB,aAAU;QACV,WAAWC,GAAG,4FAA4FJ;QACzG,GAAGE,KAAK;kBACT,kBAACC,WAA2B;YAC1B,aAAU;YACV,WAAU;YACV,OAAO;gBAAC,WAAW,CAAC,YAAY,EAAE,MAAOF,CAAAA,SAAS,GAAG,EAAE,CAAC;YAAA;;;AAIhE"}

package/dist/components/ui/radio-group.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQ/F;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAgBnG;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/radio-group.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
 import { CircleIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function RadioGroup({ className, ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "radio-group",
@@ -14,7 +14,7 @@ function RadioGroup({ className, ...props }) {
 function RadioGroupItem({ className, ...props }) {
     return /*#__PURE__*/ jsx(Item, {
         "data-slot": "radio-group-item",
-        className: cn("border-neutral-200 text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:bg-neutral-200/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:dark:bg-neutral-800/30", className),
+        className: cn("aspect-square size-4 shrink-0 rounded-full border border-neutral-200 text-neutral-900 shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40", className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
             "data-slot": "radio-group-indicator",