@enya-learning/nova 0.5.0 → 0.6.0

package/dist/components/menubar.js

@@ -1,44 +1,45 @@
 "use client";
 import { t as o } from "../chunks/utils-kyb5nny4y41y7hd8.js";
-import { DropdownMenu as c, DropdownMenuContent as l, DropdownMenuGroup as m, DropdownMenuItem as p, DropdownMenuLabel as f, DropdownMenuPortal as b, DropdownMenuRadioGroup as g, DropdownMenuSeparator as x, DropdownMenuShortcut as v, DropdownMenuSub as M, DropdownMenuSubContent as h, DropdownMenuSubTrigger as w, DropdownMenuTrigger as z } from "./dropdown-menu.js";
+import { DropdownMenu as m, DropdownMenuContent as l, DropdownMenuGroup as p, DropdownMenuItem as f, DropdownMenuLabel as b, DropdownMenuPortal as g, DropdownMenuRadioGroup as x, DropdownMenuSeparator as v, DropdownMenuShortcut as M, DropdownMenuSub as h, DropdownMenuSubContent as w, DropdownMenuSubTrigger as z, DropdownMenuTrigger as D } from "./dropdown-menu.js";
 import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { CheckIcon as u } from "lucide-react";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { CheckIcon as c } from "@hugeicons/core-free-icons";
 import "react";
 import { Menu as s } from "@base-ui/react/menu";
