@szum-tech/design-system 3.11.0 → 3.12.0

package/dist/chunk-3WSQRFUY.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { role: "status", "aria-label": "Loading", className: chunkH2BWO3SI_cjs.cn("size-4 animate-spin", className), ...props });
+}
+
+exports.Spinner = Spinner;

package/dist/{chunk-OPQX42NR.js → chunk-4TRADSTP.js}

@@ -1,7 +1,7 @@
-import { Circle } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import { jsx } from 'react/jsx-runtime';
+import { CircleIcon } from 'lucide-react';
 
 function RadioGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(RadioGroup$1.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props });
@@ -24,7 +24,7 @@ function RadioGroupItem({ className, ...props }) {
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }

package/dist/{chunk-5ZSD2YLY.js → chunk-5F2Y65JH.js}

@@ -1,5 +1,5 @@
-import { Check } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
+import { CheckIcon } from 'lucide-react';
 import { Checkbox as Checkbox$1 } from 'radix-ui';
 import { jsx } from 'react/jsx-runtime';
 
@@ -22,7 +22,7 @@ function Checkbox({ className, ...props }) {
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
         }
       )
     }

package/dist/{chunk-A6ZWTZMQ.js → chunk-B7RHEMZH.js}

@@ -1,7 +1,7 @@
-import { ChevronDown } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { Accordion as Accordion$1 } from 'radix-ui';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronDownIcon } from 'lucide-react';
 
 function Accordion({ ...props }) {
   return /* @__PURE__ */ jsx(Accordion$1.Root, { "data-slot": "accordion", ...props });
@@ -29,7 +29,7 @@ function AccordionTrigger({ className, children, ...props }) {
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });

package/dist/{chunk-W5I7BUQO.js → chunk-BTSHACKG.js}

@@ -1,7 +1,7 @@
-import { X } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { Dialog as Dialog$1 } from 'radix-ui';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { XIcon } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 
@@ -66,7 +66,7 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx(X, {}),
+                /* @__PURE__ */ jsx(XIcon, {}),
                 /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
               ]
             }

package/dist/{chunk-PWBY46RH.cjs → chunk-CP43WJCN.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
 var chunkKQ6QE7BT_cjs = require('./chunk-KQ6QE7BT.cjs');
-var chunkMQMHXDRJ_cjs = require('./chunk-MQMHXDRJ.cjs');
+var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
 var chunkXIQUR62A_cjs = require('./chunk-XIQUR62A.cjs');
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var React5 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
 var sonner = require('sonner');
 var classVarianceAuthority = require('class-variance-authority');
 
@@ -908,11 +908,11 @@ var Toaster = ({ theme = "system", ...props }) => {
     {
       className: "group",
       icons: {
-        success: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.CircleCheck, { className: "size-4" }),
-        info: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.Info, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.TriangleAlert, { className: "size-4" }),
-        error: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.OctagonX, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsxRuntime.jsx(chunkMQMHXDRJ_cjs.Spinner, {})
+        success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, {})
       },
       toastOptions: {
         classNames: {
@@ -1019,21 +1019,21 @@ function ButtonContent({
   ...props
 }) {
   const isStartLoading = loading && loadingPosition === "start";
-  const StartIcon = isStartLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQMHXDRJ_cjs.Spinner, { "aria-label": "Loading" }) : startIcon || null;
+  const StartIcon = isStartLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : startIcon || null;
   const isEndLoading = loading && loadingPosition === "end";
-  const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQMHXDRJ_cjs.Spinner, { "aria-label": "Loading" }) : endIcon || null;
+  const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : endIcon || null;
   const isCenterLoading = loading && loadingPosition === "center";
   return asChild && React5__namespace.isValidElement(children) ? React5__namespace.cloneElement(
     children,
     props,
     /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
       StartIcon,
-      isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQMHXDRJ_cjs.Spinner, { "aria-label": "Loading" }) : React5__namespace.isValidElement(children) ? children.props?.children : null,
+      isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : React5__namespace.isValidElement(children) ? children.props?.children : null,
       EndIcon
     ] })
   ) : /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
     StartIcon,
-    isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMQMHXDRJ_cjs.Spinner, { "aria-label": "Loading" }) : children,
+    isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : children,
     EndIcon
   ] });
 }

package/dist/{chunk-Y5UPGNJA.js → chunk-DTSFPOLX.js}

@@ -1,6 +1,6 @@
-import { X } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { Dialog } from 'radix-ui';
+import { X } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-UMILPYKN.js → chunk-E5TYGWGE.js}

