@szum-tech/design-system 1.7.1 → 1.9.0

package/{Avatar-cea60385.d.ts → Avatar-d6a17567.d.ts}

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
@@ -31,6 +32,6 @@ type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
      */
     src?: string;
 };
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
+declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 export { Avatar as A, AvatarProps as a, AvatarSizeType as b };

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

@@ -12,6 +12,7 @@ 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;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "text" | "outlined" | "contained" | null | undefined;
@@ -23,6 +24,10 @@ type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
 type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
 type Props = {
+    /**
+     * Defines button full width
+     */
+    block?: boolean;
     /**
      * Defines button color
      */
@@ -38,13 +43,29 @@ type Props = {
     /**
      * Defines button content
      */
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * Disabled button
      */
     disabled?: boolean;
+    /**
+     * Defines left icon
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * Defines right icon
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * Defines is button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Defines is position of loading icon
+     */
+    loadingPosition?: "start" | "end";
 };
-type ButtonProps<T extends React.ElementType> = PolymorphicComponentProp<T, Props>;
+type ButtonProps<T extends React.ElementType = "button"> = PolymorphicComponentProp<T, Props>;
 declare const Button: <T extends React.ElementType<any> = "button">(props: Props & AsProp<T> & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "as" | keyof Props> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
 export { Button as B, ButtonProps as a, ButtonSizeType as b, ButtonVariantType as c, ButtonColorType as d };

package/{ThemeProvider-8e6d7838.d.ts → ThemeProvider-cd78c94b.d.ts}

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const ThemeContext: React__default.Context<ThemeContextType>;
 
@@ -17,6 +18,6 @@ interface ThemeProviderProps {
      */
     theme?: ThemeType;
 }
-declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
 export { ThemeContext as T, ThemeProviderProps as a, ThemeProvider as b };

package/Tooltip.provider-90345769.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ReactTooltip from '@radix-ui/react-tooltip';
+
+type TooltipProps = ReactTooltip.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip as T, TooltipProps as a, TooltipProviderProps as b, TooltipProvider as c };

package/chunk-H45G4SKR.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var o = require('@radix-ui/react-tooltip');
+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 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})}
+
+exports.a = d;
+exports.b = y;

package/chunk-IU6YFFFX.js

@@ -0,0 +1,30 @@
+'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-KJ2XNFGW.mjs

@@ -0,0 +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})}
+
+export { d as a, y as b };

package/chunk-L7XC4VZM.mjs

@@ -0,0 +1,5 @@
+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"})]})})})}
+
+export { i as a, p as b };

package/chunk-V5HU3D4L.mjs

@@ -0,0 +1,8 @@
+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/chunk-ZXKZOOUS.js

@@ -0,0 +1,8 @@
+'use strict';
+
+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"})]})})})}
+
+exports.a = i;
+exports.b = p;

package/components/Avatar/index.d.ts

@@ -1,4 +1,5 @@
-export { a as AvatarProps, b as AvatarSizeType, A as default } from '../../Avatar-cea60385.js';
+export { a as AvatarProps, b as AvatarSizeType, A as default } from '../../Avatar-d6a17567.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';

package/components/Button/index.d.ts

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

package/components/Button/index.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk35PGUWPE_js = require('../../chunk-35PGUWPE.js');
+var chunkIU6YFFFX_js = require('../../chunk-IU6YFFFX.js');
+require('../../chunk-ZXKZOOUS.js');
 
 
 
-module.exports = chunk35PGUWPE_js.a;
+module.exports = chunkIU6YFFFX_js.a;

package/components/Button/index.mjs

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

package/components/Icons/index.d.ts

@@ -1,7 +1,3 @@
-import * as React from 'react';
-
-type IconProps = React.SVGProps<SVGSVGElement>;
-
-declare function GoogleIcon(props: IconProps): JSX.Element;
-
-export { GoogleIcon, IconProps };
+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,7 +1,14 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
+var chunkZXKZOOUS_js = require('../../chunk-ZXKZOOUS.js');
 
-function t(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"})]})}
 
-exports.GoogleIcon = t;
+
+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,5 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function t(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"})]})}
-
-export { t as GoogleIcon };
+export { a as GoogleIcon, b as LoadingIcon } from '../../chunk-L7XC4VZM.mjs';

package/components/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps, T as default } from '../../Tooltip.provider-90345769.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-tooltip';

package/components/Tooltip/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkH45G4SKR_js = require('../../chunk-H45G4SKR.js');
+
+
+
+Object.defineProperty(exports, 'TooltipProvider', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.b; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.a; }
+});

