@szum-tech/design-system 1.9.0 → 1.11.0

package/{Button-0370c8dc.d.ts → Button-d3c2777e.d.ts}

@@ -1,16 +1,8 @@
+import { P as PolymorphicComponentProp, A as AsProp } from './utils.types-3df7903f.js';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 
-type AsProp<C extends React.ElementType> = {
-    /**
-     * Defines HTML tag to be used for component
-     */
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-
 declare const buttonCva: (props?: ({
     block?: boolean | null | undefined;
     color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;

package/Input.component-887e7975.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { O as OmitStylesProps } from './utils.types-3df7903f.js';
+
+type Props = {
+    invalid?: boolean;
+    startIcon?: React.ReactElement | string;
+    endIcon?: React.ReactElement | string;
+};
+type InputProps = OmitStylesProps<React.ComponentPropsWithoutRef<"input">> & Props;
+declare const InputComponent: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">> & Props & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+export { InputComponent as I, InputProps as a };

package/{chunk-KJ2XNFGW.mjs → chunk-2FD4IU55.mjs}

@@ -1,6 +1,6 @@
 import * as o from '@radix-ui/react-tooltip';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxs(o.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsx(o.Trigger,{asChild:!0,children:n}),a?jsx(o.Portal,{children:jsxs(o.Content,{className:"select-none rounded bg-white p-2 text-typography-primary will-change-[transform,opacity] typography-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",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsx(o.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsx(o.Provider,{skipDelayDuration:500,children:t})}
+function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxs(o.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsx(o.Trigger,{asChild:!0,children:n}),a?jsx(o.Portal,{children:jsxs(o.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-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",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsx(o.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsx(o.Provider,{skipDelayDuration:500,children:t})}
 
 export { d as a, y as b };

package/chunk-CXSHN55Q.js

@@ -0,0 +1,29 @@
+'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-L7XC4VZM.mjs → chunk-HYT672IP.mjs}

@@ -1,5 +1,6 @@
+export { IconTrash as c, IconCurrencyDollar as d, IconBrandGoogle as e, IconBolt as f } from '@tabler/icons-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function i(o){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...o,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(o){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",...o,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 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"})]})})})}
 
-export { i as a, p as b };
+export { n as a, p as b };

package/{chunk-H45G4SKR.js → chunk-JRSQX3DZ.js}

@@ -23,7 +23,7 @@ function _interopNamespace(e) {
 
 var o__namespace = /*#__PURE__*/_interopNamespace(o);
 
-function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxRuntime.jsxs(o__namespace.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsxRuntime.jsx(o__namespace.Trigger,{asChild:!0,children:n}),a?jsxRuntime.jsx(o__namespace.Portal,{children:jsxRuntime.jsxs(o__namespace.Content,{className:"select-none rounded bg-white p-2 text-typography-primary will-change-[transform,opacity] typography-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",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsxRuntime.jsx(o__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsxRuntime.jsx(o__namespace.Provider,{skipDelayDuration:500,children:t})}
+function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxRuntime.jsxs(o__namespace.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsxRuntime.jsx(o__namespace.Trigger,{asChild:!0,children:n}),a?jsxRuntime.jsx(o__namespace.Portal,{children:jsxRuntime.jsxs(o__namespace.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-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",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsxRuntime.jsx(o__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsxRuntime.jsx(o__namespace.Provider,{skipDelayDuration:500,children:t})}
 
 exports.a = d;
 exports.b = y;

package/chunk-MVUUXVLN.mjs

@@ -0,0 +1,8 @@
+import { b } from './chunk-HYT672IP.mjs';
+import * as r from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var p=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=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=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.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$1="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b$1==="start",g=o?jsx(b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b$1==="end",m=n?jsx(b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return 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?jsx("span",{className:B,role:o?"progressbar":void 0,children:r.cloneElement(g,{className:P})}):null,x,m?jsx("span",{className:E,role:n?"progressbar":void 0,children:r.cloneElement(m,{className:S})}):null]})}),V=k;
+
+export { V as a };

package/{chunk-ZXKZOOUS.js → chunk-OD5JALFX.js}

@@ -1,8 +1,25 @@
 'use strict';
 
+var iconsReact = require('@tabler/icons-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function i(o){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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(o){return 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",...o,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),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"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
+function n(l){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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 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",...l,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),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"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
 
-exports.a = i;
+Object.defineProperty(exports, 'c', {
+	enumerable: true,
+	get: function () { return iconsReact.IconTrash; }
+});
+Object.defineProperty(exports, 'd', {
+	enumerable: true,
+	get: function () { return iconsReact.IconCurrencyDollar; }
+});
+Object.defineProperty(exports, 'e', {
+	enumerable: true,
+	get: function () { return iconsReact.IconBrandGoogle; }
+});
+Object.defineProperty(exports, 'f', {
+	enumerable: true,
+	get: function () { return iconsReact.IconBolt; }
+});
+exports.a = n;
 exports.b = p;

package/chunk-U3TRYL6D.mjs

@@ -0,0 +1,7 @@
+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 };

package/chunk-XGJ5ZGBL.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkOD5JALFX_js = require('./chunk-OD5JALFX.js');
+var r = 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 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;
+
+exports.a = V;

package/components/Button/index.d.ts

@@ -1,4 +1,5 @@
-export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button-0370c8dc.js';
+export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button-d3c2777e.js';
+import '../../utils.types-3df7903f.js';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';

package/components/Button/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkIU6YFFFX_js = require('../../chunk-IU6YFFFX.js');
-require('../../chunk-ZXKZOOUS.js');
+var chunkXGJ5ZGBL_js = require('../../chunk-XGJ5ZGBL.js');
+require('../../chunk-OD5JALFX.js');
 
 
 
-module.exports = chunkIU6YFFFX_js.a;
+module.exports = chunkXGJ5ZGBL_js.a;

package/components/Button/index.mjs

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

package/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { a as InputProps, I as default } from '../../Input.component-887e7975.js';
+import 'react';
+import '../../utils.types-3df7903f.js';

package/components/Input/index.js

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

package/components/Input/index.mjs

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

package/components/Tooltip/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkH45G4SKR_js = require('../../chunk-H45G4SKR.js');
+var chunkJRSQX3DZ_js = require('../../chunk-JRSQX3DZ.js');
 
 
 
 Object.defineProperty(exports, 'TooltipProvider', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.b; }
+	get: function () { return chunkJRSQX3DZ_js.b; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.a; }
+	get: function () { return chunkJRSQX3DZ_js.a; }
 });

package/components/Tooltip/index.mjs

@@ -1 +1 @@
-export { b as TooltipProvider, a as default } from '../../chunk-KJ2XNFGW.mjs';
+export { b as TooltipProvider, a as default } from '../../chunk-2FD4IU55.mjs';

package/components/index.d.ts

@@ -1,9 +1,10 @@
 export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from '../Avatar-d6a17567.js';
-export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button-0370c8dc.js';
-export { G as GoogleIcon, I as IconProps, L as LoadingIcon } from '../loading-b90ed1cb.js';
+export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button-d3c2777e.js';
+export { I as Input, a as InputProps } from '../Input.component-887e7975.js';
 export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from '../Tooltip.provider-90345769.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';
+import '../utils.types-3df7903f.js';
 import '@radix-ui/react-tooltip';

package/components/index.js

@@ -1,10 +1,11 @@
 'use strict';
 
-require('../chunk-AZOTATFN.js');
+require('../chunk-RNAYKFZ2.js');
 var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
-var chunkIU6YFFFX_js = require('../chunk-IU6YFFFX.js');
-var chunkZXKZOOUS_js = require('../chunk-ZXKZOOUS.js');
-var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
+var chunkXGJ5ZGBL_js = require('../chunk-XGJ5ZGBL.js');
+require('../chunk-OD5JALFX.js');
+var chunkCXSHN55Q_js = require('../chunk-CXSHN55Q.js');
+var chunkJRSQX3DZ_js = require('../chunk-JRSQX3DZ.js');
 
 
 
@@ -14,21 +15,17 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkIU6YFFFX_js.a; }
+	get: function () { return chunkXGJ5ZGBL_js.a; }
 });
-Object.defineProperty(exports, 'GoogleIcon', {
+Object.defineProperty(exports, 'Input', {
 	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.a; }
-});
-Object.defineProperty(exports, 'LoadingIcon', {
-	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.b; }
+	get: function () { return chunkCXSHN55Q_js.a; }
 });
 Object.defineProperty(exports, 'Tooltip', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.a; }
+	get: function () { return chunkJRSQX3DZ_js.a; }
 });
 Object.defineProperty(exports, 'TooltipProvider', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.b; }
+	get: function () { return chunkJRSQX3DZ_js.b; }
 });

package/components/index.mjs

@@ -1,5 +1,6 @@
-import '../chunk-CWYY7UTM.mjs';
+import '../chunk-BGWTSJD7.mjs';
 export { a as Avatar } from '../chunk-MM2WP564.mjs';
-export { a as Button } from '../chunk-V5HU3D4L.mjs';
-export { a as GoogleIcon, b as LoadingIcon } from '../chunk-L7XC4VZM.mjs';
-export { a as Tooltip, b as TooltipProvider } from '../chunk-KJ2XNFGW.mjs';
+export { a as Button } from '../chunk-MVUUXVLN.mjs';
+import '../chunk-HYT672IP.mjs';
+export { a as Input } from '../chunk-U3TRYL6D.mjs';
+export { a as Tooltip, b as TooltipProvider } from '../chunk-2FD4IU55.mjs';

package/{loading-b90ed1cb.d.ts → icons/index.d.ts}

@@ -1,3 +1,4 @@
+export { IconBolt, IconBrandGoogle, IconCurrencyDollar, IconTrash } from '@tabler/icons-react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
@@ -7,4 +8,4 @@ declare function GoogleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
 declare function LoadingIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
-export { GoogleIcon as G, IconProps as I, LoadingIcon as L };
+export { GoogleIcon, IconProps, LoadingIcon };

package/icons/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkOD5JALFX_js = require('../chunk-OD5JALFX.js');
+
+
+
+Object.defineProperty(exports, 'GoogleIcon', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.a; }
+});
+Object.defineProperty(exports, 'IconBolt', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.f; }
+});
+Object.defineProperty(exports, 'IconBrandGoogle', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.e; }
+});
+Object.defineProperty(exports, 'IconCurrencyDollar', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.d; }
+});
+Object.defineProperty(exports, 'IconTrash', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.c; }
+});
+Object.defineProperty(exports, 'LoadingIcon', {
+	enumerable: true,
+	get: function () { return chunkOD5JALFX_js.b; }
+});

package/icons/index.mjs

@@ -0,0 +1 @@
+export { a as GoogleIcon, f as IconBolt, e as IconBrandGoogle, d as IconCurrencyDollar, c as IconTrash, b as LoadingIcon } from '../chunk-HYT672IP.mjs';

package/index.d.ts

@@ -1,6 +1,6 @@
 export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from './Avatar-d6a17567.js';
-export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button-0370c8dc.js';
-export { G as GoogleIcon, I as IconProps, L as LoadingIcon } from './loading-b90ed1cb.js';
+export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button-d3c2777e.js';
+export { I as Input, a as InputProps } from './Input.component-887e7975.js';
 export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from './Tooltip.provider-90345769.js';
 export { u as useTheme } from './useTheme-01c9253b.js';
 export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-cd78c94b.js';
@@ -9,4 +9,5 @@ import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';
+import './utils.types-3df7903f.js';
 import '@radix-ui/react-tooltip';

package/index.js

@@ -1,11 +1,12 @@
 'use strict';
 
 require('./chunk-7M2UD3MX.js');
-require('./chunk-AZOTATFN.js');
+require('./chunk-RNAYKFZ2.js');
 var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
-var chunkIU6YFFFX_js = require('./chunk-IU6YFFFX.js');
-var chunkZXKZOOUS_js = require('./chunk-ZXKZOOUS.js');
-var chunkH45G4SKR_js = require('./chunk-H45G4SKR.js');
+var chunkXGJ5ZGBL_js = require('./chunk-XGJ5ZGBL.js');
+require('./chunk-OD5JALFX.js');
+var chunkCXSHN55Q_js = require('./chunk-CXSHN55Q.js');
+var chunkJRSQX3DZ_js = require('./chunk-JRSQX3DZ.js');
 var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
 require('./chunk-JQ4UTWMH.js');
 var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
@@ -18,23 +19,19 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkIU6YFFFX_js.a; }
+	get: function () { return chunkXGJ5ZGBL_js.a; }
 });
-Object.defineProperty(exports, 'GoogleIcon', {
+Object.defineProperty(exports, 'Input', {
 	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.a; }
-});
-Object.defineProperty(exports, 'LoadingIcon', {
-	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.b; }
+	get: function () { return chunkCXSHN55Q_js.a; }
 });
 Object.defineProperty(exports, 'Tooltip', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.a; }
+	get: function () { return chunkJRSQX3DZ_js.a; }
 });
 Object.defineProperty(exports, 'TooltipProvider', {
 	enumerable: true,
-	get: function () { return chunkH45G4SKR_js.b; }
+	get: function () { return chunkJRSQX3DZ_js.b; }
 });
 Object.defineProperty(exports, 'useTheme', {
 	enumerable: true,

package/index.mjs

@@ -1,9 +1,10 @@
 import './chunk-TAA4AMBN.mjs';
-import './chunk-CWYY7UTM.mjs';
+import './chunk-BGWTSJD7.mjs';
 export { a as Avatar } from './chunk-MM2WP564.mjs';
-export { a as Button } from './chunk-V5HU3D4L.mjs';
-export { a as GoogleIcon, b as LoadingIcon } from './chunk-L7XC4VZM.mjs';
-export { a as Tooltip, b as TooltipProvider } from './chunk-KJ2XNFGW.mjs';
+export { a as Button } from './chunk-MVUUXVLN.mjs';
+import './chunk-HYT672IP.mjs';
+export { a as Input } from './chunk-U3TRYL6D.mjs';
+export { a as Tooltip, b as TooltipProvider } from './chunk-2FD4IU55.mjs';
 export { a as useTheme } from './chunk-CRJI67D5.mjs';
 import './chunk-WPEQQQCR.mjs';
 export { a as ThemeContext, b as ThemeProvider } from './chunk-5SE7P5YG.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -37,12 +37,13 @@
     "components/**",
     "hooks/**",
     "contexts/**",
+    "icons/**",
     "theme/**"
   ],
   "scripts": {
     "build": "env NODE_ENV=production tsup && cpy './src/theme/global.css' './theme' --flat",
     "clean": "rm -rf node_modules && yarn clear:build && yarn clean:build:dev",
-    "clean:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
+    "clean:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf icons && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
     "clean:build:dev": "rm -rf dist",
     "dev": "concurrently \"yarn dev:css\" \"yarn dev:build\"",
     "dev:build": "tsup",
@@ -61,13 +62,13 @@
   },
   "dependencies": {
     "@radix-ui/react-tooltip": "^1.0.5",
+    "@tabler/icons-react": "^2.18.0",
     "@tailwindcss/container-queries": "^0.1.0",
     "class-variance-authority": "^0.6.0",
     "tailwind-scrollbar": "^3.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.21.8",
-    "@heroicons/react": "^2.0.18",
     "@storybook/addon-a11y": "^7.0.6",
     "@storybook/addon-actions": "^7.0.6",
     "@storybook/addon-docs": "^7.0.6",

package/theme/global.css

@@ -7,120 +7,133 @@
 
 @layer base {
   :root {
-    --white: 250 250 250; /* rgb(250 250 250) */
-    --black: 28 28 28; /* rgb(28, 28, 28) */
-
-    --text-color: 28 28 28; /* rgb(28 28 28) */
-
-    --primary-100: 153 206 255; /* rgb(153, 206, 255) 60% */
-    --primary-200: 115 187 255; /* rgb(115, 187, 255) 45% */
-    --primary-300: 77 169 255; /* rgb(77, 169, 255) 30% */
-    --primary-400: 38 150 255; /* rgb(38, 150, 255) 15% */
-    --primary-500: 0 132 255; /* rgb(0, 132, 255) */
-    --primary-600: 0 112 217; /* rgb(0, 112, 217) 15% */
-    --primary-700: 0 92 179; /* rgb(0, 92, 179) 30% */
-    --primary-800: 0 73 140; /* rgb(0, 73, 140) 45% */
-    --primary-900: 0 53 102; /* rgb(0, 53, 102) 60% */
-
-    --success-100: 125 255 162; /* rgb(125, 255, 162) */
-    --success-200: 77 255 127; /* rgb(77, 255, 127) */
-    --success-300: 28 255 92; /* rgb(28, 255, 92) */
-    --success-400: 0 235 66; /* rgb(0, 235, 66) */
-    --success-500: 0 186 52; /* rgb(0, 186, 52) */
-    --success-600: 0 158 44; /* rgb(0, 158, 44) */
-    --success-700: 0 130 36; /* rgb(0, 130, 36) */
-    --success-800: 0 102 29; /* rgb(0, 102, 29) */
-    --success-900: 0 74 21; /* rgb(0, 74, 21) */
-
-    --warning-100: 255 207 151; /* rgb(255, 207, 151) */
-    --warning-200: 255 189 111; /* rgb(255, 189, 111) */
-    --warning-300: 255 171 72; /* rgb(255, 171, 72) */
-    --warning-400: 255 153 33; /* rgb(255, 153, 33) */
-    --warning-500: 249 134 0; /* rgb(249, 134, 0) */
-    --warning-600: 212 114 0; /*  rgb(212, 114, 0) */
-    --warning-700: 174 94 0; /* rgb(174, 94, 0) */
-    --warning-800: 137 74 0; /* rgb(137, 74, 0) */
-    --warning-900: 100 54 0; /* rgb(100, 54, 0) */
-
-    --error-100: 246 171 171; /* rgb(246, 171, 171) */
-    --error-200: 243 139 139; /* rgb(243, 139, 139) */
-    --error-300: 240 107 107; /* rgb(240, 107, 107) */
-    --error-400: 236 76 76; /* rgb(236, 76, 76) */
-    --error-500: 233 44 44; /* rgb(233, 44, 44) */
-    --error-600: 213 22 22; /* rgb(213, 22, 22) */
-    --error-700: 176 18 18; /* rgb(176, 18, 18) */
-    --error-800: 138 14 14; /* rgb(138, 14, 14) */
-    --error-900: 100 10 10; /* rgb(100, 10, 10) */
-
-    --gray-100: 75 75 75; /* rgb(75, 75, 75) 70% */
-    --gray-200: 100 100 100; /* rgb(100, 100, 100) 60% */
-    --gray-300: 125 125 125; /* rgb(125, 125, 125) 50% */
-    --gray-400: 150 150 150; /* rgb(150, 150, 150) 40% */
-    --gray-500: 175 175 175; /* rgb(175, 175, 175) 30% */
-    --gray-600: 200 200 200; /* rgb(200, 200, 200) 20% */
-    --gray-700: 212 212 212; /* rgb(212, 212, 212) 15% */
-    --gray-800: 225 225 225; /* rgb(225, 225, 225) 10% */
-    --gray-900: 237 237 237; /* rgb(237, 237, 237) 5% */
+    --white: 255 255 255; /* #ffffff */
+    --black: 28 28 28; /* #1c1c1c */
+
+    --primary-50: 229 243 255; /* #E5F3FF */
+    --primary-100: 204 230 255; /* #CCE6FF */
+    --primary-200: 153 206 255; /* #99CEFF */
+    --primary-300: 102 181 255; /* #66B5FF */
+    --primary-400: 51 156 255; /* #339CFF */
+    --primary-500: 0 133 255; /* #0085FF */
+    --primary-600: 0 105 204; /* #0069CC */
+    --primary-700: 0 79 153; /* #004F99 */
+    --primary-800: 0 53 102; /* #003566 */
+    --primary-900: 0 26 51; /* #001A33 */
+    --primary-950: 0 13 25; /* #000D19 */
+
+    --success-50: 224 255 233; /* E0FFE9 */
+    --success-100: 189 255 207; /* BDFFCF */
+    --success-200: 128 255 164; /* 80FFA4 */
+    --success-300: 61 255 116; /* 3DFF74 */
+    --success-400: 0 250 71; /* 00FA47 */
+    --success-500: 0 186 52; /* #00BA34 */
+    --success-600: 0 148 42; /* 00942A */
+    --success-700: 0 112 32; /* 007020 */
+    --success-800: 0 77 22; /* 004D16 */
+    --success-900: 0 36 10; /* 00240A */
+    --success-950: 0 20 6; /* 001406 */
+
+    --warning-50: 255 243 229; /* FFF3E5 */
+    --warning-100: 255 231 204; /* FFE7CC */
+    --warning-200: 255 207 153; /* FFCF99 */
+    --warning-300: 255 181 97; /* FFB561 */
+    --warning-400: 255 157 46; /* FF9D2E */
+    --warning-500: 249 134 0; /* #F98600 */
+    --warning-600: 199 106 0; /*  C76A00 */
+    --warning-700: 148 79 0; /* 944F00 */
+    --warning-800: 102 54 0; /* 663600 */
+    --warning-900: 51 27 0; /* 331B00 */
+    --warning-950: 25 14 0; /* 190E00 */
+
+    --error-50: 253 232 232; /* FDE8E8 */
+    --error-100: 251 213 213; /* FBD5D5 */
+    --error-200: 246 172 172; /* F6ACAC */
+    --error-300: 242 130 130; /* F28282 */
+    --error-400: 237 84 84; /* ED5454 */
+    --error-500: 233 44 44; /* #E92C2C */
+    --error-600: 199 21 21; /* C71515 */
+    --error-700: 152 16 16; /* 981010 */
+    --error-800: 102 11 11; /* 660B0B */
+    --error-900: 51 5 5; /* 330505 */
+    --error-950: 23 2 2; /* 170202 */
+
+    --gray-100: 28 28 28; /* #1C1C1C */
+    --gray-200: 88 87 87; /* #585757 */
+    --gray-300: 150 150 150; /* #969696 */
+    --gray-400: 235 235 235; /* #EBEBEB */
+
+    --background-primary: 255 255 255; /* #ffffff */
+    --background-secondary: 247 247 247; /* #f7f7f7 */
+    --background-color-primary: var(--primary-500) / 0.1;
+    --background-color-success: var(--success-500) / 0.1;
+    --background-color-warning: var(--warning-500) / 0.1;
+    --background-color-error: var(--error-500) / 0.1;
   }
 
   .dark {
-    --white: 250 250 250; /* rgb(250, 250, 250) */
-    --black: 28 28 28; /* rgb(28, 28, 28) */
-
-    --text-color: 242 242 242; /* rgb(242, 242, 242) */
-
-    --primary-100: 161 210 255; /* rgb(161, 210, 255) */
-    --primary-200: 126 193 255; /* rgb(126,193,255) */
-    --primary-300: 91 177 255; /* rgb(91,177,255) */
-    --primary-400: 56 160 255; /* rgb(56, 160, 255) */
-    --primary-500: 21 143 255; /* rgb(21, 143, 255) */
-    --primary-600: 0 122 235; /* rgb(0,122,235) */
-    --primary-700: 0 101 193; /* rgb(0, 101, 193) */
-    --primary-800: 0 79 152; /* rgb(0, 79, 152) */
-    --primary-900: 0 58 110; /* rgb(0, 58, 110) */
-
-    --success-100: 152 244 178; /* rgb(152, 244, 178) */
-    --success-200: 114 240 149; /* rgb(114, 240, 149) */
-    --success-300: 75 235 120; /* rgb(75, 235, 120) */
-    --success-400: 36 231 91; /* rgb(36, 231, 91) */
-    --success-500: 22 203 73; /* rgb(22, 203, 73) */
-    --success-600: 19 173 62; /* rgb(19, 173, 62) */
-    --success-700: 15 142 51; /* rgb(15, 142, 51) */
-    --success-800: 12 112 40; /* rgb(12, 112, 40) */
-    --success-900: 9 81 29; /* rgb(9, 81, 29) */
-
-    --warning-100: 255 217 171; /* rgb(255, 217, 171) */
-    --warning-200: 255 202 139; /* rgb(255, 202, 139) */
-    --warning-300: 255 188 108; /* rgb(255, 188, 108) */
-    --warning-400: 255 173 77; /* rgb(255, 173, 77) */
-    --warning-500: 255 159 45; /* rgb(255, 159, 45) */
-    --warning-600: 255 138 0; /* rgb(255, 138, 0) */
-    --warning-700: 210 114 0; /* rgb(210, 114, 0) */
-    --warning-800: 165 90 0; /* rgb(165, 90, 0) */
-    --warning-900: 120 65 0; /* rgb(120, 65, 0) */
-
-    --error-100: 252 179 179; /* rgb(252, 179, 179) */
-    --error-200: 251 150 150; /* rgb(251, 150, 150) */
-    --error-300: 249 122 121; /* rgb(249, 122, 121) */
-    --error-400: 248 93 93; /* rgb(248, 93, 93) */
-    --error-500: 247 65 64; /* rgb(247, 65, 64) */
-    --error-600: 245 20 19; /* rgb(245, 20, 19) */
-    --error-700: 209 10 9; /* rgb(209, 10, 9) */
-    --error-800: 164 8 7; /* rgb(164, 8, 7) */
-    --error-900: 119 6 5; /* rgb(119, 6, 5) */
-
-    --gray-100: 187 187 187; /* rgb(187, 187, 187) 70% */
-    --gray-200: 164 164 164; /* rgb(164, 164, 164) 60% */
-    --gray-300: 141 141 141; /* rgb(141, 141, 141) 50% */
-    --gray-400: 119 119 119; /* rgb(119, 119, 119) 40% */
-    --gray-500: 96 96 96; /* rgb(96, 96, 96) 30% */
-    --gray-600: 73 73 73; /* rgb(73, 73, 73) 20% */
-    --gray-700: 62 62 62; /* rgb(62, 62, 62) 15% */
-    --gray-800: 51 51 51; /* rgb(51, 51, 51) 10% */
-    --gray-900: 39 39 39; /* rgb(39, 39, 39) 5% */
+    --primary-50: 229 243 255; /* E5F3FF */
+    --primary-100: 209 233 255; /* D1E9FF */
+    --primary-200: 163 211 255; /* A3D3FF */
+    --primary-300: 117 188 255; /* 75BCFF */
+    --primary-400: 66 164 255; /* 42A4FF */
+    --primary-500: 22 143 255; /* #168FFF */
+    --primary-600: 0 113 219; /* 0071DB */
+    --primary-700: 0 87 168; /* 0057A8 */
+    --primary-800: 0 58 112; /* 003A70 */
+    --primary-900: 0 29 56; /* 001D38 */
+    --primary-950: 0 13 25; /* 000D19 */
+
+    --success-50: 228 252 234; /* E4FCEA */
+    --success-100: 205 249 217; /* CDF9D9 */
+    --success-200: 154 244 180; /* 9AF4B4 */
+    --success-300: 104 238 142; /* 68EE8E */
+    --success-400: 49 232 101; /* 31E865 */
+    --success-500: 23 203 73; /* #17CB49 */
+    --success-600: 18 160 58; /* 12A03A */
+    --success-700: 14 124 45; /* 0E7C2D */
+    --success-800: 9 82 30; /* 09521E */
+    --success-900: 5 41 15; /* 05290F */
+    --success-950: 2 18 7; /* 021207 */
+
+    --warning-50: 255 246 235; /* FFF6EB */
+    --warning-100: 255 237 214; /* FFEDD6 */
+    --warning-200: 255 218 173; /* FFDAAD */
+    --warning-300: 255 198 128; /* FFC680 */
+    --warning-400: 255 179 87; /* FFB357 */
+    --warning-500: 255 159 45; /* #FF9F2D */
+    --warning-600: 240 132 0; /* F08400 */
+    --warning-700: 179 98 0; /* B36200 */
+    --warning-800: 122 67 0; /* 7A4300 */
+    --warning-900: 61 34 0; /* 3D2200 */
+    --warning-950: 31 17 0; /* 1F1100 */
+
+    --error-50: 254 235 235; /* FEEBEB */
+    --error-100: 253 216 216; /* FDD8D8 */
+    --error-200: 252 177 177; /* FCB1B1 */
+    --error-300: 250 142 142; /* FA8E8E */
+    --error-400: 249 103 103; /* F96767 */
+    --error-500: 247 65 65; /* #F74141 */
+    --error-600: 240 10 10; /* F00A0A */
+    --error-700: 181 8 8; /* B50808 */
+    --error-800: 117 5 5; /* 750505 */
+    --error-900: 59 2 2; /* 3B0202 */
+    --error-950: 29 1 1; /* 1D0101 */
+
+    --gray-100: 234 234 234; /* #eaeaea */
+    --gray-200: 192 192 192; /* #c0c0c0 */
+    --gray-300: 123 123 123; /* #7b7b7b */
+    --gray-400: 46 46 46; /* #2e2e2e */
+
+    --background-primary: 17 17 17; /* #111111 */
+    --background-secondary: 28 28 28; /* #1C1C1C */
+    --background-color-primary: var(--primary-500) / 0.25;
+    --background-color-success: var(--success-500) / 0.25;
+    --background-color-warning: var(--warning-500) / 0.25;
+    --background-color-error: var(--error-500) / 0.25;
   }
 
   body {
-    @apply bg-gray-900 font-poppins text-typography-primary antialiased scroll;
+    @apply font-poppins text-gray-100 antialiased scroll;
   }
 }

package/theme/main-preset.js

@@ -4,6 +4,80 @@ var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 
+// src/theme/presets/colors.js
+var require_colors = __commonJS({
+  "src/theme/presets/colors.js"(exports2, module2) {
+    "use strict";
+    module2.exports = {
+      theme: {
+        colors: {
+          black: "rgb(var(--black) / <alpha-value>)",
+          error: {
+            100: "rgb(var(--error-100) / <alpha-value>)",
+            200: "rgb(var(--error-200) / <alpha-value>)",
+            300: "rgb(var(--error-300) / <alpha-value>)",
+            400: "rgb(var(--error-400) / <alpha-value>)",
+            500: "rgb(var(--error-500) / <alpha-value>)",
+            600: "rgb(var(--error-600) / <alpha-value>)",
+            700: "rgb(var(--error-700) / <alpha-value>)",
+            800: "rgb(var(--error-800) / <alpha-value>)",
+            900: "rgb(var(--error-900) / <alpha-value>)"
+          },
+          gray: {
+            100: "rgb(var(--gray-100) / <alpha-value>)",
+            200: "rgb(var(--gray-200) / <alpha-value>)",
+            300: "rgb(var(--gray-300) / <alpha-value>)",
+            400: "rgb(var(--gray-400) / <alpha-value>)"
+          },
+          primary: {
+            100: "rgb(var(--primary-100) / <alpha-value>)",
+            200: "rgb(var(--primary-200) / <alpha-value>)",
+            300: "rgb(var(--primary-300) / <alpha-value>)",
+            400: "rgb(var(--primary-400) / <alpha-value>)",
+            500: "rgb(var(--primary-500) / <alpha-value>)",
+            600: "rgb(var(--primary-600) / <alpha-value>)",
+            700: "rgb(var(--primary-700) / <alpha-value>)",
+            800: "rgb(var(--primary-800) / <alpha-value>)",
+            900: "rgb(var(--primary-900) / <alpha-value>)"
+          },
+          success: {
+            100: "rgb(var(--success-100) / <alpha-value>)",
+            200: "rgb(var(--success-200) / <alpha-value>)",
+            300: "rgb(var(--success-300) / <alpha-value>)",
+            400: "rgb(var(--success-400) / <alpha-value>)",
+            500: "rgb(var(--success-500) / <alpha-value>)",
+            600: "rgb(var(--success-600) / <alpha-value>)",
+            700: "rgb(var(--success-700) / <alpha-value>)",
+            800: "rgb(var(--success-800) / <alpha-value>)",
+            900: "rgb(var(--success-900) / <alpha-value>)"
+          },
+          transparent: "transparent",
+          warning: {
+            50: "rgb(var(--warning-50) / <alpha-value>)",
+            100: "rgb(var(--warning-100) / <alpha-value>)",
+            200: "rgb(var(--warning-200) / <alpha-value>)",
+            300: "rgb(var(--warning-300) / <alpha-value>)",
+            400: "rgb(var(--warning-400) / <alpha-value>)",
+            500: "rgb(var(--warning-500) / <alpha-value>)",
+            600: "rgb(var(--warning-600) / <alpha-value>)",
+            700: "rgb(var(--warning-700) / <alpha-value>)",
+            800: "rgb(var(--warning-800) / <alpha-value>)",
+            900: "rgb(var(--warning-900) / <alpha-value>)",
+            950: "rgb(var(--warning-950) / <alpha-value>)"
+          },
+          white: "rgb(var(--white) / <alpha-value>)"
+        },
+        extend: {
+          backgroundColor: {
+            "app-primary": "rgb(var(--background-primary))",
+            "app-secondary": "rgb(var(--background-secondary))"
+          }
+        }
+      }
+    };
+  }
+});
+
 // src/theme/plugins/utilities/scroll.js
 var require_scroll = __commonJS({
   "src/theme/plugins/utilities/scroll.js"(exports2, module2) {
@@ -12,7 +86,8 @@ 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-thumb-gray-600/100 hover:scrollbar-thumb-gray-600/80":
+          //   {}
         }
       });
     });
