@szum-tech/design-system 3.6.0 → 3.7.1

package/dist/{chunk-N2Q3D32M.js → chunk-3BLXG7ET.js}

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var colorSwatchVariants = cva(
-  "box-border rounded border border-border shadow-sm [background-clip:padding-box] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "border-border box-border rounded border shadow-sm [background-clip:padding-box] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   {
     variants: {
       size: {

package/dist/{chunk-5Q3H4MOX.js → chunk-ACJ3ES2B.js}

@@ -13,7 +13,7 @@ function DialogClose(props) {
 }
 var dialogContentVariants = cva(
   [
-    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 "
   ],
   {

package/dist/{chunk-6WGZMVJT.cjs → chunk-BAWVLSRF.cjs}

@@ -15,7 +15,7 @@ function DialogClose(props) {
 }
 var dialogContentVariants = classVarianceAuthority.cva(
   [
-    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 "
   ],
   {

package/dist/{chunk-FUS2IGBX.js → chunk-FKCWRNWB.js}

@@ -11,8 +11,8 @@ var badgeVariants = cva(
         primary: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
         secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 border-transparent focus-visible:ring-success/20",
-        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent focus-visible:ring-warning/20",
+        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 focus-visible:ring-success/20 border-transparent",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 focus-visible:ring-warning/20 border-transparent",
         error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent"
       }
     },

package/dist/chunk-M7NIRB3U.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "",
+        orientation === "horizontal" ? "h-2.5 flex-col border-t border-t-transparent" : "",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded"
+        }
+      )
+    }
+  );
+}
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(ScrollArea$1.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      ScrollArea$1.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+  ] });
+}
+
+export { ScrollArea, ScrollBar };

package/dist/chunk-UJX74PFK.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.ScrollArea.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: chunkH2BWO3SI_cjs.cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "",
+        orientation === "horizontal" ? "h-2.5 flex-col border-t border-t-transparent" : "",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.ScrollArea.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded"
+        }
+      )
+    }
+  );
+}
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.ScrollArea.Root, { "data-slot": "scroll-area", className: chunkH2BWO3SI_cjs.cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.ScrollArea.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.ScrollArea.Corner, {})
+  ] });
+}
+
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;

package/dist/{chunk-Z33XUQTB.cjs → chunk-X55H6LRX.cjs}

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var colorSwatchVariants = classVarianceAuthority.cva(
-  "box-border rounded border border-border shadow-sm [background-clip:padding-box] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "border-border box-border rounded border shadow-sm [background-clip:padding-box] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   {
     variants: {
       size: {

package/dist/{chunk-54PWKHYF.cjs → chunk-Z6CZAPVG.cjs}

@@ -13,8 +13,8 @@ var badgeVariants = classVarianceAuthority.cva(
         primary: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
         secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 border-transparent focus-visible:ring-success/20",
-        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent focus-visible:ring-warning/20",
+        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 focus-visible:ring-success/20 border-transparent",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 focus-visible:ring-warning/20 border-transparent",
         error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent"
       }
     },

package/dist/components/badge/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk54PWKHYF_cjs = require('../../chunk-54PWKHYF.cjs');
+var chunkZ6CZAPVG_cjs = require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,13 +8,13 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.Badge; }
+  get: function () { return chunkZ6CZAPVG_cjs.Badge; }
 });
 Object.defineProperty(exports, "BadgeButton", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.BadgeButton; }
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeButton; }
 });
 Object.defineProperty(exports, "BadgeDot", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.BadgeDot; }
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeDot; }
 });

package/dist/components/badge/index.js

@@ -1,3 +1,3 @@
-export { Badge, BadgeButton, BadgeDot } from '../../chunk-FUS2IGBX.js';
+export { Badge, BadgeButton, BadgeDot } from '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,18 +1,19 @@
 'use strict';
 
-var chunkJXZ27PK6_cjs = require('../../chunk-JXZ27PK6.cjs');
+var chunkAEMI4LPB_cjs = require('../../chunk-AEMI4LPB.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-UJX74PFK.cjs');
 require('../../chunk-3ZRMIVJM.cjs');
 require('../../chunk-GHV2TURY.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-Z33XUQTB.cjs');