package/components/Tooltip/index.mjs

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

package/components/index.d.ts

@@ -1,5 +1,9 @@
-export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from '../Avatar-cea60385.js';
-export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button-b6aa5957.js';
+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 { 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 '@radix-ui/react-tooltip';

package/components/index.js

@@ -1,8 +1,10 @@
 'use strict';
 
-require('../chunk-5AJUIVQP.js');
+require('../chunk-AZOTATFN.js');
 var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
-var chunk35PGUWPE_js = require('../chunk-35PGUWPE.js');
+var chunkIU6YFFFX_js = require('../chunk-IU6YFFFX.js');
+var chunkZXKZOOUS_js = require('../chunk-ZXKZOOUS.js');
+var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
 
 
 
@@ -12,5 +14,21 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunk35PGUWPE_js.a; }
+	get: function () { return chunkIU6YFFFX_js.a; }
+});
+Object.defineProperty(exports, 'GoogleIcon', {
+	enumerable: true,
+	get: function () { return chunkZXKZOOUS_js.a; }
+});
+Object.defineProperty(exports, 'LoadingIcon', {
+	enumerable: true,
+	get: function () { return chunkZXKZOOUS_js.b; }
+});
+Object.defineProperty(exports, 'Tooltip', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.a; }
+});
+Object.defineProperty(exports, 'TooltipProvider', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.b; }
 });

package/components/index.mjs

@@ -1,3 +1,5 @@
-import '../chunk-LMETIM25.mjs';
+import '../chunk-CWYY7UTM.mjs';
 export { a as Avatar } from '../chunk-MM2WP564.mjs';
-export { a as Button } from '../chunk-CUMOJXWX.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';

package/contexts/index.d.ts

@@ -1,3 +1,4 @@
-export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../ThemeProvider-8e6d7838.js';
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../ThemeProvider-cd78c94b.js';
 export { a as ThemeContextType, T as ThemeType } from '../theme.types-a32f0702.js';
 import 'react';
+import 'react/jsx-runtime';

package/contexts/theme/index.d.ts

@@ -1,3 +1,4 @@
-export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../../ThemeProvider-8e6d7838.js';
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../../ThemeProvider-cd78c94b.js';
 export { a as ThemeContextType, T as ThemeType } from '../../theme.types-a32f0702.js';
 import 'react';
+import 'react/jsx-runtime';

package/index.d.ts