@@ -1,5 +1,5 @@
-import { ChevronDown, ChevronUp, Check } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
+import { ChevronDownIcon, ChevronUpIcon, CheckIcon } from 'lucide-react';
 import { Select as Select$1 } from 'radix-ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -61,7 +61,7 @@ function Select({
         ...triggerProps,
         children: [
           /* @__PURE__ */ jsx(Select$1.Value, { "data-slot": "select-value", placeholder }),
-          /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+          /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
         ]
       }
     ),
@@ -112,7 +112,7 @@ function SelectScrollUpButton({ className, ...props }) {
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -126,7 +126,7 @@ function SelectScrollDownButton({
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
@@ -146,7 +146,7 @@ function SelectItem({ className, children, ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsx(Select$1.ItemText, { children })
       ]
     }

package/dist/{chunk-LOWCBV4P.cjs → chunk-GHV2TURY.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
+var lucideReact = require('lucide-react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -31,7 +31,7 @@ function SheetContent({ side = "right", className, children, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: chunkH2BWO3SI_cjs.cn(sheetContentStyles({ side }), className), ...props, children: [
       children,
       /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.X, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
       ] })
     ] })

package/dist/{chunk-FIWOOWZ3.cjs → chunk-HCHVDUI6.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var lucideReact = require('lucide-react');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,7 +24,7 @@ function Checkbox({ className, ...props }) {
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
         }
       )
     }

package/dist/{chunk-6FFAE6UY.js → chunk-P5IUC7HJ.js}

