@szum-tech/design-system 3.8.1 → 3.9.0

package/dist/components/stepper/index.js

@@ -1,27 +1,27 @@
-export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-SZ3LC2VO.js';
+export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-PHPJ54IC.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-HJJPEVIH.js';
-import '../../chunk-UW6GOD7J.js';
+import '../../chunk-U7XZJQ4O.js';
+import '../../chunk-VT5GDGZJ.js';
 import '../../chunk-UGSNASZM.js';
-import '../../chunk-XV3AQ6NS.js';
+import '../../chunk-KGGCA634.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
 import '../../chunk-E5TYGWGE.js';
-import '../../chunk-FKCWRNWB.js';
+import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-ACJ3ES2B.js';
+import '../../chunk-3RK5PCIC.js';
+import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
-import '../../chunk-SYKUS2RV.js';
+import '../../chunk-3MH6P44N.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-I3RSTJP6.js';
-import '../../chunk-3BLXG7ET.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
-import '../../chunk-2Q2BIWBE.js';
+import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/toaster/index.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunk3Z3GVXXN_cjs = require('../../chunk-3Z3GVXXN.cjs');
+var chunkXTNS5QH5_cjs = require('../../chunk-XTNS5QH5.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-GR37JJQK.cjs');
-require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-6X26XC6P.cjs');
 require('../../chunk-5AA4IE2T.cjs');
-require('../../chunk-3DUJHGXE.cjs');
+require('../../chunk-CFJ44JVK.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-UJX74PFK.cjs');
 require('../../chunk-XJZOANXX.cjs');
-require('../../chunk-Z6CZAPVG.cjs');
+require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-BAWVLSRF.cjs');
+require('../../chunk-ULEEQ723.cjs');
+require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
-require('../../chunk-Q5ONG5HB.cjs');
+require('../../chunk-DTYX7CYN.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
-require('../../chunk-X55H6LRX.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
-require('../../chunk-O3DHBQA5.cjs');
+require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
 require('../../chunk-H2BWO3SI.cjs');
@@ -32,9 +32,9 @@ require('../../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunk3Z3GVXXN_cjs.Toaster; }
+  get: function () { return chunkXTNS5QH5_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunk3Z3GVXXN_cjs.toast; }
+  get: function () { return chunkXTNS5QH5_cjs.toast; }
 });

package/dist/components/toaster/index.js

@@ -1,27 +1,27 @@
-export { Toaster, toast } from '../../chunk-SZ3LC2VO.js';
+export { Toaster, toast } from '../../chunk-PHPJ54IC.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-HJJPEVIH.js';
-import '../../chunk-UW6GOD7J.js';
+import '../../chunk-U7XZJQ4O.js';
+import '../../chunk-VT5GDGZJ.js';
 import '../../chunk-UGSNASZM.js';
-import '../../chunk-XV3AQ6NS.js';
+import '../../chunk-KGGCA634.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
 import '../../chunk-E5TYGWGE.js';
-import '../../chunk-FKCWRNWB.js';
+import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-ACJ3ES2B.js';
+import '../../chunk-3RK5PCIC.js';
+import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
-import '../../chunk-SYKUS2RV.js';
+import '../../chunk-3MH6P44N.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-I3RSTJP6.js';
-import '../../chunk-3BLXG7ET.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
-import '../../chunk-2Q2BIWBE.js';
+import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/tooltip/index.cjs

@@ -1,14 +1,19 @@
 'use strict';
 
-var chunkGR37JJQK_cjs = require('../../chunk-GR37JJQK.cjs');
+var chunkA7SBXO2Y_cjs = require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkGR37JJQK_cjs.Tooltip; }
+  get: function () { return chunkA7SBXO2Y_cjs.Tooltip; }
 });