@@ -45,19 +120,19 @@ var require_typography = __commonJS({
           "@apply font-poppins text-xl font-normal font-medium leading-[1.6] tracking-[.0075em]": {}
         },
         ".typography-subtitle-1": {
-          "@apply font-poppins text-base leading-7 tracking-[.00938em]": {}
+          "@apply font-poppins text-md leading-7 tracking-[.00938em]": {}
         },
         ".typography-subtitle-2": {
           "@apply font-poppins text-sm font-medium leading-[1.57] tracking-[.00714em]": {}
         },
         ".typography-body-1": {
-          "@apply font-poppins text-base font-normal leading-normal tracking-[.00938em]": {}
+          "@apply font-poppins text-md font-normal leading-normal tracking-[.00938em]": {}
         },
         ".typography-body-2": {
           "@apply font-poppins text-sm font-normal leading-[1.43] tracking-[.01071em]": {}
         },
         ".typography-button": {
-          "@apply font-poppins text-sm font-medium leading-[1.75] tracking-[.02857em]": {}
+          "@apply font-poppins text-sm font-medium leading-5 tracking-[.02857em]": {}
         },
         ".typography-caption": {
           "@apply font-poppins text-xs font-normal leading-[1.66] tracking-[.03333em]": {}
@@ -66,7 +141,7 @@ var require_typography = __commonJS({
           "@apply font-poppins text-xs font-normal uppercase leading-[2.66] tracking-[.08333em]": {}
         },
         ".typography-code": {
-          "@apply font-code text-base font-bold leading-5 tracking-wide": {}
+          "@apply font-code text-md font-bold leading-5 tracking-wide": {}
         }
       });
     });
