@szum-tech/design-system 1.11.0 → 1.11.2

package/{chunk-OD5JALFX.js → chunk-2OZE575J.js}

@@ -21,5 +21,29 @@ Object.defineProperty(exports, 'f', {
 	enumerable: true,
 	get: function () { return iconsReact.IconBolt; }
 });
+Object.defineProperty(exports, 'g', {
+	enumerable: true,
+	get: function () { return iconsReact.IconMail; }
+});
+Object.defineProperty(exports, 'h', {
+	enumerable: true,
+	get: function () { return iconsReact.IconDownload; }
+});
+Object.defineProperty(exports, 'i', {
+	enumerable: true,
+	get: function () { return iconsReact.IconBook; }
+});
+Object.defineProperty(exports, 'j', {
+	enumerable: true,
+	get: function () { return iconsReact.IconBrandNpm; }
+});
+Object.defineProperty(exports, 'k', {
+	enumerable: true,
+	get: function () { return iconsReact.IconBrandGithub; }
+});
+Object.defineProperty(exports, 'l', {
+	enumerable: true,
+	get: function () { return iconsReact.IconRocket; }
+});
 exports.a = n;
 exports.b = p;

package/chunk-6UCEUWKV.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var p = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+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 p__namespace = /*#__PURE__*/_interopNamespace(p);
+
+var l=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var m=p__namespace.forwardRef(function({invalid:n=!1,startIcon:t,endIcon:e,disabled:r=!1,...s},d){let c=l({withEndIcon:!!e,withStartIcon:!!t,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:f,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...s}),e?jsxRuntime.jsx("span",{"aria-hidden":!0,className:u,children:e}):null]})}),b=m;
+
+exports.a = b;

package/{chunk-HYT672IP.mjs → chunk-OACRI5I5.mjs}

@@ -1,4 +1,4 @@
-export { IconTrash as c, IconCurrencyDollar as d, IconBrandGoogle as e, IconBolt as f } from '@tabler/icons-react';
+export { IconTrash as c, IconCurrencyDollar as d, IconBrandGoogle as e, IconBolt as f, IconMail as g, IconDownload as h, IconBook as i, IconBrandNpm as j, IconBrandGithub as k, IconRocket as l } from '@tabler/icons-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function n(l){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){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",...l,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"})]})})})}

package/chunk-S5MGYCU6.mjs

@@ -0,0 +1,7 @@
+import * as p from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var l=cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var m=p.forwardRef(function({invalid:n=!1,startIcon:t,endIcon:e,disabled:r=!1,...s},d){let c=l({withEndIcon:!!e,withStartIcon:!!t,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:f,children:t}):null,jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...s}),e?jsx("span",{"aria-hidden":!0,className:u,children:e}):null]})}),b=m;
+
+export { b as a };

