@enya-learning/nova 0.5.0 → 0.7.0

package/dist/components/navigation-menu.js

@@ -1,10 +1,11 @@
 "use client";
-import { t as l } from "../chunks/dist-o8x0ip0z71xkr2oh.js";
-import { t as n } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as l } from "../chunks/dist-i6l6wqicjhnap81o.js";
+import { t as n } from "../chunks/utils-chr77evsz8gs6wle.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,IANN,UAAA,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,IAHN,UAAA;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,IAEJ,UAAA,gBAAA,EAAC,EAAwB,OAAzB;AAAA,MAA+B,WAAU;AAAA,MACvC,UAAA,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,IAEJ,UAAA,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-chr77evsz8gs6wle.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

package/dist/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\"\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 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    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"ps-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" className=\"rtl:rotate-180\" />\n      <span className=\"hidden sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pe-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" className=\"rtl:rotate-180\" />\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(\n        \"flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"mappings":";;;;;;AAUA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACxE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,IACV,WAAW,EAAG,sCAAsC,CAAS;AAAA,IAC7D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GAC0B;AAC7B,SACE,gBAAA,EAAC,MAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,2BAA2B,CAAS;AAAA,IAClD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAqC;AAChE,SAAO,gBAAA,EAAC,MAAD;AAAA,IAAI,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AACrD;AAOA,SAAS,EAAe,EACtB,WAAA,GACA,UAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GACmB;AACtB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,IAAW,YAAY;AAAA,IAC1B,MAAA;AAAA,IACN,WAAW,EAAG,CAAS;AAAA,IACvB,cAAc;AAAA,IACd,QACE,gBAAA,EAAC,KAAD;AAAA,MACE,gBAAc,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,GAAI;AAAA,IACL,CAAA;AAAA,EAEJ,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,MAAA,IAAO,YACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,cAJN,CAME,gBAAA,EAAC,GAAD;AAAA,MAAiB,aAAU;AAAA,MAAe,WAAU;AAAA,IAAkB,CAAA,GACtE,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAmB;AAAA,IAAW,CAAA,CAChC;AAAA;AAEpB;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,cAJN,CAME,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAmB;AAAA,IAAW,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,MAAkB,aAAU;AAAA,MAAa,WAAU;AAAA,IAAkB,CAAA,CACvD;AAAA;AAEpB;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,QAAD;AAAA,IACE,eAAA;AAAA,IACA,aAAU;AAAA,IACV,WAAW,EACT,gFACA,CACF;AAAA,IACA,GAAI;AAAA,cAPN,CASE,gBAAA,EAAC,GAAD,CAAqB,CAAA,GACrB,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAU;AAAA,IAAgB,CAAA,CACtC;AAAA;AAEV"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"@hugeicons/core-free-icons\"\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 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    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"ps-2!\", className)}\n      {...props}\n    >\n      <HugeiconsIcon\n        icon={ChevronLeftIcon}\n        data-icon=\"inline-start\"\n        className=\"rtl:rotate-180\"\n      />\n      <span className=\"hidden sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pe-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <HugeiconsIcon\n        icon={ChevronRightIcon}\n        data-icon=\"inline-end\"\n        className=\"rtl:rotate-180\"\n      />\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(\n        \"flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <HugeiconsIcon icon={MoreHorizontalIcon} />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACxE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,IACV,WAAW,EAAG,sCAAsC,CAAS;AAAA,IAC7D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GAC0B;AAC7B,SACE,gBAAA,EAAC,MAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,2BAA2B,CAAS;AAAA,IAClD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAqC;AAChE,SAAO,gBAAA,EAAC,MAAD;AAAA,IAAI,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AACrD;AAOA,SAAS,EAAe,EACtB,WAAA,GACA,UAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GACmB;AACtB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,IAAW,YAAY;AAAA,IAC1B,MAAA;AAAA,IACN,WAAW,EAAG,CAAS;AAAA,IACvB,cAAc;AAAA,IACd,QACE,gBAAA,EAAC,KAAD;AAAA,MACE,gBAAc,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,GAAI;AAAA,IACL,CAAA;AAAA,EAEJ,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,MAAA,IAAO,YACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,IAJN,UAAA,CAME,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,aAAU;AAAA,MACV,WAAU;AAAA,IACX,CAAA,GACD,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MAAmB,UAAA;AAAA,IAAW,CAAA,CAChC;AAAA;AAEpB;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,MAAA,IAAO,QACP,GAAG,EAAA,GAC+D;AAClE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,EAAG,SAAS,CAAS;AAAA,IAChC,GAAI;AAAA,IAJN,UAAA,CAME,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MAAmB,UAAA;AAAA,IAAW,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,aAAU;AAAA,MACV,WAAU;AAAA,IACX,CAAA,CACa;AAAA;AAEpB;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,QAAD;AAAA,IACE,eAAA;AAAA,IACA,aAAU;AAAA,IACV,WAAW,EACT,gFACA,CACF;AAAA,IACA,GAAI;AAAA,IAPN,UAAA,CASE,gBAAA,EAAC,GAAD,EAAe,MAAM,EAAqB,CAAA,GAC1C,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MAAU,UAAA;AAAA,IAAgB,CAAA,CACtC;AAAA;AAEV"}