@@ -1,8 +1,12 @@
-export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from './Avatar-cea60385.js';
-export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button-b6aa5957.js';
+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 { 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-8e6d7838.js';
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-cd78c94b.js';
 export { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';
+import '@radix-ui/react-tooltip';

package/index.js

@@ -1,9 +1,11 @@
 'use strict';
 
-require('./chunk-5AJUIVQP.js');
-var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
-var chunk35PGUWPE_js = require('./chunk-35PGUWPE.js');
 require('./chunk-7M2UD3MX.js');
+require('./chunk-AZOTATFN.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 chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
 require('./chunk-JQ4UTWMH.js');
 var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
@@ -16,7 +18,23 @@ Object.defineProperty(exports, 'Avatar', {
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunk35PGUWPE_js.a; }
+	get: function () { return chunkIU6YFFFX_js.a; }
+});
+Object.defineProperty(exports, 'GoogleIcon', {
+	enumerable: true,
+	get: function () { return chunkZXKZOOUS_js.a; }
+});
+Object.defineProperty(exports, 'LoadingIcon', {
+	enumerable: true,
+	get: function () { return chunkZXKZOOUS_js.b; }
+});
+Object.defineProperty(exports, 'Tooltip', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.a; }
+});
+Object.defineProperty(exports, 'TooltipProvider', {
+	enumerable: true,
+	get: function () { return chunkH45G4SKR_js.b; }
 });
 Object.defineProperty(exports, 'useTheme', {
 	enumerable: true,

package/index.mjs

@@ -1,7 +1,9 @@
-import './chunk-LMETIM25.mjs';
-export { a as Avatar } from './chunk-MM2WP564.mjs';
-export { a as Button } from './chunk-CUMOJXWX.mjs';
 import './chunk-TAA4AMBN.mjs';
+import './chunk-CWYY7UTM.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 useTheme } from './chunk-CRJI67D5.mjs';
 import './chunk-WPEQQQCR.mjs';
 export { a as ThemeContext, b as ThemeProvider } from './chunk-5SE7P5YG.mjs';

package/loading-b90ed1cb.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+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;
+
+export { GoogleIcon as G, IconProps as I, LoadingIcon as L };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.7.1",
+  "version": "1.9.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -54,16 +54,20 @@
     "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",
+    "test:watch": "vitest --watch",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@radix-ui/react-tooltip": "^1.0.5",
     "@tailwindcss/container-queries": "^0.1.0",
-    "class-variance-authority": "^0.5.2",
-    "tailwind-scrollbar": "^3.0.0"
+    "class-variance-authority": "^0.6.0",
+    "tailwind-scrollbar": "^3.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@heroicons/react": "^2.0.17",
+    "@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",
@@ -80,41 +84,44 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-vite": "^7.0.6",
     "@storybook/theming": "^7.0.6",
-    "@szum-tech/prettier-config": "^1.2.0",
-    "@szum-tech/semantic-release-preset": "^1.5.0",
-    "@testing-library/dom": "^9.2.0",
+    "@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.0.38",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
     "@types/semantic-release": "^20.0.1",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.14",
     "babel-loader": "^9.1.2",
     "concurrently": "^8.0.1",
     "cpy-cli": "^4.2.0",
+    "happy-dom": "^9.18.3",
     "postcss": "^8.4.23",
     "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.2.7",
+    "prettier-plugin-tailwindcss": "^0.2.8",
     "react": "^18.2.0",
     "react-docgen": "^5.4.3",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
-    "semantic-release": "^21.0.1",
+    "semantic-release": "^21.0.2",
     "serve": "^14.2.0",
     "storybook": "^7.0.6",
     "storybook-addon-pseudo-states": "^2.0.1",
     "storybook-addon-themes": "^6.1.0",
-    "tailwindcss": "^3.3.1",
+    "tailwindcss": "^3.3.2",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4",
-    "vite": "^4.3.1"
+    "vite": "^4.3.1",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.31.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.1"
+    "tailwindcss": "^3.3.2"
   },
   "publishConfig": {
     "access": "public"

package/theme/main-preset.js

@@ -180,9 +180,37 @@ module.exports = {
         2: "0.5rem",
         8: "2.0rem"
       },
+      spacing: {
+        4.5: "1.125rem",
+        5.5: "1.375rem"
+      },
       width: {
         128: "32.0rem",
         300: "75.0rem"
+      },
+      keyframes: {
+        slideDownAndFade: {
+          from: { opacity: 0, transform: "translateY(-2px)" },
+          to: { opacity: 1, transform: "translateY(0)" }
+        },
+        slideLeftAndFade: {
+          from: { opacity: 0, transform: "translateX(2px)" },
+          to: { opacity: 1, transform: "translateX(0)" }
+        },
+        slideUpAndFade: {
+          from: { opacity: 0, transform: "translateY(2px)" },
+          to: { opacity: 1, transform: "translateY(0)" }
+        },
+        slideRightAndFade: {
+          from: { opacity: 0, transform: "translateX(-2px)" },
+          to: { opacity: 1, transform: "translateX(0)" }
+        }
+      },
+      animation: {
+        slideDownAndFade: "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+        slideLeftAndFade: "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+        slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+        slideRightAndFade: "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)"
       }
     }
   },

package/chunk-35PGUWPE.js

@@ -1,29 +0,0 @@
-'use strict';
-
-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 e=classVarianceAuthority.cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 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:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50  disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var p=r__namespace.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",disabled:g=!1,...n},d){let c=t||"button",l=e({size:i,variant:s,color:a});return jsxRuntime.jsx(c,{className:l,ref:d,...n,children:o})}),v=p;
-
-exports.a = v;

package/chunk-CUMOJXWX.mjs

@@ -1,7 +0,0 @@
-import * as r from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var e=cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 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:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50  disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var p=r.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",disabled:g=!1,...n},d){let c=t||"button",l=e({size:i,variant:s,color:a});return jsx(c,{className:l,ref:d,...n,children:o})}),v=p;
-
-export { v as a };