@@ -1,5 +1,5 @@
-import { LoaderCircle } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
+import { LoaderCircle } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
 
 function Spinner({ className, ...props }) {

package/dist/{chunk-CPQEZX4T.js → chunk-QTYNFISP.js}

@@ -1,11 +1,11 @@
 import { useDirection, useComposedRefs } from './chunk-WXZE35FK.js';
-import { Spinner } from './chunk-6FFAE6UY.js';
+import { Spinner } from './chunk-P5IUC7HJ.js';
 import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-SB5UG7OC.js';
-import { OctagonX, TriangleAlert, Info, CircleCheck } from './chunk-IARCTYJ3.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import * as React5 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { cva } from 'class-variance-authority';
@@ -887,10 +887,10 @@ var Toaster = ({ theme = "system", ...props }) => {
     {
       className: "group",
       icons: {
-        success: /* @__PURE__ */ jsx(CircleCheck, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx(Info, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx(OctagonX, { className: "size-4" }),
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
         loading: /* @__PURE__ */ jsx(Spinner, {})
       },
       toastOptions: {

package/dist/{chunk-HEHVP6RQ.cjs → chunk-VK5EX3OG.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 
@@ -68,7 +68,7 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.X, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
               ]
             }

package/dist/{chunk-PKUVRULS.cjs → chunk-X3ZT3KGX.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
 
 function Accordion({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Root, { "data-slot": "accordion", ...props });
@@ -31,7 +31,7 @@ function AccordionTrigger({ className, children, ...props }) {
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.ChevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });

package/dist/{chunk-RXUYF4PD.cjs → chunk-XENOUBSI.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
 
 function RadioGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.RadioGroup.Root, { "data-slot": "radio-group", className: chunkH2BWO3SI_cjs.cn("grid gap-3", className), ...props });
@@ -26,7 +26,7 @@ function RadioGroupItem({ className, ...props }) {
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }

package/dist/{chunk-S5RFK3YL.cjs → chunk-XJZOANXX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkDAUTZWFD_cjs = require('./chunk-DAUTZWFD.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var lucideReact = require('lucide-react');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -63,7 +63,7 @@ function Select({
         ...triggerProps,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { "data-slot": "select-value", placeholder }),
-          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.ChevronDown, { className: "size-4 opacity-50" }) })
+          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
         ]
       }
     ),
@@ -114,7 +114,7 @@ function SelectScrollUpButton({ className, ...props }) {
       "data-slot": "select-scroll-up-button",
       className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -128,7 +128,7 @@ function SelectScrollDownButton({
       "data-slot": "select-scroll-down-button",
       className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
@@ -148,7 +148,7 @@ function SelectItem({ className, children, ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkDAUTZWFD_cjs.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { children })
       ]
     }

package/dist/components/accordion/index.cjs

@@ -1,24 +1,23 @@
 'use strict';
 
-var chunkPKUVRULS_cjs = require('../../chunk-PKUVRULS.cjs');
-require('../../chunk-DAUTZWFD.cjs');
+var chunkX3ZT3KGX_cjs = require('../../chunk-X3ZT3KGX.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkPKUVRULS_cjs.Accordion; }
+  get: function () { return chunkX3ZT3KGX_cjs.Accordion; }
 });
 Object.defineProperty(exports, "AccordionContent", {
   enumerable: true,
-  get: function () { return chunkPKUVRULS_cjs.AccordionContent; }
+  get: function () { return chunkX3ZT3KGX_cjs.AccordionContent; }
 });
 Object.defineProperty(exports, "AccordionItem", {
   enumerable: true,
-  get: function () { return chunkPKUVRULS_cjs.AccordionItem; }
+  get: function () { return chunkX3ZT3KGX_cjs.AccordionItem; }
 });
 Object.defineProperty(exports, "AccordionTrigger", {
   enumerable: true,
-  get: function () { return chunkPKUVRULS_cjs.AccordionTrigger; }
+  get: function () { return chunkX3ZT3KGX_cjs.AccordionTrigger; }
 });

package/dist/components/accordion/index.js

@@ -1,3 +1,2 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../chunk-A6ZWTZMQ.js';
-import '../../chunk-IARCTYJ3.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../chunk-B7RHEMZH.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/badge-overflow/index.cjs

@@ -0,0 +1,182 @@
+'use strict';
+
+var chunkXIQUR62A_cjs = require('../../chunk-XIQUR62A.cjs');
+var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
+var React = require('react');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function BadgeOverflow(props) {
+  const {
+    items,
+    getBadgeLabel: getBadgeLabelProp,
+    lineCount = 1,
+    renderBadge,
+    renderOverflow,
+    asChild,
+    className,
+    style,
+    ref,
+    ...rootProps
+  } = props;
+  const getBadgeLabel = React__namespace.useCallback(
+    (item) => {
+      if (typeof item === "object" && !getBadgeLabelProp) {
+        throw new Error("`getBadgeLabel` is required when using array of objects");
+      }
+      return getBadgeLabelProp ? getBadgeLabelProp(item) : item;
+    },
+    [getBadgeLabelProp]
+  );
+  const rootRef = React__namespace.useRef(null);
+  const composedRef = chunkXIQUR62A_cjs.useComposedRefs(ref, rootRef);
+  const measureRef = React__namespace.useRef(null);
+  const [containerWidth, setContainerWidth] = React__namespace.useState(0);
+  const [badgeGap, setBadgeGap] = React__namespace.useState(4);
+  const [badgeHeight, setBadgeHeight] = React__namespace.useState(20);
+  const [overflowBadgeWidth, setOverflowBadgeWidth] = React__namespace.useState(40);
+  const [isMeasured, setIsMeasured] = React__namespace.useState(false);
+  const [badgeWidths, setBadgeWidths] = React__namespace.useState(/* @__PURE__ */ new Map());
+  React__namespace.useLayoutEffect(() => {
+    if (!rootRef.current || !measureRef.current) return;
+    function measureContainer() {
+      if (!rootRef.current || !measureRef.current) return;
+      const computedStyle = getComputedStyle(rootRef.current);
+      const gapValue = computedStyle.gap;
+      const gap = gapValue ? parseFloat(gapValue) : 4;
+      setBadgeGap(gap);
+      const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
+      const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
+      const totalPadding = paddingLeft + paddingRight;
+      const widthMap = /* @__PURE__ */ new Map();
+      const measureChildren = measureRef.current.children;
+      for (let i = 0; i < items.length; i++) {
+        const child = measureChildren[i];
+        if (child) {
+          const label = getBadgeLabel(items[i]);
+          widthMap.set(label, child.offsetWidth);
+        }
+      }
+      setBadgeWidths(widthMap);
+      const firstBadge = measureChildren[0];
+      if (firstBadge) {
+        setBadgeHeight(firstBadge.offsetHeight || 20);
+      }
+      const overflowChild = measureChildren[items.length];
+      if (overflowChild) {
+        setOverflowBadgeWidth(overflowChild.offsetWidth || 40);
+      }
+      const width = rootRef.current.clientWidth - totalPadding;
+      setContainerWidth(width);
+      setIsMeasured(true);
+    }
+    measureContainer();
+    const resizeObserver = new ResizeObserver(measureContainer);
+    resizeObserver.observe(rootRef.current);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [items, getBadgeLabel]);
+  const placeholderHeight = React__namespace.useMemo(
+    () => badgeHeight * lineCount + badgeGap * (lineCount - 1),
+    [badgeHeight, badgeGap, lineCount]
+  );
+  const { visibleItems, hiddenCount } = React__namespace.useMemo(() => {
+    if (!containerWidth || items.length === 0 || badgeWidths.size === 0) {
+      return { visibleItems: items, hiddenCount: 0 };
+    }
+    let currentLineWidth = 0;
+    let currentLine = 1;
+    const visible = [];
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      if (!item) continue;
+      const label = getBadgeLabel(item);
+      const badgeWidth = badgeWidths.get(label);
+      if (!badgeWidth) {
+        continue;
+      }
+      const widthWithGap = badgeWidth + badgeGap;
+      const isLastLine = currentLine === lineCount;
+      const hasMoreItems = i < items.length - 1;
+      const availableWidth = isLastLine && hasMoreItems ? containerWidth - overflowBadgeWidth - badgeGap : containerWidth;
+      if (currentLineWidth + widthWithGap <= availableWidth) {
+        currentLineWidth += widthWithGap;
+        visible.push(item);
+      } else if (currentLine < lineCount) {
+        currentLine++;
+        currentLineWidth = widthWithGap;
+        visible.push(item);
+      } else {
+        break;
+      }
+    }
+    return {
+      visibleItems: visible,
+      hiddenCount: Math.max(0, items.length - visible.length)
+    };
+  }, [items, getBadgeLabel, containerWidth, lineCount, badgeGap, overflowBadgeWidth, badgeWidths]);
+  const Component = asChild ? radixUi.Slot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: measureRef, className: "pointer-events-none invisible absolute flex flex-wrap", style: { gap: badgeGap }, children: [
+      items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
+      renderOverflow ? renderOverflow(99) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: "+99" })
+    ] }),
+    isMeasured ? /* @__PURE__ */ jsxRuntime.jsxs(
+      Component,
+      {
+        "data-slot": "badge-overflow",
+        ...rootProps,
+        ref: composedRef,
+        className: chunkH2BWO3SI_cjs.cn("flex flex-wrap", className),
+        style: {
+          gap: badgeGap,
+          ...style
+        },
+        children: [
+          visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
+          hiddenCount > 0 && (renderOverflow ? renderOverflow(hiddenCount) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: [
+            "+",
+            hiddenCount
+          ] }))
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        "data-slot": "badge-overflow",
+        ...rootProps,
+        ref: composedRef,
+        className: chunkH2BWO3SI_cjs.cn("flex flex-wrap", className),
+        style: {
+          gap: badgeGap,
+          minHeight: placeholderHeight,
+          ...style
+        },
+        children: items.slice(0, Math.min(items.length, lineCount * 3 - (lineCount > 1 ? 1 : 0))).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index))
+      }
+    )
+  ] });
+}
+
+exports.BadgeOverflow = BadgeOverflow;