package/{chunk-XGJ5ZGBL.js → chunk-SW65ATAP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOD5JALFX_js = require('./chunk-OD5JALFX.js');
+var chunk2OZE575J_js = require('./chunk-2OZE575J.js');
 var r = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,6 +25,6 @@ function _interopNamespace(e) {
 
 var r__namespace = /*#__PURE__*/_interopNamespace(r);
 
-var p=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var k=r__namespace.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:L,loading:t=!1,loadingPosition:b="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b==="start",g=o?jsxRuntime.jsx(chunkOD5JALFX_js.b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b==="end",m=n?jsxRuntime.jsx(chunkOD5JALFX_js.b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return jsxRuntime.jsxs(v,{"aria-disabled":i||void 0,className:I,"data-state":t?"loading":void 0,disabled:i,ref:z,role:"button",tabIndex:i?-1:0,type:v==="button"?"button":void 0,...T,children:[g?jsxRuntime.jsx("span",{className:B,role:o?"progressbar":void 0,children:r__namespace.cloneElement(g,{className:P})}):null,x,m?jsxRuntime.jsx("span",{className:E,role:n?"progressbar":void 0,children:r__namespace.cloneElement(m,{className:S})}):null]})}),V=k;
+var p=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var k=r__namespace.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:L,loading:t=!1,loadingPosition:b="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b==="start",g=o?jsxRuntime.jsx(chunk2OZE575J_js.b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b==="end",m=n?jsxRuntime.jsx(chunk2OZE575J_js.b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return jsxRuntime.jsxs(v,{"aria-disabled":i||void 0,className:I,"data-state":t?"loading":void 0,disabled:i,ref:z,role:"button",tabIndex:i?-1:0,type:v==="button"?"button":void 0,...T,children:[g?jsxRuntime.jsx("span",{className:B,role:o?"progressbar":void 0,children:r__namespace.cloneElement(g,{className:P})}):null,x,m?jsxRuntime.jsx("span",{className:E,role:n?"progressbar":void 0,children:r__namespace.cloneElement(m,{className:S})}):null]})}),V=k;
 
 exports.a = V;

package/{chunk-MVUUXVLN.mjs → chunk-VJH5FTSI.mjs}

@@ -1,4 +1,4 @@
-import { b } from './chunk-HYT672IP.mjs';
+import { b } from './chunk-OACRI5I5.mjs';
 import * as r from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/components/Button/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkXGJ5ZGBL_js = require('../../chunk-XGJ5ZGBL.js');
-require('../../chunk-OD5JALFX.js');
+var chunkSW65ATAP_js = require('../../chunk-SW65ATAP.js');
+require('../../chunk-2OZE575J.js');
 
 
 
-module.exports = chunkXGJ5ZGBL_js.a;
+module.exports = chunkSW65ATAP_js.a;

package/components/Button/index.mjs

@@ -1,2 +1,2 @@
-export { a as default } from '../../chunk-MVUUXVLN.mjs';
-import '../../chunk-HYT672IP.mjs';
+export { a as default } from '../../chunk-VJH5FTSI.mjs';
+import '../../chunk-OACRI5I5.mjs';

package/components/Input/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkCXSHN55Q_js = require('../../chunk-CXSHN55Q.js');
+var chunk6UCEUWKV_js = require('../../chunk-6UCEUWKV.js');
 
 
 
-module.exports = chunkCXSHN55Q_js.a;
+module.exports = chunk6UCEUWKV_js.a;

package/components/Input/index.mjs

@@ -1 +1 @@
-export { a as default } from '../../chunk-U3TRYL6D.mjs';
+export { a as default } from '../../chunk-S5MGYCU6.mjs';

package/components/index.js

@@ -2,9 +2,9 @@
 
 require('../chunk-RNAYKFZ2.js');
 var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
-var chunkXGJ5ZGBL_js = require('../chunk-XGJ5ZGBL.js');
-require('../chunk-OD5JALFX.js');
-var chunkCXSHN55Q_js = require('../chunk-CXSHN55Q.js');
+var chunkSW65ATAP_js = require('../chunk-SW65ATAP.js');
+require('../chunk-2OZE575J.js');
+var chunk6UCEUWKV_js = require('../chunk-6UCEUWKV.js');
 var chunkJRSQX3DZ_js = require('../chunk-JRSQX3DZ.js');
 
 
@@ -15,11 +15,11 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkXGJ5ZGBL_js.a; }
+	get: function () { return chunkSW65ATAP_js.a; }
 });
 Object.defineProperty(exports, 'Input', {
 	enumerable: true,
-	get: function () { return chunkCXSHN55Q_js.a; }
+	get: function () { return chunk6UCEUWKV_js.a; }
 });
 Object.defineProperty(exports, 'Tooltip', {
 	enumerable: true,

package/components/index.mjs

@@ -1,6 +1,6 @@
 import '../chunk-BGWTSJD7.mjs';
 export { a as Avatar } from '../chunk-MM2WP564.mjs';
-export { a as Button } from '../chunk-MVUUXVLN.mjs';
-import '../chunk-HYT672IP.mjs';
-export { a as Input } from '../chunk-U3TRYL6D.mjs';
+export { a as Button } from '../chunk-VJH5FTSI.mjs';
+import '../chunk-OACRI5I5.mjs';
+export { a as Input } from '../chunk-S5MGYCU6.mjs';
 export { a as Tooltip, b as TooltipProvider } from '../chunk-2FD4IU55.mjs';

package/icons/index.d.ts

@@ -1,4 +1,4 @@
-export { IconBolt, IconBrandGoogle, IconCurrencyDollar, IconTrash } from '@tabler/icons-react';
+export { IconBolt, IconBook, IconBrandGithub, IconBrandGoogle, IconBrandNpm, IconCurrencyDollar, IconDownload, IconMail, IconRocket, IconTrash } from '@tabler/icons-react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
@@ -6,6 +6,6 @@ type IconProps = React.SVGProps<SVGSVGElement>;
 
 declare function GoogleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
-declare function LoadingIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function LoadingIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 export { GoogleIcon, IconProps, LoadingIcon };

package/icons/index.js

@@ -1,30 +1,54 @@
 'use strict';
 
-var chunkOD5JALFX_js = require('../chunk-OD5JALFX.js');
+var chunk2OZE575J_js = require('../chunk-2OZE575J.js');
 
 
 
 Object.defineProperty(exports, 'GoogleIcon', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.a; }
+	get: function () { return chunk2OZE575J_js.a; }
 });
 Object.defineProperty(exports, 'IconBolt', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.f; }
