@szum-tech/design-system 3.2.0 → 3.4.0

package/dist/components/stepper/index.cjs

@@ -1,25 +1,26 @@
 'use strict';
 
-var chunkZV4467OW_cjs = require('../../chunk-ZV4467OW.cjs');
-require('../../chunk-3KMXFN6M.cjs');
+var chunkP2MKLQQK_cjs = require('../../chunk-P2MKLQQK.cjs');
+require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-Y6EVJSAH.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
 require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-QUS6ZDMH.cjs');
-require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-H3CLI4CJ.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-5AA4IE2T.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-3DUJHGXE.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-NHFHKMX2.cjs');
 require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-NT3AA6QQ.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -27,77 +28,77 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.Stepper; }
+  get: function () { return chunkP2MKLQQK_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperActivationMode; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperContent; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperDataState; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperDescription; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperFocusIntent; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperIndicator; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperItem; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperNav; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperNavigationDirection; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperNextTrigger; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperOrientation; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperPanel; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperPrevTrigger; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperTitle; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.StepperTrigger; }
+  get: function () { return chunkP2MKLQQK_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.useStepperContext; }
+  get: function () { return chunkP2MKLQQK_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.useStepperFocusContext; }
+  get: function () { return chunkP2MKLQQK_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.useStepperItemContext; }
+  get: function () { return chunkP2MKLQQK_cjs.useStepperItemContext; }
 });

package/dist/components/stepper/index.js

@@ -1,22 +1,23 @@
-export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-DP7UEOTA.js';
-import '../../chunk-WJSS32MY.js';
+export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-777F7WSJ.js';
+import '../../chunk-HJJPEVIH.js';
+import '../../chunk-4TRADSTP.js';
 import '../../chunk-U4AWAABZ.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-HJJPEVIH.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
 import '../../chunk-AGVEKVWD.js';
-import '../../chunk-2Y7LMI52.js';
-import '../../chunk-XJIUGEPN.js';
+import '../../chunk-6U4URFAI.js';
+import '../../chunk-I3RSTJP6.js';
 import '../../chunk-UW6GOD7J.js';
 import '../../chunk-UGSNASZM.js';
-import '../../chunk-I3RSTJP6.js';
+import '../../chunk-XV3AQ6NS.js';
+import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-7V34QHYR.js';
 import '../../chunk-5MJPZUTO.js';
+import '../../chunk-PAHTQUQC.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/toaster/index.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var chunkP2MKLQQK_cjs = require('../../chunk-P2MKLQQK.cjs');
+require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-Y6EVJSAH.cjs');
+require('../../chunk-GHV2TURY.cjs');
+require('../../chunk-3WSQRFUY.cjs');
+require('../../chunk-NU5UQPBX.cjs');
+require('../../chunk-2Y2ZCPNV.cjs');
+require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-PH4LO5TE.cjs');
+require('../../chunk-H3CLI4CJ.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-5AA4IE2T.cjs');
+require('../../chunk-3DUJHGXE.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-EW6TE3N5.cjs');
+require('../../chunk-7EYMOUWG.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-NT3AA6QQ.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return chunkP2MKLQQK_cjs.Toaster; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return chunkP2MKLQQK_cjs.toast; }
+});

package/dist/components/toaster/index.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps as ToasterProps$1 } from 'sonner';
+export { toast } from 'sonner';
+
+type ToasterProps = ToasterProps$1;
+declare const Toaster: ({ theme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps };

package/dist/components/toaster/index.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps as ToasterProps$1 } from 'sonner';
+export { toast } from 'sonner';
+
+type ToasterProps = ToasterProps$1;
+declare const Toaster: ({ theme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps };

package/dist/components/toaster/index.js

@@ -0,0 +1,23 @@
+export { Toaster, toast } from '../../chunk-777F7WSJ.js';
+import '../../chunk-HJJPEVIH.js';
+import '../../chunk-4TRADSTP.js';
+import '../../chunk-U4AWAABZ.js';
+import '../../chunk-DTSFPOLX.js';
+import '../../chunk-P5IUC7HJ.js';
+import '../../chunk-OQCNPNPS.js';
+import '../../chunk-6BSR3O2J.js';
+import '../../chunk-5F2Y65JH.js';
+import '../../chunk-AGVEKVWD.js';
+import '../../chunk-6U4URFAI.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-UW6GOD7J.js';
+import '../../chunk-UGSNASZM.js';
+import '../../chunk-XV3AQ6NS.js';
+import '../../chunk-XJIUGEPN.js';
+import '../../chunk-H5O5L6XT.js';
+import '../../chunk-DFD2WUOU.js';
+import '../../chunk-NGVFYKAT.js';
+import '../../chunk-5MJPZUTO.js';
+import '../../chunk-PAHTQUQC.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -119,21 +119,29 @@
     "test:watch": "vitest --watch",
     "type-check": "tsc --noEmit"
   },
+  "overrides": {
+    "@storybook-community/storybook-dark-mode": {
+      "storybook": "^10.0.6",
+      "@storybook/addon-docs": "^10.0.6"
+    }
+  },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.548.0",
+    "lucide-react": "^0.553.0",
     "radix-ui": "^1.4.2",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@hookform/resolvers": "^5.2.1",
     "@storybook-community/storybook-dark-mode": "^6.0.0",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-links": "^9.0.18",
