@szum-tech/design-system 2.7.0 → 3.1.0

package/dist/icons/index.cjs

@@ -1,22 +1,93 @@
 'use strict';
 
-var chunkUKWZ5BHD_cjs = require('../chunk-UKWZ5BHD.cjs');
+require('../chunk-3376ZTRC.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 
+function GoogleLogoIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.792", cy: "3.082", r: "3.082" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.792", cy: "24.501", r: "1.849" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6.219", cy: "6.218", r: "2.774" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "21.365", cy: "21.363", r: "1.541" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3.082", cy: "13.792", r: "2.465" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "24.501", cy: "13.791", r: "1.232" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: "21.364", cy: "6.218", r: "0.924" })
+      ] }) })
+    }
+  );
+}
+function Auth0LogoIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", {}),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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"
+        }
+      )
+    }
+  );
+}
 
-
-Object.defineProperty(exports, "Auth0LogoIcon", {
-  enumerable: true,
-  get: function () { return chunkUKWZ5BHD_cjs.Auth0LogoIcon; }
-});
-Object.defineProperty(exports, "GoogleLogoIcon", {
-  enumerable: true,
-  get: function () { return chunkUKWZ5BHD_cjs.GoogleLogoIcon; }
-});
-Object.defineProperty(exports, "LoadingIcon", {
-  enumerable: true,
-  get: function () { return chunkUKWZ5BHD_cjs.LoadingIcon; }
-});
-Object.defineProperty(exports, "XLogoIcon", {
-  enumerable: true,
-  get: function () { return chunkUKWZ5BHD_cjs.XLogoIcon; }
-});
+exports.Auth0LogoIcon = Auth0LogoIcon;
+exports.GoogleLogoIcon = GoogleLogoIcon;
+exports.LoadingIcon = LoadingIcon;
+exports.XLogoIcon = XLogoIcon;

package/dist/icons/index.js

@@ -1 +1,88 @@
-export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon } from '../chunk-XTO7CMIM.js';
+import '../chunk-BYXBJQAS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 };

package/dist/utils/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunkH2BWO3SI_cjs = require('../chunk-H2BWO3SI.cjs');
+require('../chunk-3376ZTRC.cjs');
 
 
 

package/dist/utils/index.js

@@ -1 +1,2 @@
 export { cn } from '../chunk-ZD2QRAOX.js';
+import '../chunk-BYXBJQAS.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "2.7.0",
+  "version": "3.1.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.545.0",
+    "lucide-react": "^0.548.0",
     "radix-ui": "^1.4.2",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7"
@@ -146,9 +146,10 @@
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "^5.0.4",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.1.4",
+    "@vitest/browser": "^4.0.3",
+    "@vitest/browser-playwright": "^4.0.3",
+    "@vitest/coverage-v8": "^4.0.3",
+    "@vitest/ui": "^4.0.3",
     "cpy-cli": "^6.0.0",
     "eslint": "^9.32.0",
     "happy-dom": "^20.0.2",
@@ -158,8 +159,7 @@
     "react-docgen": "^8.0.0",
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.1.0",
-    "react-hook-form": "^7.61.1",
-    "semantic-release": "^24.2.7",
+    "semantic-release": "^25.0.1",
     "serve": "^14.2.4",
     "storybook": "^9.0.18",
     "storybook-addon-tag-badges": "^2.0.1",
@@ -168,13 +168,12 @@
     "typescript": "^5.8.3",
     "vite": "^7.0.6",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4",
+    "vitest": "^4.0.3",
     "zod": "^4.0.14"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "react-hook-form": "^7.56.4",
     "tailwindcss": ">=4"
   },
   "engines": {

package/tailwind/global.css

@@ -8,16 +8,20 @@
 @plugin "tailwindcss-animate";
 
 @layer base {
-  body {
-    @apply bg-app-background font-poppins text-gray-100 antialiased;
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
   }
-}
 
-@utility container {
-  margin-inline: auto;
-  padding-inline: 0.5rem;
+  body {
+    @apply bg-background font-poppins text-foreground antialiased;
+  }
 
-  @media (width >= 40rem) {
-    padding-inline: 1rem;
+  @utility container {
+    @apply mx-auto max-w-7xl px-8 sm:px-16;
+  }
+  @utility container-* {
+    max-width: --value(--container-*);
+    @apply mx-auto;
   }
 }