-import { Menubar as D } from "@base-ui/react/menubar";
-function R({ className: e, ...t }) {
-  return /* @__PURE__ */ n(D, {
+import { Menubar as N } from "@base-ui/react/menubar";
+function G({ className: e, ...t }) {
+  return /* @__PURE__ */ n(N, {
     "data-slot": "menubar",
     className: o("flex h-9 items-center rounded-4xl border p-1", e),
     ...t
   });
 }
-function j({ ...e }) {
-  return /* @__PURE__ */ n(c, {
+function T({ ...e }) {
+  return /* @__PURE__ */ n(m, {
     "data-slot": "menubar-menu",
     ...e
   });
 }
-function G({ ...e }) {
-  return /* @__PURE__ */ n(m, {
+function L({ ...e }) {
+  return /* @__PURE__ */ n(p, {
     "data-slot": "menubar-group",
     ...e
   });
 }
-function T({ ...e }) {
-  return /* @__PURE__ */ n(b, {
+function P({ ...e }) {
+  return /* @__PURE__ */ n(g, {
     "data-slot": "menubar-portal",
     ...e
   });
 }
-function L({ className: e, ...t }) {
-  return /* @__PURE__ */ n(z, {
+function H({ className: e, ...t }) {
+  return /* @__PURE__ */ n(D, {
     "data-slot": "menubar-trigger",
-    className: o("flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", e),
+    className: o("flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-surface-muted aria-expanded:bg-surface-muted", e),
     ...t
   });
 }
-function P({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: r = 8, ...d }) {
+function $({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: r = 8, ...d }) {
   return /* @__PURE__ */ n(l, {
     "data-slot": "menubar-content",
     align: t,
@@ -48,8 +49,8 @@ function P({ className: e, align: t = "start", alignOffset: a = -4, sideOffset:
     ...d
   });
 }
-function $({ className: e, inset: t, variant: a = "default", ...r }) {
-  return /* @__PURE__ */ n(p, {
+function q({ className: e, inset: t, variant: a = "default", ...r }) {
+  return /* @__PURE__ */ n(f, {
     "data-slot": "menubar-item",
     "data-inset": t,
     "data-variant": a,
@@ -57,7 +58,7 @@ function $({ className: e, inset: t, variant: a = "default", ...r }) {
     ...r
   });
 }
-function q({ className: e, children: t, checked: a, inset: r, ...d }) {
+function A({ className: e, children: t, checked: a, inset: r, ...d }) {
   return /* @__PURE__ */ i(s.CheckboxItem, {
     "data-slot": "menubar-checkbox-item",
     "data-inset": r,
@@ -66,17 +67,17 @@ function q({ className: e, children: t, checked: a, inset: r, ...d }) {
     ...d,
     children: [/* @__PURE__ */ n("span", {
       className: "pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-      children: /* @__PURE__ */ n(s.CheckboxItemIndicator, { children: /* @__PURE__ */ n(u, {}) })
+      children: /* @__PURE__ */ n(s.CheckboxItemIndicator, { children: /* @__PURE__ */ n(u, { icon: c }) })
     }), t]
   });
 }
-function A({ ...e }) {
-  return /* @__PURE__ */ n(g, {
+function B({ ...e }) {
+  return /* @__PURE__ */ n(x, {
     "data-slot": "menubar-radio-group",
     ...e
   });
 }
-function B({ className: e, children: t, inset: a, ...r }) {
+function E({ className: e, children: t, inset: a, ...r }) {
   return /* @__PURE__ */ i(s.RadioItem, {
     "data-slot": "menubar-radio-item",
     "data-inset": a,
@@ -84,70 +85,70 @@ function B({ className: e, children: t, inset: a, ...r }) {
     ...r,
     children: [/* @__PURE__ */ n("span", {
       className: "pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-      children: /* @__PURE__ */ n(s.RadioItemIndicator, { children: /* @__PURE__ */ n(u, {}) })
+      children: /* @__PURE__ */ n(s.RadioItemIndicator, { children: /* @__PURE__ */ n(u, { icon: c }) })
     }), t]
   });
 }
-function E({ className: e, inset: t, ...a }) {
-  return /* @__PURE__ */ n(f, {
+function F({ className: e, inset: t, ...a }) {
+  return /* @__PURE__ */ n(b, {
     "data-slot": "menubar-label",
     "data-inset": t,
     className: o("px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5", e),
     ...a
   });
 }
-function F({ className: e, ...t }) {
-  return /* @__PURE__ */ n(x, {
+function J({ className: e, ...t }) {
+  return /* @__PURE__ */ n(v, {
     "data-slot": "menubar-separator",
     className: o("-mx-1 my-1 h-px bg-border/50", e),
     ...t
   });
 }
-function H({ className: e, ...t }) {
-  return /* @__PURE__ */ n(v, {
+function K({ className: e, ...t }) {
+  return /* @__PURE__ */ n(M, {
     "data-slot": "menubar-shortcut",
     className: o("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", e),
     ...t
   });
 }
-function J({ ...e }) {
-  return /* @__PURE__ */ n(M, {
+function O({ ...e }) {
+  return /* @__PURE__ */ n(h, {
     "data-slot": "menubar-sub",
     ...e
   });
 }
-function K({ className: e, inset: t, ...a }) {
-  return /* @__PURE__ */ n(w, {
+function Q({ className: e, inset: t, ...a }) {
+  return /* @__PURE__ */ n(z, {
     "data-slot": "menubar-sub-trigger",
     "data-inset": t,
     className: o("gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", e),
     ...a
   });
 }
-function O({ className: e, ...t }) {
-  return /* @__PURE__ */ n(h, {
+function U({ className: e, ...t }) {
+  return /* @__PURE__ */ n(w, {
     "data-slot": "menubar-sub-content",
     className: o("min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
     ...t
   });
 }
 export {
-  R as Menubar,
-  q as MenubarCheckboxItem,
-  P as MenubarContent,
-  G as MenubarGroup,
-  $ as MenubarItem,
-  E as MenubarLabel,
-  j as MenubarMenu,
-  T as MenubarPortal,
-  A as MenubarRadioGroup,
-  B as MenubarRadioItem,
-  F as MenubarSeparator,
-  H as MenubarShortcut,
-  J as MenubarSub,
-  O as MenubarSubContent,
-  K as MenubarSubTrigger,
-  L as MenubarTrigger
+  G as Menubar,
+  A as MenubarCheckboxItem,
+  $ as MenubarContent,
+  L as MenubarGroup,
+  q as MenubarItem,
+  F as MenubarLabel,
+  T as MenubarMenu,
+  P as MenubarPortal,
+  B as MenubarRadioGroup,
+  E as MenubarRadioItem,
+  J as MenubarSeparator,
+  K as MenubarShortcut,
+  O as MenubarSub,
+  U as MenubarSubContent,
+  Q as MenubarSubTrigger,
+  H as MenubarTrigger
 };
 
 //# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center rounded-4xl border p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\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 DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        \"min-w-48 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2.5 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\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"],"mappings":"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"}
+{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { CheckIcon } from \"@hugeicons/core-free-icons\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center rounded-4xl border p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-surface-muted aria-expanded:bg-surface-muted\",\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 DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        \"min-w-48 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2.5 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <HugeiconsIcon icon={CheckIcon} />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2.5 rounded-xl py-2 ps-9.5 pe-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-3 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <HugeiconsIcon icon={CheckIcon} />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-3.5 py-2.5 text-xs text-muted-foreground data-inset:ps-9.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-xl px-3 py-2 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"min-w-32 rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\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"],"mappings":"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"}

package/dist/components/native-select.js

@@ -1,43 +1,45 @@
 "use client";
-import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { ChevronDownIcon as o } from "lucide-react";
+import { t as a } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { HugeiconsIcon as n } from "@hugeicons/react";
+import { ChevronDownIcon as s } from "@hugeicons/core-free-icons";
 import "react";
-function p({ className: t, size: e = "default", ...n }) {
-  return /* @__PURE__ */ r("div", {
-    className: i("group/native-select relative w-fit has-[select:disabled]:opacity-50", t),
+function v({ className: t, size: e = "default", ...i }) {
+  return /* @__PURE__ */ o("div", {
+    className: a("group/native-select relative w-fit has-[select:disabled]:opacity-50", t),
     "data-slot": "native-select-wrapper",
     "data-size": e,
-    children: [/* @__PURE__ */ a("select", {
+    children: [/* @__PURE__ */ r("select", {
       "data-slot": "native-select",
       "data-size": e,
-      className: "h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-      ...n
-    }), /* @__PURE__ */ a(o, {
+      className: "h-9 w-full min-w-0 appearance-none rounded-4xl border border-border bg-border/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-border/30 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+      ...i
+    }), /* @__PURE__ */ r(n, {
+      icon: s,
       className: "pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none",
       "aria-hidden": "true",
       "data-slot": "native-select-icon"
     })]
   });
 }
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ a("option", {
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ r("option", {
     "data-slot": "native-select-option",
-    className: i("bg-[Canvas] text-[CanvasText]", t),
+    className: a("bg-[Canvas] text-[CanvasText]", t),
     ...e
   });
 }
-function v({ className: t, ...e }) {
-  return /* @__PURE__ */ a("optgroup", {
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ r("optgroup", {
     "data-slot": "native-select-optgroup",
-    className: i("bg-[Canvas] text-[CanvasText]", t),
+    className: a("bg-[Canvas] text-[CanvasText]", t),
     ...e
   });
 }
 export {
-  p as NativeSelect,
-  v as NativeSelectOptGroup,
-  u as NativeSelectOption
+  v as NativeSelect,
+  m as NativeSelectOptGroup,
+  b as NativeSelectOption
 };
 
 //# sourceMappingURL=native-select.js.map

package/dist/components/native-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select/native-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-9 w-full min-w-0 appearance-none rounded-4xl border border-input bg-input/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":";;;;;AASA,SAAS,EAAa,EACpB,WAAA,GACA,MAAA,IAAO,WACP,GAAG,EAAA,GACiB;AACpB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,uEACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,aAAW;AAAA,cANb,CAQE,gBAAA,EAAC,UAAD;AAAA,MACE,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAU;AAAA,MACV,GAAI;AAAA,IACL,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,IACX,CAAA,CACE;AAAA;AAET;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC8B;AACjC,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,YAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select/native-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ChevronDownIcon } from \"@hugeicons/core-free-icons\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-9 w-full min-w-0 appearance-none rounded-4xl border border-border bg-border/30 py-1 ps-3 pe-8 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-border/30 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <HugeiconsIcon\n        icon={ChevronDownIcon}\n        className=\"pointer-events-none absolute end-3.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":";;;;;;AAUA,SAAS,EAAa,EACpB,WAAA,GACA,MAAA,IAAO,WACP,GAAG,EAAA,GACiB;AACpB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,uEACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,aAAW;AAAA,cANb,CAQE,gBAAA,EAAC,UAAD;AAAA,MACE,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAU;AAAA,MACV,GAAI;AAAA,IACL,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,IACX,CAAA,CACE;AAAA;AAET;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC8B;AACjC,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,YAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/navigation-menu.js

@@ -2,9 +2,10 @@
 import { t as l } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
 import { t as n } from "../chunks/utils-kyb5nny4y41y7hd8.js";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { ChevronDownIcon as g } from "lucide-react";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { ChevronDownIcon as m } from "@hugeicons/core-free-icons";
 import { NavigationMenu as i } from "@base-ui/react/navigation-menu";
-function x({ align: t = "start", className: a, children: o, ...r }) {
+function y({ align: t = "start", className: a, children: o, ...r }) {
   return /* @__PURE__ */ s(i.Root, {
     "data-slot": "navigation-menu",
     className: n("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", a),
@@ -12,37 +13,38 @@ function x({ align: t = "start", className: a, children: o, ...r }) {
     children: [o, /* @__PURE__ */ e(p, { align: t })]
   });
 }
-function w({ className: t, ...a }) {
+function N({ className: t, ...a }) {
   return /* @__PURE__ */ e(i.List, {
     "data-slot": "navigation-menu-list",
     className: n("group flex flex-1 list-none items-center justify-center gap-0", t),
     ...a
   });
 }
-function y({ className: t, ...a }) {
+function z({ className: t, ...a }) {
   return /* @__PURE__ */ e(i.Item, {
     "data-slot": "navigation-menu-item",
     className: n("relative", t),
     ...a
   });
 }
-var m = l("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
-function N({ className: t, children: a, ...o }) {
+var c = l("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-surface-muted/50 data-popup-open:hover:bg-surface-muted data-open:bg-surface-muted/50 data-open:hover:bg-surface-muted data-open:focus:bg-surface-muted");
+function M({ className: t, children: a, ...o }) {
   return /* @__PURE__ */ s(i.Trigger, {
     "data-slot": "navigation-menu-trigger",
-    className: n(m(), "group", t),
+    className: n(c(), "group", t),
     ...o,
     children: [
       a,
       " ",
       /* @__PURE__ */ e(g, {
+        icon: m,
         className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
         "aria-hidden": "true"
       })
     ]
   });
 }
-function z({ className: t, ...a }) {
+function j({ className: t, ...a }) {
   return /* @__PURE__ */ e(i.Content, {
     "data-slot": "navigation-menu-content",
     className: n("data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] isolate z-50 h-full w-auto p-2.5 pe-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 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 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", t),
@@ -63,14 +65,14 @@ function p({ className: t, side: a = "bottom", sideOffset: o = 8, align: r = "st
     })
   }) });
 }
-function M({ className: t, ...a }) {
+function I({ className: t, ...a }) {
   return /* @__PURE__ */ e(i.Link, {
     "data-slot": "navigation-menu-link",
-    className: n("flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", t),
+    className: n("flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-surface-muted/50 data-[active=true]:hover:bg-surface-muted data-[active=true]:focus:bg-surface-muted [&_svg:not([class*='size-'])]:size-4", t),
     ...a
   });
 }
-function j({ className: t, ...a }) {
+function k({ className: t, ...a }) {
   return /* @__PURE__ */ e(i.Icon, {
     "data-slot": "navigation-menu-indicator",
     className: n("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", t),
@@ -79,15 +81,15 @@ function j({ className: t, ...a }) {
   });
 }
 export {
-  x as NavigationMenu,
-  z as NavigationMenuContent,
-  j as NavigationMenuIndicator,
-  y as NavigationMenuItem,
-  M as NavigationMenuLink,
-  w as NavigationMenuList,
+  y as NavigationMenu,
+  j as NavigationMenuContent,
+  k as NavigationMenuIndicator,
+  z as NavigationMenuItem,
+  I as NavigationMenuLink,
+  N as NavigationMenuList,
   p as NavigationMenuPositioner,
-  N as NavigationMenuTrigger,
-  m as navigationMenuTriggerStyle
+  M as NavigationMenuTrigger,
+  c as navigationMenuTriggerStyle
 };
 
 //# sourceMappingURL=navigation-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction NavigationMenu({\n  align = \"start\",\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Root.Props &\n  Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\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      <NavigationMenuPositioner align={align} />\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<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-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<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/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Content.Props) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] isolate z-50 h-full w-auto p-2.5 pe-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 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 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuPositioner({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n  return (\n    <NavigationMenuPrimitive.Portal>\n      <NavigationMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:start-0 data-[side=bottom]:before:end-0 data-[side=bottom]:before:top-[-10px]\",\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n          <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPrimitive.Portal>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Link.Props) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Icon>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuPositioner,\n}\n"],"mappings":";;;;;;AAMA,SAAS,EAAe,EACtB,OAAA,IAAQ,SACR,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GAEsD;AACzD,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,oFACA,CACF;AAAA,IACA,GAAI;AAAA,cANN,CAQG,GACD,gBAAA,EAAC,GAAD,EAAiC,OAAA,EAAQ,CAAA,CACb;AAAA;AAElC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,YAAY,CAAS;AAAA,IACnC,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAA6B,EACjC,ybACF;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAA2B,GAAG,SAAS,CAAS;AAAA,IAC9D,GAAI;AAAA,cAHN;AAAA,MAKG;AAAA,MAAU;AAAA,MACX,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,eAAY;AAAA,MACb,CAAA;AAAA,IAC8B;AAAA;AAErC;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,i7DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAyB,EAChC,WAAA,GACA,MAAA,IAAO,UACP,YAAA,IAAa,GACb,OAAA,IAAQ,SACR,aAAA,IAAc,GACd,GAAG,EAAA,GACwC;AAC3C,SACE,gBAAA,EAAC,EAAwB,QAAzB,EAAA,UACE,gBAAA,EAAC,EAAwB,YAAzB;AAAA,IACQ,MAAA;AAAA,IACM,YAAA;AAAA,IACL,OAAA;AAAA,IACM,aAAA;AAAA,IACb,WAAW,EACT,qTACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAwB,OAAzB;AAAA,MAA+B,WAAU;AAAA,gBACvC,gBAAA,EAAC,EAAwB,UAAzB,EAAkC,WAAU,qCAAsC,CAAA;AAAA,IACrD,CAAA;AAAA,EACG,CAAA,EACN,CAAA;AAEpC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,qXACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAwB,EAC/B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,8LACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,OAAD,EAAK,WAAU,yEAA0E,CAAA;AAAA,EAC7D,CAAA;AAElC"}
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ChevronDownIcon } from \"@hugeicons/core-free-icons\"\n\nfunction NavigationMenu({\n  align = \"start\",\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Root.Props &\n  Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\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      <NavigationMenuPositioner align={align} />\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<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-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<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/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-surface-muted/50 data-popup-open:hover:bg-surface-muted data-open:bg-surface-muted/50 data-open:hover:bg-surface-muted data-open:focus:bg-surface-muted\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <HugeiconsIcon\n        icon={ChevronDownIcon}\n        className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Content.Props) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] isolate z-50 h-full w-auto p-2.5 pe-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 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 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuPositioner({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n  return (\n    <NavigationMenuPrimitive.Portal>\n      <NavigationMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:start-0 data-[side=bottom]:before:end-0 data-[side=bottom]:before:top-[-10px]\",\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n          <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPrimitive.Portal>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Link.Props) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-2xl p-3 text-sm transition-all outline-none hover:bg-surface-muted focus:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-xl data-[active=true]:bg-surface-muted/50 data-[active=true]:hover:bg-surface-muted data-[active=true]:focus:bg-surface-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Icon>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuPositioner,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAe,EACtB,OAAA,IAAQ,SACR,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GAEsD;AACzD,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,oFACA,CACF;AAAA,IACA,GAAI;AAAA,cANN,CAQG,GACD,gBAAA,EAAC,GAAD,EAAiC,OAAA,EAAQ,CAAA,CACb;AAAA;AAElC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,YAAY,CAAS;AAAA,IACnC,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAA6B,EACjC,ifACF;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAA2B,GAAG,SAAS,CAAS;AAAA,IAC9D,GAAI;AAAA,cAHN;AAAA,MAKG;AAAA,MAAU;AAAA,MACX,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,WAAU;AAAA,QACV,eAAY;AAAA,MACb,CAAA;AAAA,IAC8B;AAAA;AAErC;AAEA,SAAS,EAAsB,EAC7B,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAwB,SAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,i7DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAyB,EAChC,WAAA,GACA,MAAA,IAAO,UACP,YAAA,IAAa,GACb,OAAA,IAAQ,SACR,aAAA,IAAc,GACd,GAAG,EAAA,GACwC;AAC3C,SACE,gBAAA,EAAC,EAAwB,QAAzB,EAAA,UACE,gBAAA,EAAC,EAAwB,YAAzB;AAAA,IACQ,MAAA;AAAA,IACM,YAAA;AAAA,IACL,OAAA;AAAA,IACM,aAAA;AAAA,IACb,WAAW,EACT,qTACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAwB,OAAzB;AAAA,MAA+B,WAAU;AAAA,gBACvC,gBAAA,EAAC,EAAwB,UAAzB,EAAkC,WAAU,qCAAsC,CAAA;AAAA,IACrD,CAAA;AAAA,EACG,CAAA,EACN,CAAA;AAEpC;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,6ZACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAwB,EAC/B,WAAA,GACA,GAAG,EAAA,GACgE;AACnE,SACE,gBAAA,EAAC,EAAwB,MAAzB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,8LACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,OAAD,EAAK,WAAU,yEAA0E,CAAA;AAAA,EAC7D,CAAA;AAElC"}

package/dist/components/pagination.js

@@ -1,52 +1,54 @@
 "use client";
-import { t as e } from "../chunks/utils-kyb5nny4y41y7hd8.js";
-import { Button as l } from "./button.js";
+import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { Button as c } from "./button.js";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ChevronLeftIcon as c, ChevronRightIcon as u, MoreHorizontalIcon as m } from "lucide-react";
+import { HugeiconsIcon as r } from "@hugeicons/react";
+import { ChevronLeftIcon as u, ChevronRightIcon as m, MoreHorizontalIcon as p } from "@hugeicons/core-free-icons";
 import "react";
-function N({ className: a, ...n }) {
+function x({ className: a, ...n }) {
   return /* @__PURE__ */ t("nav", {
     role: "navigation",
     "aria-label": "pagination",
     "data-slot": "pagination",
-    className: e("mx-auto flex w-full justify-center", a),
+    className: i("mx-auto flex w-full justify-center", a),
     ...n
   });
 }
-function v({ className: a, ...n }) {
+function P({ className: a, ...n }) {
   return /* @__PURE__ */ t("ul", {
     "data-slot": "pagination-content",
-    className: e("flex items-center gap-1", a),
+    className: i("flex items-center gap-1", a),
     ...n
   });
 }
-function x({ ...a }) {
+function z({ ...a }) {
   return /* @__PURE__ */ t("li", {
     "data-slot": "pagination-item",
     ...a
   });
 }
-function s({ className: a, isActive: n, size: i = "icon", ...r }) {
-  return /* @__PURE__ */ t(l, {
+function s({ className: a, isActive: n, size: e = "icon", ...l }) {
+  return /* @__PURE__ */ t(c, {
     variant: n ? "outline" : "ghost",
-    size: i,
-    className: e(a),
+    size: e,
+    className: i(a),
     nativeButton: !1,
     render: /* @__PURE__ */ t("a", {
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      ...r
+      ...l
     })
   });
 }
-function P({ className: a, text: n = "Previous", ...i }) {
+function b({ className: a, text: n = "Previous", ...e }) {
   return /* @__PURE__ */ o(s, {
     "aria-label": "Go to previous page",
     size: "default",
-    className: e("ps-2!", a),
-    ...i,
-    children: [/* @__PURE__ */ t(c, {
+    className: i("ps-2!", a),
+    ...e,
+    children: [/* @__PURE__ */ t(r, {
+      icon: u,
       "data-icon": "inline-start",
       className: "rtl:rotate-180"
     }), /* @__PURE__ */ t("span", {
@@ -55,41 +57,42 @@ function P({ className: a, text: n = "Previous", ...i }) {
     })]
   });
 }
-function z({ className: a, text: n = "Next", ...i }) {
+function I({ className: a, text: n = "Next", ...e }) {
   return /* @__PURE__ */ o(s, {
     "aria-label": "Go to next page",
     size: "default",
-    className: e("pe-2!", a),
-    ...i,
+    className: i("pe-2!", a),
+    ...e,
     children: [/* @__PURE__ */ t("span", {
       className: "hidden sm:block",
       children: n
-    }), /* @__PURE__ */ t(u, {
+    }), /* @__PURE__ */ t(r, {
+      icon: m,
       "data-icon": "inline-end",
       className: "rtl:rotate-180"
     })]
   });
 }
-function b({ className: a, ...n }) {
+function j({ className: a, ...n }) {
   return /* @__PURE__ */ o("span", {
     "aria-hidden": !0,
     "data-slot": "pagination-ellipsis",
-    className: e("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", a),
+    className: i("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", a),
     ...n,
-    children: [/* @__PURE__ */ t(m, {}), /* @__PURE__ */ t("span", {
+    children: [/* @__PURE__ */ t(r, { icon: p }), /* @__PURE__ */ t("span", {
       className: "sr-only",
       children: "More pages"
     })]
   });
 }
 export {
-  N as Pagination,
-  v as PaginationContent,
-  b as PaginationEllipsis,
-  x as PaginationItem,
+  x as Pagination,
+  P as PaginationContent,
+  j as PaginationEllipsis,
+  z as PaginationItem,
   s as PaginationLink,
-  z as PaginationNext,
-  P as PaginationPrevious
+  I as PaginationNext,
+  b as PaginationPrevious
 };
 
 //# sourceMappingURL=pagination.js.map