-require('../../chunk-6WGZMVJT.cjs');
+require('../../chunk-X55H6LRX.cjs');
+require('../../chunk-BAWVLSRF.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
@@ -22,7 +23,7 @@ require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-54PWKHYF.cjs');
+require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -30,5 +31,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Button; }
+  get: function () { return chunkAEMI4LPB_cjs.Button; }
 });

package/dist/components/button/index.js

@@ -1,16 +1,17 @@
-export { Button } from '../../chunk-GWRG4LH5.js';
+export { Button } from '../../chunk-6SNQ2B5C.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
+import '../../chunk-M7NIRB3U.js';
 import '../../chunk-O7QFYWMK.js';
 import '../../chunk-DTSFPOLX.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-N2Q3D32M.js';
-import '../../chunk-5Q3H4MOX.js';
+import '../../chunk-3BLXG7ET.js';
+import '../../chunk-ACJ3ES2B.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
 import '../../chunk-XJIUGEPN.js';
@@ -20,6 +21,6 @@ import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-FUS2IGBX.js';
+import '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/color-swatch/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ33XUQTB_cjs = require('../../chunk-Z33XUQTB.cjs');
+var chunkX55H6LRX_cjs = require('../../chunk-X55H6LRX.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,5 +8,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "ColorSwatch", {
   enumerable: true,
-  get: function () { return chunkZ33XUQTB_cjs.ColorSwatch; }
+  get: function () { return chunkX55H6LRX_cjs.ColorSwatch; }
 });

package/dist/components/color-swatch/index.js

@@ -1,3 +1,3 @@
-export { ColorSwatch } from '../../chunk-N2Q3D32M.js';
+export { ColorSwatch } from '../../chunk-3BLXG7ET.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/dialog/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6WGZMVJT_cjs = require('../../chunk-6WGZMVJT.cjs');
+var chunkBAWVLSRF_cjs = require('../../chunk-BAWVLSRF.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,33 +8,33 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.Dialog; }
+  get: function () { return chunkBAWVLSRF_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogClose; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogContent; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogDescription; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogFooter; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogHeader; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogTitle; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogTrigger; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogTrigger; }
 });

package/dist/components/dialog/index.js

@@ -1,3 +1,3 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-5Q3H4MOX.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-ACJ3ES2B.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/index.cjs

@@ -2,19 +2,20 @@
 
 'use strict';
 
-var chunkJXZ27PK6_cjs = require('../chunk-JXZ27PK6.cjs');
+var chunkAEMI4LPB_cjs = require('../chunk-AEMI4LPB.cjs');
+var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
 var chunkNU5UQPBX_cjs = require('../chunk-NU5UQPBX.cjs');
 var chunkGR37JJQK_cjs = require('../chunk-GR37JJQK.cjs');
 var chunk3DUJHGXE_cjs = require('../chunk-3DUJHGXE.cjs');
 var chunkTH44JYXB_cjs = require('../chunk-TH44JYXB.cjs');
 var chunkXENOUBSI_cjs = require('../chunk-XENOUBSI.cjs');
+var chunkUJX74PFK_cjs = require('../chunk-UJX74PFK.cjs');
 var chunk3ZRMIVJM_cjs = require('../chunk-3ZRMIVJM.cjs');
 var chunkGHV2TURY_cjs = require('../chunk-GHV2TURY.cjs');
-var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
 var chunk2Y2ZCPNV_cjs = require('../chunk-2Y2ZCPNV.cjs');
 var chunkHCHVDUI6_cjs = require('../chunk-HCHVDUI6.cjs');
-var chunkZ33XUQTB_cjs = require('../chunk-Z33XUQTB.cjs');
-var chunk6WGZMVJT_cjs = require('../chunk-6WGZMVJT.cjs');
+var chunkX55H6LRX_cjs = require('../chunk-X55H6LRX.cjs');
+var chunkBAWVLSRF_cjs = require('../chunk-BAWVLSRF.cjs');
 var chunkYTVV2IUF_cjs = require('../chunk-YTVV2IUF.cjs');
 var chunkS3ANEJJ7_cjs = require('../chunk-S3ANEJJ7.cjs');
 var chunkUIOBJSKZ_cjs = require('../chunk-UIOBJSKZ.cjs');