-Object.defineProperty(exports, "TooltipProvider", {
+Object.defineProperty(exports, "TooltipContent", {
   enumerable: true,
-  get: function () { return chunkGR37JJQK_cjs.TooltipProvider; }
+  get: function () { return chunkA7SBXO2Y_cjs.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkA7SBXO2Y_cjs.TooltipTrigger; }
 });

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

@@ -2,17 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Tooltip as Tooltip$1 } from 'radix-ui';
 
-type TooltipProps = Tooltip$1.TooltipContentProps & {
-    children?: React.ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    content?: React.ReactNode;
-    collisionPadding?: number;
-};
-declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
+declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-type TooltipProviderProps = React.ComponentProps<typeof Tooltip$1.Provider>;
-declare function TooltipProvider({ children, skipDelayDuration, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
+declare function TooltipTrigger(props: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
 
-export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };
+type TooltipContentProps = React.ComponentProps<typeof Tooltip$1.Content>;
+declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

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

@@ -2,17 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Tooltip as Tooltip$1 } from 'radix-ui';
 
-type TooltipProps = Tooltip$1.TooltipContentProps & {
-    children?: React.ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    content?: React.ReactNode;
-    collisionPadding?: number;
-};
-declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
+declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-type TooltipProviderProps = React.ComponentProps<typeof Tooltip$1.Provider>;
-declare function TooltipProvider({ children, skipDelayDuration, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
+declare function TooltipTrigger(props: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
 
-export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };
+type TooltipContentProps = React.ComponentProps<typeof Tooltip$1.Content>;
+declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip/index.js

@@ -1 +1,2 @@
-export { Tooltip, TooltipProvider } from '../../chunk-HJJPEVIH.js';
+export { Tooltip, TooltipContent, TooltipTrigger } from '../../chunk-U7XZJQ4O.js';
+import '../../chunk-ZD2QRAOX.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -122,7 +122,7 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.562.0",
     "radix-ui": "^1.4.3",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
@@ -135,7 +135,7 @@
     "@storybook/addon-vitest": "^10.1.4",
     "@storybook/builder-vite": "^10.1.4",
     "@storybook/react-vite": "^10.1.4",
-    "@szum-tech/eslint-config": "^2.1.7",
+    "@szum-tech/eslint-config": "^2.1.15",
     "@szum-tech/prettier-config": "^1.6.2",
     "@szum-tech/semantic-release-config": "^2.3.1",
     "@tailwindcss/vite": "^4.1.11",
@@ -143,7 +143,7 @@
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
@@ -153,7 +153,7 @@
     "@vitest/ui": "^4.0.15",
     "cpy-cli": "^6.0.0",
     "eslint": "^9.39.1",
-    "happy-dom": "^20.0.2",
+    "happy-dom": "^20.1.0",
     "playwright": "^1.56.1",
     "prettier": "^3.7.4",
     "react": "^19.2.1",
@@ -168,7 +168,7 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vite": "^7.2.4",
-    "vite-tsconfig-paths": "^5.1.4",
+    "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.15"
   },
   "peerDependencies": {
@@ -176,9 +176,6 @@
     "react-dom": ">=19",
     "tailwindcss": ">=4"
   },
-  "engines": {
-    "node": ">=24"
-  },
   "publishConfig": {
     "access": "public"
   }

package/tailwind/global.css

@@ -7,12 +7,17 @@
 
 @plugin "tailwindcss-animate";
 
+@custom-variant dark (&:is(.dark *));
+
 @layer base {
   button:not(:disabled),
   [role="button"]:not(:disabled) {
     cursor: pointer;
   }
 
+  * {
+    @apply border-border outline-ring/50;
+  }
   body {
     @apply bg-background font-poppins text-foreground text-body-default antialiased;
   }

package/dist/chunk-GR37JJQK.cjs

@@ -1,43 +0,0 @@
-'use strict';
-
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/tooltip/tooltip.tsx
-function Tooltip({
-  defaultOpen,
-  content,
-  open,
-  onOpenChange,
-  children,
-  side,
-  align,
-  collisionPadding = 8,
-  sideOffset = 8,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Tooltip.Root, { delayDuration: 0, open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Trigger, { asChild: true, children }),
-    content ? /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      radixUi.Tooltip.Content,
-      {
-        className: "text-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade rounded bg-white p-2 text-gray-100 will-change-[transform,opacity] select-none",
-        sideOffset,
-        side,
-        align,
-        collisionPadding,
-        ...props,
-        children: [
-          content,
-          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Arrow, { width: 8, height: 4, className: "fill-white" })
-        ]
-      }
-    ) }) : null
-  ] });
-}
-function TooltipProvider({ children, skipDelayDuration = 500, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { skipDelayDuration, ...props, children });
-}
-
-exports.Tooltip = Tooltip;
-exports.TooltipProvider = TooltipProvider;

package/dist/chunk-HJJPEVIH.js

@@ -1,40 +0,0 @@
-import { Tooltip as Tooltip$1 } from 'radix-ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/tooltip/tooltip.tsx
-function Tooltip({
-  defaultOpen,
-  content,
-  open,
-  onOpenChange,
-  children,
-  side,
-  align,
-  collisionPadding = 8,
-  sideOffset = 8,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Tooltip$1.Root, { delayDuration: 0, open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsx(Tooltip$1.Trigger, { asChild: true, children }),
-    content ? /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
-      Tooltip$1.Content,
-      {
-        className: "text-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade rounded bg-white p-2 text-gray-100 will-change-[transform,opacity] select-none",
-        sideOffset,
-        side,
-        align,
-        collisionPadding,
-        ...props,
-        children: [
-          content,
-          /* @__PURE__ */ jsx(Tooltip$1.Arrow, { width: 8, height: 4, className: "fill-white" })
-        ]
-      }
-    ) }) : null
-  ] });
-}
-function TooltipProvider({ children, skipDelayDuration = 500, ...props }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { skipDelayDuration, ...props, children });
-}
-
-export { Tooltip, TooltipProvider };