+	get: function () { return chunk2OZE575J_js.f; }
+});
+Object.defineProperty(exports, 'IconBook', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.i; }
+});
+Object.defineProperty(exports, 'IconBrandGithub', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.k; }
 });
 Object.defineProperty(exports, 'IconBrandGoogle', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.e; }
+	get: function () { return chunk2OZE575J_js.e; }
+});
+Object.defineProperty(exports, 'IconBrandNpm', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.j; }
 });
 Object.defineProperty(exports, 'IconCurrencyDollar', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.d; }
+	get: function () { return chunk2OZE575J_js.d; }
+});
+Object.defineProperty(exports, 'IconDownload', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.h; }
+});
+Object.defineProperty(exports, 'IconMail', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.g; }
+});
+Object.defineProperty(exports, 'IconRocket', {
+	enumerable: true,
+	get: function () { return chunk2OZE575J_js.l; }
 });
 Object.defineProperty(exports, 'IconTrash', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.c; }
+	get: function () { return chunk2OZE575J_js.c; }
 });
 Object.defineProperty(exports, 'LoadingIcon', {
 	enumerable: true,
-	get: function () { return chunkOD5JALFX_js.b; }
+	get: function () { return chunk2OZE575J_js.b; }
 });

package/icons/index.mjs

@@ -1 +1 @@
-export { a as GoogleIcon, f as IconBolt, e as IconBrandGoogle, d as IconCurrencyDollar, c as IconTrash, b as LoadingIcon } from '../chunk-HYT672IP.mjs';
+export { a as GoogleIcon, f as IconBolt, i as IconBook, k as IconBrandGithub, e as IconBrandGoogle, j as IconBrandNpm, d as IconCurrencyDollar, h as IconDownload, g as IconMail, l as IconRocket, c as IconTrash, b as LoadingIcon } from '../chunk-OACRI5I5.mjs';

package/index.js

@@ -3,9 +3,9 @@
 require('./chunk-7M2UD3MX.js');
 require('./chunk-RNAYKFZ2.js');
 var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
-var chunkXGJ5ZGBL_js = require('./chunk-XGJ5ZGBL.js');
-require('./chunk-OD5JALFX.js');
-var chunkCXSHN55Q_js = require('./chunk-CXSHN55Q.js');
+var chunkSW65ATAP_js = require('./chunk-SW65ATAP.js');
+require('./chunk-2OZE575J.js');
+var chunk6UCEUWKV_js = require('./chunk-6UCEUWKV.js');
 var chunkJRSQX3DZ_js = require('./chunk-JRSQX3DZ.js');
 var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
 require('./chunk-JQ4UTWMH.js');