@@ -24,7 +25,7 @@ require('../chunk-EW6TE3N5.cjs');
 require('../chunk-7EYMOUWG.cjs');
 var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
 var chunkI7AV5IQO_cjs = require('../chunk-I7AV5IQO.cjs');
-var chunk54PWKHYF_cjs = require('../chunk-54PWKHYF.cjs');
+var chunkZ6CZAPVG_cjs = require('../chunk-Z6CZAPVG.cjs');
 require('../chunk-H2BWO3SI.cjs');
 require('../chunk-3376ZTRC.cjs');
 
@@ -32,91 +33,95 @@ require('../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Button; }
+  get: function () { return chunkAEMI4LPB_cjs.Button; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Stepper; }
+  get: function () { return chunkAEMI4LPB_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperActivationMode; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperContent; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperDataState; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperDescription; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperFocusIntent; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperIndicator; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperItem; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNav; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNavigationDirection; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNextTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperOrientation; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperPanel; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperPrevTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperTitle; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Toaster; }
+  get: function () { return chunkAEMI4LPB_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.toast; }
+  get: function () { return chunkAEMI4LPB_cjs.toast; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperFocusContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperItemContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperItemContext; }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () { return chunk3WSQRFUY_cjs.Spinner; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
@@ -182,6 +187,14 @@ Object.defineProperty(exports, "RadioGroupItem", {
   enumerable: true,
   get: function () { return chunkXENOUBSI_cjs.RadioGroupItem; }
 });
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollBar; }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () { return chunk3ZRMIVJM_cjs.Select; }
@@ -238,10 +251,6 @@ Object.defineProperty(exports, "SheetTrigger", {
   enumerable: true,
   get: function () { return chunkGHV2TURY_cjs.SheetTrigger; }
 });
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () { return chunk3WSQRFUY_cjs.Spinner; }
-});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () { return chunk2Y2ZCPNV_cjs.Card; }
@@ -276,39 +285,39 @@ Object.defineProperty(exports, "Checkbox", {
 });
 Object.defineProperty(exports, "ColorSwatch", {
   enumerable: true,
-  get: function () { return chunkZ33XUQTB_cjs.ColorSwatch; }
+  get: function () { return chunkX55H6LRX_cjs.ColorSwatch; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.Dialog; }
+  get: function () { return chunkBAWVLSRF_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogClose; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogContent; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogDescription; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogFooter; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogHeader; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogTitle; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunk6WGZMVJT_cjs.DialogTrigger; }
+  get: function () { return chunkBAWVLSRF_cjs.DialogTrigger; }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
@@ -416,13 +425,13 @@ Object.defineProperty(exports, "AvatarImage", {
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.Badge; }
+  get: function () { return chunkZ6CZAPVG_cjs.Badge; }
 });
 Object.defineProperty(exports, "BadgeButton", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.BadgeButton; }
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeButton; }
 });
 Object.defineProperty(exports, "BadgeDot", {
   enumerable: true,
-  get: function () { return chunk54PWKHYF_cjs.BadgeDot; }
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeDot; }
 });

package/dist/components/index.d.cts

@@ -21,6 +21,7 @@ export { Toaster, ToasterProps } from './toaster/index.cjs';
 export { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from './tooltip/index.cjs';
 export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from './radio-group/index.cjs';
 export { ColorSwatch, ColorSwatchProps, ColorSwatchSize } from './color-swatch/index.cjs';
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps } from './scroll-area/index.cjs';
 export { toast } from 'sonner';
 import 'react';
 import 'radix-ui';

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export { Toaster, ToasterProps } from './toaster/index.js';
 export { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from './tooltip/index.js';
 export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from './radio-group/index.js';
 export { ColorSwatch, ColorSwatchProps, ColorSwatchSize } from './color-swatch/index.js';
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps } from './scroll-area/index.js';
 export { toast } from 'sonner';
 import 'react';
 import 'radix-ui';