package/dist/components/badge-overflow/index.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface GetBadgeLabel<T> {
+    /**
+     * Callback that returns a label string for each badge item.
+     * Optional for primitive arrays (strings, numbers), required for object arrays.
+     * @example getBadgeLabel={(item) => item.name}
+     */
+    getBadgeLabel: (item: T) => string;
+}
+type BadgeOverflowProps<T = string> = React.ComponentProps<"div"> & (T extends object ? GetBadgeLabel<T> : Partial<GetBadgeLabel<T>>) & {
+    items: T[];
+    lineCount?: number;
+    renderBadge: (item: T, label: string) => React.ReactNode;
+    renderOverflow?: (count: number) => React.ReactNode;
+    asChild?: boolean;
+};
+declare function BadgeOverflow<T = string>(props: BadgeOverflowProps<T>): react_jsx_runtime.JSX.Element;
+
+export { BadgeOverflow, type BadgeOverflowProps };

package/dist/components/badge-overflow/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface GetBadgeLabel<T> {
+    /**
+     * Callback that returns a label string for each badge item.
+     * Optional for primitive arrays (strings, numbers), required for object arrays.
+     * @example getBadgeLabel={(item) => item.name}
+     */
+    getBadgeLabel: (item: T) => string;
+}
+type BadgeOverflowProps<T = string> = React.ComponentProps<"div"> & (T extends object ? GetBadgeLabel<T> : Partial<GetBadgeLabel<T>>) & {
+    items: T[];
+    lineCount?: number;
+    renderBadge: (item: T, label: string) => React.ReactNode;
+    renderOverflow?: (count: number) => React.ReactNode;
+    asChild?: boolean;
+};
+declare function BadgeOverflow<T = string>(props: BadgeOverflowProps<T>): react_jsx_runtime.JSX.Element;
+
+export { BadgeOverflow, type BadgeOverflowProps };