package/dist/components/popover.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as i } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as i } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as e } from "react/jsx-runtime";
 import "react";
 import { Popover as r } from "@base-ui/react/popover";

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 outline-hidden 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 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAQ,EAAE,GAAG,EAAA,GAAsC;AAC1D,SAAO,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IAAuB,aAAU;AAAA,IAAU,GAAI;AAAA,EAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAyC;AACpE,SAAO,gBAAA,EAAC,EAAiB,SAAlB;AAAA,IAA0B,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,OAAA,IAAQ,UACR,aAAA,IAAc,GACd,MAAA,IAAO,UACP,YAAA,IAAa,GACb,GAAG,EAAA,GAKA;AACH,SACE,gBAAA,EAAC,EAAiB,QAAlB,EAAA,UACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACS,OAAA;AAAA,IACM,aAAA;AAAA,IACP,MAAA;AAAA,IACM,YAAA;AAAA,IACZ,WAAU;AAAA,cAEV,gBAAA,EAAC,EAAiB,OAAlB;AAAA,MACE,aAAU;AAAA,MACV,WAAW,EACT,mjBACA,CACF;AAAA,MACA,GAAI;AAAA,IACL,CAAA;AAAA,EAC0B,CAAA,EACN,CAAA;AAE7B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AAC3E,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,+BAA+B,CAAS;AAAA,IACtD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,WAAA,GAAW,GAAG,EAAA,GAAuC;AAC3E,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAiB,aAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 outline-hidden 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 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAQ,EAAE,GAAG,EAAA,GAAsC;AAC1D,SAAO,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IAAuB,aAAU;AAAA,IAAU,GAAI;AAAA,EAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EAAE,GAAG,EAAA,GAAyC;AACpE,SAAO,gBAAA,EAAC,EAAiB,SAAlB;AAAA,IAA0B,aAAU;AAAA,IAAkB,GAAI;AAAA,EAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,OAAA,IAAQ,UACR,aAAA,IAAc,GACd,MAAA,IAAO,UACP,YAAA,IAAa,GACb,GAAG,EAAA,GAKA;AACH,SACE,gBAAA,EAAC,EAAiB,QAAlB,EAAA,UACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACS,OAAA;AAAA,IACM,aAAA;AAAA,IACP,MAAA;AAAA,IACM,YAAA;AAAA,IACZ,WAAU;AAAA,IAEV,UAAA,gBAAA,EAAC,EAAiB,OAAlB;AAAA,MACE,aAAU;AAAA,MACV,WAAW,EACT,mjBACA,CACF;AAAA,MACA,GAAI;AAAA,IACL,CAAA;AAAA,EAC0B,CAAA,EACN,CAAA;AAE7B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AAC3E,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,+BAA+B,CAAS;AAAA,IACtD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,WAAA,GAAW,GAAG,EAAA,GAAuC;AAC3E,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,WAAA,GACA,GAAG,EAAA,GACkC;AACrC,SACE,gBAAA,EAAC,EAAiB,aAAlB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,yBAAyB,CAAS;AAAA,IAChD,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/progress.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import { Progress as a } from "@base-ui/react/progress";
 function f({ className: r, children: e, value: o, ...l }) {
@@ -8,17 +8,17 @@ function f({ className: r, children: e, value: o, ...l }) {
     "data-slot": "progress",
     className: t("flex flex-wrap gap-3", r),
     ...l,
-    children: [e, /* @__PURE__ */ s(u, { children: /* @__PURE__ */ s(i, {}) })]
+    children: [e, /* @__PURE__ */ s(u, { children: /* @__PURE__ */ s(c, {}) })]
   });
 }
 function u({ className: r, ...e }) {
   return /* @__PURE__ */ s(a.Track, {
-    className: t("relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-muted", r),
+    className: t("relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-surface-muted", r),
     "data-slot": "progress-track",
     ...e
   });
 }