package/dist/components/index.js

@@ -1,18 +1,19 @@
 "use client";
 
-export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-GWRG4LH5.js';
+export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-6SNQ2B5C.js';
+export { Spinner } from '../chunk-P5IUC7HJ.js';
 export { Textarea } from '../chunk-OQCNPNPS.js';
 export { Tooltip, TooltipProvider } from '../chunk-HJJPEVIH.js';
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../chunk-XV3AQ6NS.js';
 export { Progress } from '../chunk-PBEZZMAB.js';
 export { RadioGroup, RadioGroupItem } from '../chunk-4TRADSTP.js';
+export { ScrollArea, ScrollBar } from '../chunk-M7NIRB3U.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../chunk-O7QFYWMK.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-DTSFPOLX.js';
-export { Spinner } from '../chunk-P5IUC7HJ.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-6BSR3O2J.js';
 export { Checkbox } from '../chunk-5F2Y65JH.js';
-export { ColorSwatch } from '../chunk-N2Q3D32M.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-5Q3H4MOX.js';
+export { ColorSwatch } from '../chunk-3BLXG7ET.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-ACJ3ES2B.js';
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../chunk-KYFNEU4K.js';
 export { Label } from '../chunk-I3RSTJP6.js';
 export { Separator } from '../chunk-XJIUGEPN.js';
@@ -22,6 +23,6 @@ import '../chunk-H5O5L6XT.js';
 import '../chunk-DFD2WUOU.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';
 export { Avatar, AvatarFallback, AvatarImage } from '../chunk-NGVFYKAT.js';
-export { Badge, BadgeButton, BadgeDot } from '../chunk-FUS2IGBX.js';
+export { Badge, BadgeButton, BadgeDot } from '../chunk-FKCWRNWB.js';
 import '../chunk-ZD2QRAOX.js';
 import '../chunk-BYXBJQAS.js';

package/dist/components/scroll-area/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkUJX74PFK_cjs = require('../../chunk-UJX74PFK.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollBar; }
+});

package/dist/components/scroll-area/index.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
+
+type ScrollAreaProps = React.ComponentProps<typeof ScrollArea$1.Root>;
+declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+type ScrollBarProps = React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>;
+declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps };

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
+
+type ScrollAreaProps = React.ComponentProps<typeof ScrollArea$1.Root>;
+declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+type ScrollBarProps = React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>;
+declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps };

package/dist/components/scroll-area/index.js

@@ -0,0 +1,3 @@
+export { ScrollArea, ScrollBar } from '../../chunk-M7NIRB3U.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/stepper/index.cjs

@@ -1,18 +1,19 @@
 'use strict';
 
-var chunkJXZ27PK6_cjs = require('../../chunk-JXZ27PK6.cjs');
+var chunkAEMI4LPB_cjs = require('../../chunk-AEMI4LPB.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-UJX74PFK.cjs');
 require('../../chunk-3ZRMIVJM.cjs');
 require('../../chunk-GHV2TURY.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-Z33XUQTB.cjs');
-require('../../chunk-6WGZMVJT.cjs');
+require('../../chunk-X55H6LRX.cjs');
+require('../../chunk-BAWVLSRF.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
@@ -22,7 +23,7 @@ require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-54PWKHYF.cjs');
+require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -30,77 +31,77 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Stepper; }
+  get: function () { return chunkAEMI4LPB_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperActivationMode; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperContent; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperDataState; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperDescription; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperFocusIntent; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperIndicator; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperItem; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNav; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNavigationDirection; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperNextTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperOrientation; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperPanel; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperPrevTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperTitle; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.StepperTrigger; }
+  get: function () { return chunkAEMI4LPB_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperFocusContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.useStepperItemContext; }
+  get: function () { return chunkAEMI4LPB_cjs.useStepperItemContext; }
 });

package/dist/components/stepper/index.js

