@szum-tech/design-system 3.17.0 → 3.18.2

package/dist/icons/index.js

@@ -1,88 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/icons/google-logo.tsx
-function GoogleLogoIcon(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      stroke: "currentColor",
-      fill: "none",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",
-            strokeWidth: "0",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-function LoadingIcon(props) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      fill: "currentColor",
-      version: "1.1",
-      viewBox: "0 0 26.349 26.35",
-      xmlSpace: "preserve",
-      ...props,
-      children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("circle", { cx: "13.792", cy: "3.082", r: "3.082" }),
-        /* @__PURE__ */ jsx("circle", { cx: "13.792", cy: "24.501", r: "1.849" }),
-        /* @__PURE__ */ jsx("circle", { cx: "6.219", cy: "6.218", r: "2.774" }),
-        /* @__PURE__ */ jsx("circle", { cx: "21.365", cy: "21.363", r: "1.541" }),
-        /* @__PURE__ */ jsx("circle", { cx: "3.082", cy: "13.792", r: "2.465" }),
-        /* @__PURE__ */ jsx("circle", { cx: "24.501", cy: "13.791", r: "1.232" }),
-        /* @__PURE__ */ jsx("path", { d: "M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z" }),
-        /* @__PURE__ */ jsx("circle", { cx: "21.364", cy: "6.218", r: "0.924" })
-      ] }) })
-    }
-  );
-}
-function Auth0LogoIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsx("title", {}),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
-function XLogoIcon(props) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      version: "1.1",
-      id: "Layer_1",
-      width: "24px",
-      height: "24px",
-      viewBox: "0 0 24 24",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-
-export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon };
+import {jsxs,jsx}from'react/jsx-runtime';function p(r){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function a(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...r,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function x(r){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function m(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...r,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}
+export{x as Auth0LogoIcon,p as GoogleLogoIcon,a as LoadingIcon,m as XLogoIcon};

package/dist/utils/index.cjs

@@ -1,10 +1 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('../chunk-H2BWO3SI.cjs');
-
-
-
-Object.defineProperty(exports, "cn", {
-  enumerable: true,
-  get: function () { return chunkH2BWO3SI_cjs.cn; }
-});
+'use strict';var chunkD5PAWOAZ_cjs=require('../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkD5PAWOAZ_cjs.a}});

package/dist/utils/index.js

@@ -1 +1 @@
-export { cn } from '../chunk-ZD2QRAOX.js';
+export{a as cn}from'../chunk-JUNHRB4B.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.17.0",
+  "version": "3.18.2",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -38,16 +38,6 @@
         "require": "./dist/components/index.cjs"
       }
     },
-    "./components/*": {
-      "import": {
-        "types": "./dist/components/*/index.d.ts",
-        "import": "./dist/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/components/*/index.d.cts",
-        "require": "./dist/components/*/index.cjs"
-      }
-    },
     "./icons": {
       "import": {
         "types": "./dist/icons/index.d.ts",
@@ -89,7 +79,7 @@
     "tailwind/**"
   ],
   "scripts": {
-    "build": "tsup && cpy 'src/tailwind/*.css' './tailwind' --flat && npm run post-build",
+    "build": "tsup && cpy \"src/tailwind/*.css\" \"./tailwind\" --flat && npm run post-build",
     "lint": "eslint .",
     "lint:ci": "eslint . -o eslint-results.sarif -f @microsoft/eslint-formatter-sarif",
     "lint:fix": "eslint . --fix",
@@ -116,8 +106,8 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.577.0",
-    "motion": "^12.36.0",
+    "lucide-react": "^1.8.0",
+    "motion": "^12.38.0",
     "radix-ui": "^1.4.3",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
@@ -125,52 +115,54 @@
   },
   "devDependencies": {
     "@storybook-community/storybook-dark-mode": "^7.1.1",
-    "@storybook/addon-a11y": "^10.2.17",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-vitest": "^10.2.17",
-    "@storybook/builder-vite": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/builder-vite": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@szum-tech/eslint-config": "^2.2.2",
     "@szum-tech/prettier-config": "^1.6.5",
     "@szum-tech/semantic-release-config": "^2.3.7",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.4.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.2.0",
-    "@vitest/browser": "^4.1.0",
-    "@vitest/browser-playwright": "^4.1.0",
-    "@vitest/coverage-v8": "^4.1.0",
-    "@vitest/ui": "^4.1.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser": "^4.1.4",
+    "@vitest/browser-playwright": "^4.1.4",
+    "@vitest/coverage-v8": "^4.1.4",
+    "@vitest/ui": "^4.1.4",
     "cpy-cli": "^7.0.0",
     "eslint": "9.39.4",
-    "happy-dom": "^20.8.3",
-    "playwright": "^1.58.2",
+    "happy-dom": "^20.8.9",
+    "playwright": "^1.59.1",
     "prettier": "^3.8.1",
-    "react": "^19.2.4",
-    "react-docgen": "^8.0.2",
+    "react": "^19.2.5",
+    "react-docgen": "^8.0.3",
     "react-docgen-typescript": "^2.4.0",
-    "react-dom": "^19.2.4",
+    "react-dom": "^19.2.5",
     "semantic-release": "^25.0.3",
     "serve": "^14.2.6",
-    "storybook": "^10.2.17",
-    "storybook-addon-tag-badges": "^3.0.6",
-    "tailwindcss": "^4.2.1",
+    "storybook": "^10.3.5",
+    "storybook-addon-tag-badges": "^3.1.0",
+    "tailwindcss": "^4.2.2",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.0"
+    "typescript": "^6.0.2",
+    "vite": "^8.0.8",
+    "vitest": "^4.1.4"
   },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19",
     "tailwindcss": ">=4"
   },
+  "engines": {
+    "node": ">=24"
+  },
   "publishConfig": {
     "access": "public"
   }

package/dist/chunk-2WQJ36RD.cjs

@@ -1,78 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var React = require('react');
-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 Marquee({
-  className,
-  reverse = false,
-  pauseOnHover = false,
-  children,
-  vertical = false,
-  repeat = 4,
-  ariaLabel,
-  ariaLive = "off",
-  ariaRole = "region",
-  ...props
-}) {
-  const marqueeRef = React__namespace.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      ref: marqueeRef,
-      "data-slot": "marquee",
-      className: chunkH2BWO3SI_cjs.cn(
-        "group flex gap-(--gap) overflow-hidden p-2 [--duration:40s] [--gap:1rem]",
-        {
-          "flex-row": !vertical,
-          "flex-col": vertical
-        },
-        className
-      ),
-      "aria-label": ariaLabel,
-      "aria-live": ariaLive,
-      role: ariaRole,
-      tabIndex: 0,
-      children: React__namespace.useMemo(
-        () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: repeat }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: chunkH2BWO3SI_cjs.cn(
-              "flex shrink-0 justify-around gap-(--gap)",
-              !vertical ? "animate-marquee flex-row" : "animate-marquee-vertical flex-col",
-              pauseOnHover && "group-hover:paused",
-              reverse && "direction-reverse"
-            ),
-            children
-          },
-          i
-        )) }),
-        [repeat, children, vertical, pauseOnHover, reverse]
-      )
-    }
-  );
-}
-
-exports.Marquee = Marquee;

package/dist/chunk-2Y2ZCPNV.cjs

@@ -1,61 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: chunkH2BWO3SI_cjs.cn(
-        "bg-card text-card-foreground border-border flex flex-col gap-6 rounded border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: chunkH2BWO3SI_cjs.cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-title", className: chunkH2BWO3SI_cjs.cn("leading-none font-semibold", className), ...props });
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-description", className: chunkH2BWO3SI_cjs.cn("text-muted-foreground text-sm", className), ...props });
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkH2BWO3SI_cjs.cn("px-6", className), ...props });
-}
-function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkH2BWO3SI_cjs.cn("flex items-center px-6 [.border-t]:pt-6", className), ...props });
-}
-function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: chunkH2BWO3SI_cjs.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-      ...props
-    }
-  );
-}
-
-exports.Card = Card;
-exports.CardAction = CardAction;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;