@@ -19,11 +19,11 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkXGJ5ZGBL_js.a; }
+	get: function () { return chunkSW65ATAP_js.a; }
 });
 Object.defineProperty(exports, 'Input', {
 	enumerable: true,
-	get: function () { return chunkCXSHN55Q_js.a; }
+	get: function () { return chunk6UCEUWKV_js.a; }
 });
 Object.defineProperty(exports, 'Tooltip', {
 	enumerable: true,

package/index.mjs

@@ -1,9 +1,9 @@
 import './chunk-TAA4AMBN.mjs';
 import './chunk-BGWTSJD7.mjs';
 export { a as Avatar } from './chunk-MM2WP564.mjs';
-export { a as Button } from './chunk-MVUUXVLN.mjs';
-import './chunk-HYT672IP.mjs';
-export { a as Input } from './chunk-U3TRYL6D.mjs';
+export { a as Button } from './chunk-VJH5FTSI.mjs';
+import './chunk-OACRI5I5.mjs';
+export { a as Input } from './chunk-S5MGYCU6.mjs';
 export { a as Tooltip, b as TooltipProvider } from './chunk-2FD4IU55.mjs';
 export { a as useTheme } from './chunk-CRJI67D5.mjs';
 import './chunk-WPEQQQCR.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -51,9 +51,8 @@
     "prettier:check": "prettier --check .",
     "prettier:write": "prettier --write .",
     "semantic-release": "semantic-release",
-    "storybook": "storybook dev -p 6006 -s public",
+    "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --docs",
-    "storybook:prebuild": "tailwindcss -i src/theme/global.css -o src/styles/default.css",
     "storybook:serve": "serve storybook-static",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
@@ -61,37 +60,27 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@radix-ui/react-tooltip": "^1.0.5",
-    "@tabler/icons-react": "^2.18.0",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "@tabler/icons-react": "^2.20.0",
     "@tailwindcss/container-queries": "^0.1.0",
     "class-variance-authority": "^0.6.0",
-    "tailwind-scrollbar": "^3.0.1"
+    "tailwind-scrollbar": "^3.0.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
-    "@storybook/addon-a11y": "^7.0.6",
-    "@storybook/addon-actions": "^7.0.6",
-    "@storybook/addon-docs": "^7.0.6",
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-interactions": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/addon-mdx-gfm": "^7.0.6",
-    "@storybook/addons": "^7.0.6",
-    "@storybook/components": "^7.0.6",
-    "@storybook/core-common": "^7.0.6",
-    "@storybook/core-events": "^7.0.6",
-    "@storybook/manager-api": "^7.0.6",
-    "@storybook/preview-api": "^7.0.6",
-    "@storybook/react": "^7.0.6",
-    "@storybook/react-vite": "^7.0.6",
-    "@storybook/theming": "^7.0.6",
+    "@babel/core": "^7.22.1",
+    "@storybook/addon-a11y": "^7.0.18",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-styling": "^1.0.8",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-vite": "^7.0.18",
     "@szum-tech/prettier-config": "^1.2.1",
     "@szum-tech/semantic-release-preset": "^1.5.1",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react": "^18.2.6",
+    "@types/react": "^18.2.7",
     "@types/react-dom": "^18.2.4",
     "@types/semantic-release": "^20.0.1",
     "@vitejs/plugin-react": "^4.0.0",
@@ -109,13 +98,13 @@
     "react-dom": "^18.2.0",
     "semantic-release": "^21.0.2",
     "serve": "^14.2.0",
-    "storybook": "^7.0.6",
+    "storybook": "^7.0.18",
     "storybook-addon-pseudo-states": "^2.0.1",
-    "storybook-addon-themes": "^6.1.0",
+    "storybook-dark-mode": "^3.0.0",
     "tailwindcss": "^3.3.2",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4",
-    "vite": "^4.3.1",
+    "vite": "^4.3.9",
     "vite-tsconfig-paths": "^4.2.0",
     "vitest": "^0.31.0"
   },

package/theme/global.css

@@ -61,6 +61,7 @@
     --gray-100: 28 28 28; /* #1C1C1C */
     --gray-200: 88 87 87; /* #585757 */
     --gray-300: 150 150 150; /* #969696 */
+    --gray-350: 193 193 193; /* #C1C1C1 */
     --gray-400: 235 235 235; /* #EBEBEB */
 
     --background-primary: 255 255 255; /* #ffffff */
@@ -123,6 +124,7 @@
     --gray-100: 234 234 234; /* #eaeaea */
     --gray-200: 192 192 192; /* #c0c0c0 */
     --gray-300: 123 123 123; /* #7b7b7b */
+    --gray-350: 85 85 85; /* #555555 */
     --gray-400: 46 46 46; /* #2e2e2e */
 
     --background-primary: 17 17 17; /* #111111 */
@@ -134,6 +136,6 @@
   }
 
   body {
-    @apply font-poppins text-gray-100 antialiased scroll;
+    @apply bg-app-secondary font-poppins text-gray-100 antialiased scroll;
   }
 }