@@ -1,16 +1,17 @@
-export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-GWRG4LH5.js';
+export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-6SNQ2B5C.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
+import '../../chunk-M7NIRB3U.js';
 import '../../chunk-O7QFYWMK.js';
 import '../../chunk-DTSFPOLX.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-N2Q3D32M.js';
-import '../../chunk-5Q3H4MOX.js';
+import '../../chunk-3BLXG7ET.js';
+import '../../chunk-ACJ3ES2B.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
 import '../../chunk-XJIUGEPN.js';
@@ -20,6 +21,6 @@ import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-FUS2IGBX.js';
+import '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/toaster/index.cjs

@@ -1,18 +1,19 @@
 'use strict';
 
-var chunkJXZ27PK6_cjs = require('../../chunk-JXZ27PK6.cjs');
+var chunkAEMI4LPB_cjs = require('../../chunk-AEMI4LPB.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-UJX74PFK.cjs');
 require('../../chunk-3ZRMIVJM.cjs');
 require('../../chunk-GHV2TURY.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-Z33XUQTB.cjs');
-require('../../chunk-6WGZMVJT.cjs');
+require('../../chunk-X55H6LRX.cjs');
+require('../../chunk-BAWVLSRF.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
@@ -22,7 +23,7 @@ require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-54PWKHYF.cjs');
+require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -30,9 +31,9 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.Toaster; }
+  get: function () { return chunkAEMI4LPB_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkJXZ27PK6_cjs.toast; }
+  get: function () { return chunkAEMI4LPB_cjs.toast; }
 });

package/dist/components/toaster/index.js

@@ -1,16 +1,17 @@
-export { Toaster, toast } from '../../chunk-GWRG4LH5.js';
+export { Toaster, toast } from '../../chunk-6SNQ2B5C.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
+import '../../chunk-M7NIRB3U.js';
 import '../../chunk-O7QFYWMK.js';
 import '../../chunk-DTSFPOLX.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-N2Q3D32M.js';
-import '../../chunk-5Q3H4MOX.js';
+import '../../chunk-3BLXG7ET.js';
+import '../../chunk-ACJ3ES2B.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
 import '../../chunk-XJIUGEPN.js';
@@ -20,6 +21,6 @@ import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-FUS2IGBX.js';
+import '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.6.0",
+  "version": "3.7.1",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",

package/tailwind/scroll.css

@@ -2,24 +2,23 @@
 
 @layer base {
   * {
-    /* width */
     ::-webkit-scrollbar {
-      width: 8px;
+      @apply h-2 w-2;
     }
-
-    /* Track */
     ::-webkit-scrollbar-track {
-      background: var(--color-app-background);
+      @apply bg-background;
     }
-
-    /* Handle */
     ::-webkit-scrollbar-thumb {
-      background: var(--color-gray-400);
+      @apply bg-border rounded;
     }
-
-    /* Handle on hover */
     ::-webkit-scrollbar-thumb:hover {
-      background: var(--color-gray-300);
+      @apply bg-border/80;
+    }
+    ::-webkit-scrollbar-button {
+      @apply hidden;
+    }
+    ::-webkit-scrollbar-corner {
+      @apply bg-background;
     }
   }
 }

package/dist/{chunk-GWRG4LH5.js → chunk-6SNQ2B5C.js}

@@ -1,5 +1,5 @@
-import { useComposedRefs } from './chunk-O7QFYWMK.js';
 import { Spinner } from './chunk-P5IUC7HJ.js';
+import { useComposedRefs } from './chunk-O7QFYWMK.js';
 import { useDirection, Direction } from './chunk-H5O5L6XT.js';
 import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-DFD2WUOU.js';
 import { cn } from './chunk-ZD2QRAOX.js';

package/dist/{chunk-JXZ27PK6.cjs → chunk-AEMI4LPB.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3ZRMIVJM_cjs = require('./chunk-3ZRMIVJM.cjs');
 var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
+var chunk3ZRMIVJM_cjs = require('./chunk-3ZRMIVJM.cjs');
 var chunkEW6TE3N5_cjs = require('./chunk-EW6TE3N5.cjs');
 var chunk7EYMOUWG_cjs = require('./chunk-7EYMOUWG.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');