-    "@storybook/addon-vitest": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
+    "@storybook/addon-docs": "^10.0.6",
+    "@storybook/addon-links": "^10.0.6",
+    "@storybook/addon-vitest": "^10.0.6",
+    "@storybook/builder-vite": "^10.0.6",
+    "@storybook/react-vite": "^10.0.6",
     "@szum-tech/eslint-config": "^2.1.7",
     "@szum-tech/prettier-config": "^1.6.2",
     "@szum-tech/semantic-release-config": "^2.3.1",
@@ -159,10 +167,10 @@
     "react-docgen": "^8.0.0",
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.1.0",
-    "semantic-release": "^25.0.1",
+    "semantic-release": "^24.2.9",
     "serve": "^14.2.4",
-    "storybook": "^9.0.18",
-    "storybook-addon-tag-badges": "^2.0.1",
+    "storybook": "^10.0.6",
+    "storybook-addon-tag-badges": "^3.0.2",
     "tailwindcss": "^4.1.11",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3",

package/dist/chunk-7V34QHYR.js

@@ -1,111 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var badgeCva = cva(
-  [
-    "inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs transition-[color,box-shadow]",
-    "[&>svg]:pointer-events-none [&>svg]:size-3",
-    "focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring",
-    "aria-invalid:ring-error-500/20 aria-invalid:border-ring-error-500"
-  ],
-  {
-    variants: {
-      color: {
-        neutral: "",
-        primary: "",
-        success: "",
-        warning: "",
-        error: ""
-      },
-      variant: {
-        contained: "",
-        outlined: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      // ---------- contained ---------- //
-      {
-        variant: "contained",
-        color: "neutral",
-        class: ["border-gray-500 bg-gray-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "primary",
-        class: ["border-primary-500 bg-primary-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "success",
-        class: ["border-success-500 bg-success-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "warning",
-        class: ["border-warning-500 bg-warning-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "error",
-        class: ["border-error-500 bg-error-500 text-white"]
-      },
-      // ---------- OUTLINED ---------- //
-      {
-        variant: "outlined",
-        color: "neutral",
-        class: ["border-gray-500 text-gray-100"]
-      },
-      {
-        variant: "outlined",
-        color: "primary",
-        class: ["border-primary-500 text-primary-500"]
-      },
-      {
-        variant: "outlined",
-        color: "success",
-        class: ["border-success-500 text-success-500"]
-      },
-      {
-        variant: "outlined",
-        color: "warning",
-        class: ["border-warning-500 text-warning-500"]
-      },
-      {
-        variant: "outlined",
-        color: "error",
-        class: ["border-error-500 text-error-500"]
-      }
-    ],
-    defaultVariants: {
-      color: "primary",
-      variant: "contained"
-    }
-  }
-);
-function Badge({
-  asChild = false,
-  color = "primary",
-  variant = "contained",
-  className,
-  children,
-  ...props
-}) {
-  const badgeStyles = badgeCva({ color, variant });
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      "data-variant": variant,
-      "data-color": color,
-      role: !asChild ? "status" : void 0,
-      className: cn(badgeStyles, className),
-      ...props,
-      children
-    }
-  );
-}
-
-export { Badge };

package/dist/chunk-NHFHKMX2.cjs

@@ -1,113 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var badgeCva = classVarianceAuthority.cva(
-  [
-    "inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs transition-[color,box-shadow]",
-    "[&>svg]:pointer-events-none [&>svg]:size-3",
-    "focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring",
-    "aria-invalid:ring-error-500/20 aria-invalid:border-ring-error-500"
-  ],
-  {
-    variants: {
-      color: {
-        neutral: "",
-        primary: "",
-        success: "",
-        warning: "",
-        error: ""
-      },
-      variant: {
-        contained: "",
-        outlined: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      // ---------- contained ---------- //
-      {
-        variant: "contained",
-        color: "neutral",
-        class: ["border-gray-500 bg-gray-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "primary",
-        class: ["border-primary-500 bg-primary-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "success",
-        class: ["border-success-500 bg-success-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "warning",
-        class: ["border-warning-500 bg-warning-500 text-white"]
-      },
-      {
-        variant: "contained",
-        color: "error",
-        class: ["border-error-500 bg-error-500 text-white"]
-      },
-      // ---------- OUTLINED ---------- //
-      {
-        variant: "outlined",
-        color: "neutral",
-        class: ["border-gray-500 text-gray-100"]
-      },
-      {
-        variant: "outlined",
-        color: "primary",
-        class: ["border-primary-500 text-primary-500"]
-      },
-      {
-        variant: "outlined",
-        color: "success",
-        class: ["border-success-500 text-success-500"]
-      },
-      {
-        variant: "outlined",
-        color: "warning",
-        class: ["border-warning-500 text-warning-500"]
-      },
-      {
-        variant: "outlined",
-        color: "error",
-        class: ["border-error-500 text-error-500"]
-      }
-    ],
-    defaultVariants: {
-      color: "primary",
-      variant: "contained"
-    }
-  }
-);
-function Badge({
-  asChild = false,
-  color = "primary",
-  variant = "contained",
-  className,
-  children,
-  ...props
-}) {
-  const badgeStyles = badgeCva({ color, variant });
-  const Comp = asChild ? reactSlot.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      "data-variant": variant,
-      "data-color": color,
-      role: !asChild ? "status" : void 0,
-      className: chunkH2BWO3SI_cjs.cn(badgeStyles, className),
-      ...props,
-      children
-    }
-  );
-}
-
-exports.Badge = Badge;