package/theme/main-preset.js

@@ -11,6 +11,10 @@ var require_colors = __commonJS({
     module2.exports = {
       theme: {
         colors: {
+          app: {
+            primary: "rgb(var(--background-primary))",
+            secondary: "rgb(var(--background-secondary))"
+          },
           black: "rgb(var(--black) / <alpha-value>)",
           error: {
             100: "rgb(var(--error-100) / <alpha-value>)",
@@ -27,6 +31,7 @@ var require_colors = __commonJS({
             100: "rgb(var(--gray-100) / <alpha-value>)",
             200: "rgb(var(--gray-200) / <alpha-value>)",
             300: "rgb(var(--gray-300) / <alpha-value>)",
+            350: "rgb(var(--gray-350) / <alpha-value>)",
             400: "rgb(var(--gray-400) / <alpha-value>)"
           },
           primary: {
@@ -86,8 +91,7 @@ var require_scroll = __commonJS({
     module2.exports = plugin(function({ addUtilities }) {
       addUtilities({
         ".scroll": {
-          // "@apply scrollbar scrollbar-thin scrollbar-thumb-gray-600/100 hover:scrollbar-thumb-gray-600/80":
-          //   {}
+          "@apply scrollbar scrollbar-thin scrollbar-track-app-secondary scrollbar-thumb-gray-400 hover:scrollbar-thumb-gray-350": {}
         }
       });
     });

package/chunk-CXSHN55Q.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var s = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-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 s__namespace = /*#__PURE__*/_interopNamespace(s);
-
-var l=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-white dark:disabled:border-black disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-400 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var b=s__namespace.forwardRef(function({invalid:n=!1,startIcon:e,endIcon:t,disabled:r=!1,...p},d){let c=l({withEndIcon:!!t,withStartIcon:!!e,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[e?jsxRuntime.jsx("span",{className:f,children:e}):null,jsxRuntime.jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...p}),t?jsxRuntime.jsx("span",{"aria-hidden":!0,className:u,children:t}):null]})}),m=b;
-
-exports.a = m;

package/chunk-U3TRYL6D.mjs

@@ -1,7 +0,0 @@
-import * as s from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var l=cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-white dark:disabled:border-black disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-400 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var b=s.forwardRef(function({invalid:n=!1,startIcon:e,endIcon:t,disabled:r=!1,...p},d){let c=l({withEndIcon:!!t,withStartIcon:!!e,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[e?jsx("span",{className:f,children:e}):null,jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...p}),t?jsx("span",{"aria-hidden":!0,className:u,children:t}):null]})}),m=b;
-
-export { m as a };