@@ -89,72 +164,6 @@ var screens = {
 module.exports = {
   darkMode: "class",
   theme: {
-    colors: {
-      black: "rgb(var(--black) / <alpha-value>)",
-      error: {
-        100: "rgb(var(--error-100) / <alpha-value>)",
-        200: "rgb(var(--error-200) / <alpha-value>)",
-        300: "rgb(var(--error-300) / <alpha-value>)",
-        400: "rgb(var(--error-400) / <alpha-value>)",
-        500: "rgb(var(--error-500) / <alpha-value>)",
-        600: "rgb(var(--error-600) / <alpha-value>)",
-        700: "rgb(var(--error-700) / <alpha-value>)",
-        800: "rgb(var(--error-800) / <alpha-value>)",
-        900: "rgb(var(--error-900) / <alpha-value>)"
-      },
-      gray: {
-        100: "rgb(var(--gray-100) / <alpha-value>)",
-        200: "rgb(var(--gray-200) / <alpha-value>)",
-        300: "rgb(var(--gray-300) / <alpha-value>)",
-        400: "rgb(var(--gray-400) / <alpha-value>)",
-        500: "rgb(var(--gray-500) / <alpha-value>)",
-        600: "rgb(var(--gray-600) / <alpha-value>)",
-        700: "rgb(var(--gray-700) / <alpha-value>)",
-        800: "rgb(var(--gray-800) / <alpha-value>)",
-        900: "rgb(var(--gray-900) / <alpha-value>)"
-      },
-      primary: {
-        100: "rgb(var(--primary-100) / <alpha-value>)",
-        200: "rgb(var(--primary-200) / <alpha-value>)",
-        300: "rgb(var(--primary-300) / <alpha-value>)",
-        400: "rgb(var(--primary-400) / <alpha-value>)",
-        500: "rgb(var(--primary-500) / <alpha-value>)",
-        600: "rgb(var(--primary-600) / <alpha-value>)",
-        700: "rgb(var(--primary-700) / <alpha-value>)",
-        800: "rgb(var(--primary-800) / <alpha-value>)",
-        900: "rgb(var(--primary-900) / <alpha-value>)"
-      },
-      success: {
-        100: "rgb(var(--success-100) / <alpha-value>)",
-        200: "rgb(var(--success-200) / <alpha-value>)",
-        300: "rgb(var(--success-300) / <alpha-value>)",
-        400: "rgb(var(--success-400) / <alpha-value>)",
-        500: "rgb(var(--success-500) / <alpha-value>)",
-        600: "rgb(var(--success-600) / <alpha-value>)",
-        700: "rgb(var(--success-700) / <alpha-value>)",
-        800: "rgb(var(--success-800) / <alpha-value>)",
-        900: "rgb(var(--success-900) / <alpha-value>)"
-      },
-      transparent: "transparent",
-      typography: {
-        DEFAULT: "rgb(var(--text-color) / <alpha-value>)",
-        primary: "rgb(var(--text-color) / 1)",
-        secondary: "rgb(var(--text-color) / 0.60)",
-        disabled: "rgb(var(--text-color) / 0.43)"
-      },
-      warning: {
-        100: "rgb(var(--warning-100) / <alpha-value>)",
-        200: "rgb(var(--warning-200) / <alpha-value>)",
-        300: "rgb(var(--warning-300) / <alpha-value>)",
-        400: "rgb(var(--warning-400) / <alpha-value>)",
-        500: "rgb(var(--warning-500) / <alpha-value>)",
-        600: "rgb(var(--warning-600) / <alpha-value>)",
-        700: "rgb(var(--warning-700) / <alpha-value>)",
-        800: "rgb(var(--warning-800) / <alpha-value>)",
-        900: "rgb(var(--warning-900) / <alpha-value>)"
-      },
-      white: "rgb(var(--white) / <alpha-value>)"
-    },
     fontFamily: {
       poppins: ["'Poppins', sans-serif"],
       code: ["'JetBrains Mono', monospace"]
@@ -162,7 +171,7 @@ module.exports = {
     fontSize: {
       xs: "0.75rem",
       sm: "0.875rem",
-      base: "1rem",
+      md: "1rem",
       xl: "1.25rem",
       "2xl": "1.5rem",
       "3xl": "2.125rem",
@@ -214,6 +223,7 @@ module.exports = {
       }
     }
   },
+  presets: [require_colors()],
   plugins: [
     require("@tailwindcss/container-queries"),
     require("tailwind-scrollbar"),

package/utils.types-3df7903f.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type AsProp<C extends React.ElementType> = {
+    /**
+     * Defines HTML tag to be used for component
+     */
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+type OmitStylesProps<T> = Omit<T, "className" | "style">;
+
+export { AsProp as A, OmitStylesProps as O, PolymorphicComponentProp as P };

package/chunk-IU6YFFFX.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var chunkZXKZOOUS_js = require('./chunk-ZXKZOOUS.js');
-var r = 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 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]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-500","hover:border-gray-500 hover:bg-gray-500","active:text-white active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500","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","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","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","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-gray-600","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-gray-600","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:"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 V=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:k,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(chunkZXKZOOUS_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(chunkZXKZOOUS_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]})}),N=V;
-
-exports.a = N;

package/chunk-V5HU3D4L.mjs

@@ -1,8 +0,0 @@
-import { b } from './chunk-L7XC4VZM.mjs';
-import * as r from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var p=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]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-500","hover:border-gray-500 hover:bg-gray-500","active:text-white active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500","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","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","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","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-gray-600","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-gray-600","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=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=cva("",{variants:{loading:{true:"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 V=r.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:k,loading:t=!1,loadingPosition:b$1="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b$1==="start",g=o?jsx(b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b$1==="end",m=n?jsx(b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return 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?jsx("span",{className:B,role:o?"progressbar":void 0,children:r.cloneElement(g,{className:P})}):null,x,m?jsx("span",{className:E,role:n?"progressbar":void 0,children:r.cloneElement(m,{className:S})}):null]})}),N=V;
-
-export { N as a };

package/components/Icons/index.d.ts

@@ -1,3 +0,0 @@
-export { G as GoogleIcon, I as IconProps, L as LoadingIcon } from '../../loading-b90ed1cb.js';
-import 'react/jsx-runtime';
-import 'react';

package/components/Icons/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkZXKZOOUS_js = require('../../chunk-ZXKZOOUS.js');
-
-
-
-Object.defineProperty(exports, 'GoogleIcon', {
-	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.a; }
-});
-Object.defineProperty(exports, 'LoadingIcon', {
-	enumerable: true,
-	get: function () { return chunkZXKZOOUS_js.b; }
-});

package/components/Icons/index.mjs

@@ -1 +0,0 @@
-export { a as GoogleIcon, b as LoadingIcon } from '../../chunk-L7XC4VZM.mjs';