-function i({ className: r, ...e }) {
+function c({ className: r, ...e }) {
   return /* @__PURE__ */ s(a.Indicator, {
     "data-slot": "progress-indicator",
     className: t("h-full bg-primary transition-all", r),
@@ -41,7 +41,7 @@ function p({ className: r, ...e }) {
 }
 export {
   f as Progress,
-  i as ProgressIndicator,
+  c as ProgressIndicator,
   g as ProgressLabel,
   u as ProgressTrack,
   p as ProgressValue

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Progress({\n  className,\n  children,\n  value,\n  ...props\n}: ProgressPrimitive.Root.Props) {\n  return (\n    <ProgressPrimitive.Root\n      value={value}\n      data-slot=\"progress\"\n      className={cn(\"flex flex-wrap gap-3\", className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n  return (\n    <ProgressPrimitive.Track\n      className={cn(\n        \"relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-muted\",\n        className\n      )}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressIndicator({\n  className,\n  ...props\n}: ProgressPrimitive.Indicator.Props) {\n  return (\n    <ProgressPrimitive.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(\"h-full bg-primary transition-all\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n  return (\n    <ProgressPrimitive.Label\n      className={cn(\"text-sm font-medium\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n  return (\n    <ProgressPrimitive.Value\n      className={cn(\n        \"ms-auto text-sm text-muted-foreground tabular-nums\",\n        className\n      )}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Progress,\n  ProgressTrack,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressValue,\n}\n"],"mappings":";;;;AAMA,SAAS,EAAS,EAChB,WAAA,GACA,UAAA,GACA,OAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,EAAkB,MAAnB;AAAA,IACS,OAAA;AAAA,IACP,aAAU;AAAA,IACV,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,cAJN,CAMG,GACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;AAAA;AAE5B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,gFACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GACiC;AACpC,SACE,gBAAA,EAAC,EAAkB,WAAnB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,oCAAoC,CAAS;AAAA,IAC3D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,sDACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Progress({\n  className,\n  children,\n  value,\n  ...props\n}: ProgressPrimitive.Root.Props) {\n  return (\n    <ProgressPrimitive.Root\n      value={value}\n      data-slot=\"progress\"\n      className={cn(\"flex flex-wrap gap-3\", className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n  return (\n    <ProgressPrimitive.Track\n      className={cn(\n        \"relative flex h-3 w-full items-center overflow-x-hidden rounded-4xl bg-surface-muted\",\n        className\n      )}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressIndicator({\n  className,\n  ...props\n}: ProgressPrimitive.Indicator.Props) {\n  return (\n    <ProgressPrimitive.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(\"h-full bg-primary transition-all\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n  return (\n    <ProgressPrimitive.Label\n      className={cn(\"text-sm font-medium\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n  return (\n    <ProgressPrimitive.Value\n      className={cn(\n        \"ms-auto text-sm text-muted-foreground tabular-nums\",\n        className\n      )}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Progress,\n  ProgressTrack,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressValue,\n}\n"],"mappings":";;;;AAMA,SAAS,EAAS,EAChB,WAAA,GACA,UAAA,GACA,OAAA,GACA,GAAG,EAAA,GAC4B;AAC/B,SACE,gBAAA,EAAC,EAAkB,MAAnB;AAAA,IACS,OAAA;AAAA,IACP,aAAU;AAAA,IACV,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,IAJN,UAAA,CAMG,GACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;AAAA;AAE5B;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,wFACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,WAAA,GACA,GAAG,EAAA,GACiC;AACpC,SACE,gBAAA,EAAC,EAAkB,WAAnB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,oCAAoC,CAAS;AAAA,IAC3D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC7E,SACE,gBAAA,EAAC,EAAkB,OAAnB;AAAA,IACE,WAAW,EACT,sDACA,CACF;AAAA,IACA,aAAU;AAAA,IACV,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/components/radio-group.js

@@ -1,21 +1,21 @@
 "use client";
-import { t } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as o } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as r } from "react/jsx-runtime";
-import { Radio as e } from "@base-ui/react/radio";
-import { RadioGroup as o } from "@base-ui/react/radio-group";
-function u({ className: a, ...i }) {
-  return /* @__PURE__ */ r(o, {
+import { Radio as i } from "@base-ui/react/radio";
+import { RadioGroup as t } from "@base-ui/react/radio-group";
+function c({ className: a, ...e }) {
+  return /* @__PURE__ */ r(t, {
     "data-slot": "radio-group",
-    className: t("grid w-full gap-3", a),
-    ...i
+    className: o("grid w-full gap-3", a),
+    ...e
   });
 }
-function c({ className: a, ...i }) {
-  return /* @__PURE__ */ r(e.Root, {
+function u({ className: a, ...e }) {
+  return /* @__PURE__ */ r(i.Root, {
     "data-slot": "radio-group-item",
-    className: t("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", a),
-    ...i,
-    children: /* @__PURE__ */ r(e.Indicator, {
+    className: o("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-border/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", a),
+    ...e,
+    children: /* @__PURE__ */ r(i.Indicator, {
       "data-slot": "radio-group-indicator",
       className: "flex size-4 items-center justify-center",
       children: /* @__PURE__ */ r("span", { className: "absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground rtl:translate-x-1/2" })
@@ -23,8 +23,8 @@ function c({ className: a, ...i }) {
   });
 }
 export {
-  u as RadioGroup,
-  c as RadioGroupItem
+  c as RadioGroup,
+  u as RadioGroupItem
 };
 
 //# sourceMappingURL=radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn(\"grid w-full gap-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\"\n      >\n        <span className=\"absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground rtl:translate-x-1/2\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;AAKA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AACtE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,qBAAqB,CAAS;AAAA,IAC5C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AAC1E,SACE,gBAAA,EAAC,EAAe,MAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,unBACA,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAe,WAAhB;AAAA,MACE,aAAU;AAAA,MACV,WAAU;AAAA,gBAEV,gBAAA,EAAC,QAAD,EAAM,WAAU,6HAA8H,CAAA;AAAA,IACtH,CAAA;AAAA,EACP,CAAA;AAEzB"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn(\"grid w-full gap-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-border/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\"\n      >\n        <span className=\"absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground rtl:translate-x-1/2\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;AAKA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AACtE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,qBAAqB,CAAS;AAAA,IAC5C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoC;AAC1E,SACE,gBAAA,EAAC,EAAe,MAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,ynBACA,CACF;AAAA,IACA,GAAI;AAAA,IAEJ,UAAA,gBAAA,EAAC,EAAe,WAAhB;AAAA,MACE,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAA,EAAC,QAAD,EAAM,WAAU,6HAA8H,CAAA;AAAA,IACtH,CAAA;AAAA,EACP,CAAA;AAEzB"}