@szum-tech/design-system 1.7.0 → 1.8.0

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

@@ -18,20 +18,19 @@ type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
      * Defines background color
      */
     bg?: `bg-${string}` | `bg-${string}-${number}`;
+    /**
+     * Defines avatar children
+     */
+    children?: React.ReactNode;
     /**
      * Defines avatar size
-     * @default 'md'
      */
     size?: AvatarSizeType;
     /**
      * Defines avatar image src
      */
     src?: string;
-    /**
-     * Defines avatar children
-     */
-    children?: React.ReactNode;
 };
 declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
 
-export { Avatar as A, AvatarSizeType as a, AvatarProps as b };
+export { Avatar as A, AvatarProps as a, AvatarSizeType as b };

package/{Button-91229b6b.d.ts → Button-b6aa5957.d.ts}

@@ -2,6 +2,15 @@ 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?: ({
     color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -13,36 +22,29 @@ type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
 type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
 type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
-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 ButtonProp = {
+type Props = {
     /**
      * Defines button color
-     * @default 'primary'
      */
     color?: ButtonColorType;
     /**
      * Defines button variant
-     * @default 'text'
      */
     variant?: ButtonVariantType;
     /**
      * Defines button size
-     * @default 'md'
      */
     size?: ButtonSizeType;
     /**
-     * Defines avatar children
+     * Defines button content
+     */
+    children: React.ReactNode;
+    /**
+     * Disabled button
      */
-    children?: React.ReactNode;
+    disabled?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
+type ButtonProps<T extends React.ElementType> = 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 { _default as _ };
+export { Button as B, ButtonProps as a, ButtonSizeType as b, ButtonVariantType as c, ButtonColorType as d };

package/Tooltip.provider-0bfb8e8b.d.ts

@@ -0,0 +1,19 @@
+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): JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): JSX.Element;
+
+export { Tooltip as T, TooltipProps as a, TooltipProviderProps as b, TooltipProvider as c };

package/{chunk-I6ERYEB3.js → chunk-35PGUWPE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var e = require('react');
+var r = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,8 +22,8 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var e__namespace = /*#__PURE__*/_interopNamespace(e);
+var r__namespace = /*#__PURE__*/_interopNamespace(r);
 
-var r=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 v=e__namespace.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsxRuntime.jsx(c,{className:l,ref:d,...n,children:o})});
+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-4AKOYNNP.mjs → chunk-CUMOJXWX.mjs}

@@ -1,7 +1,7 @@
-import * as e from 'react';
+import * as r from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
-var r=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 v=e.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsx(c,{className:l,ref:d,...n,children:o})});
+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 };

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-KFGKQTHE.mjs

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

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-PSTRT4QP.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+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.a = t;

package/components/Avatar/index.d.ts

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

package/components/Avatar/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkPIY4JWBH_js = require('../../chunk-PIY4JWBH.js');
+var chunkM6LWZWJB_js = require('../../chunk-M6LWZWJB.js');
 
 
 
-module.exports = chunkPIY4JWBH_js.a;
+module.exports = chunkM6LWZWJB_js.a;

package/components/Avatar/index.mjs

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

package/components/Button/index.d.ts

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

package/components/Button/index.js

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

package/components/Button/index.mjs

@@ -1 +1 @@
-export { a as default } from '../../chunk-4AKOYNNP.mjs';
+export { a as default } from '../../chunk-CUMOJXWX.mjs';

package/components/Icons/index.d.ts

@@ -1,7 +1,2 @@
-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 } from '../../google-141b534f.js';
+import 'react';

package/components/Icons/index.js

@@ -1,7 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
+var chunkPSTRT4QP_js = require('../../chunk-PSTRT4QP.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 chunkPSTRT4QP_js.a; }
+});

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 } from '../../chunk-KFGKQTHE.mjs';

package/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps, T as default } from '../../Tooltip.provider-0bfb8e8b.js';
+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,8 @@
-export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from '../Avatar-e871ff4f.js';
-export { _ as Button } from '../Button-91229b6b.js';
+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 { G as GoogleIcon, I as IconProps } from '../google-141b534f.js';
+export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from '../Tooltip.provider-0bfb8e8b.js';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/dist/types';
+import '@radix-ui/react-tooltip';

package/components/index.js

@@ -1,16 +1,30 @@
 'use strict';
 
-require('../chunk-JNEX4BMN.js');
-var chunkPIY4JWBH_js = require('../chunk-PIY4JWBH.js');
-var chunkI6ERYEB3_js = require('../chunk-I6ERYEB3.js');
+require('../chunk-AZOTATFN.js');
+var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
+var chunk35PGUWPE_js = require('../chunk-35PGUWPE.js');
+var chunkPSTRT4QP_js = require('../chunk-PSTRT4QP.js');
+var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
 
 
 
 Object.defineProperty(exports, 'Avatar', {
 	enumerable: true,
-	get: function () { return chunkPIY4JWBH_js.a; }
+	get: function () { return chunkM6LWZWJB_js.a; }
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkI6ERYEB3_js.a; }
+	get: function () { return chunk35PGUWPE_js.a; }
+});
+Object.defineProperty(exports, 'GoogleIcon', {
+	enumerable: true,
+	get: function () { return chunkPSTRT4QP_js.a; }
+});
+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-LYGO5UGG.mjs';
-export { a as Avatar } from '../chunk-AWV2FK6N.mjs';
-export { a as Button } from '../chunk-4AKOYNNP.mjs';
+import '../chunk-CWYY7UTM.mjs';
+export { a as Avatar } from '../chunk-MM2WP564.mjs';
+export { a as Button } from '../chunk-CUMOJXWX.mjs';
+export { a as GoogleIcon } from '../chunk-KFGKQTHE.mjs';
+export { a as Tooltip, b as TooltipProvider } from '../chunk-KJ2XNFGW.mjs';

package/google-141b534f.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+type IconProps = React.SVGProps<SVGSVGElement>;
+
+declare function GoogleIcon(props: IconProps): JSX.Element;
+
+export { GoogleIcon as G, IconProps as I };

package/index.d.ts

@@ -1,8 +1,11 @@
-export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from './Avatar-e871ff4f.js';
-export { _ as Button } from './Button-91229b6b.js';
+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 { G as GoogleIcon, I as IconProps } from './google-141b534f.js';
+export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from './Tooltip.provider-0bfb8e8b.js';
 export { u as useTheme } from './useTheme-01c9253b.js';
 export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-8e6d7838.js';
 export { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
 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-JNEX4BMN.js');
-var chunkPIY4JWBH_js = require('./chunk-PIY4JWBH.js');
-var chunkI6ERYEB3_js = require('./chunk-I6ERYEB3.js');
 require('./chunk-7M2UD3MX.js');
+require('./chunk-AZOTATFN.js');
+var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
+var chunk35PGUWPE_js = require('./chunk-35PGUWPE.js');
+var chunkPSTRT4QP_js = require('./chunk-PSTRT4QP.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');
@@ -12,11 +14,23 @@ var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
 
 Object.defineProperty(exports, 'Avatar', {
 	enumerable: true,
-	get: function () { return chunkPIY4JWBH_js.a; }
+	get: function () { return chunkM6LWZWJB_js.a; }
 });
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkI6ERYEB3_js.a; }
+	get: function () { return chunk35PGUWPE_js.a; }
+});
+Object.defineProperty(exports, 'GoogleIcon', {
+	enumerable: true,
+	get: function () { return chunkPSTRT4QP_js.a; }
+});
+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-LYGO5UGG.mjs';
-export { a as Avatar } from './chunk-AWV2FK6N.mjs';
-export { a as Button } from './chunk-4AKOYNNP.mjs';
 import './chunk-TAA4AMBN.mjs';
+import './chunk-CWYY7UTM.mjs';
+export { a as Avatar } from './chunk-MM2WP564.mjs';
+export { a as Button } from './chunk-CUMOJXWX.mjs';
+export { a as GoogleIcon } from './chunk-KFGKQTHE.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -41,10 +41,10 @@
   ],
   "scripts": {
     "build": "env NODE_ENV=production tsup && cpy './src/theme/global.css' './theme' --flat",
-    "clean": "rm -rf node_modules && yarn clear:build",
-    "clear: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",
-    "clear:build:dev": "rm -rf dist",
-    "dev": "concurrently \"npm run dev:css\" \"npm run dev:build\"",
+    "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:dev": "rm -rf dist",
+    "dev": "concurrently \"yarn dev:css\" \"yarn dev:build\"",
     "dev:build": "tsup",
     "dev:css": "tailwindcss -w -i src/theme/global.css -o src/styles/default.css",
     "prettier:check": "prettier --check .",
@@ -57,54 +57,60 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@radix-ui/react-tooltip": "^1.0.5",
     "@tailwindcss/container-queries": "^0.1.0",
-    "class-variance-authority": "^0.5.1",
+    "class-variance-authority": "^0.5.2",
     "tailwind-scrollbar": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.21.4",
     "@heroicons/react": "^2.0.17",
-    "@storybook/addon-a11y": "^7.0.0",
-    "@storybook/addon-actions": "^7.0.0",
-    "@storybook/addon-docs": "^7.0.0",
-    "@storybook/addon-essentials": "^7.0.0",
-    "@storybook/addon-interactions": "^7.0.0",
-    "@storybook/addon-links": "^7.0.0",
-    "@storybook/addon-mdx-gfm": "^7.0.0",
-    "@storybook/addons": "^7.0.0",
-    "@storybook/core-common": "^6.5.16",
-    "@storybook/core-events": "^6.5.16",
-    "@storybook/react": "^7.0.0",
-    "@storybook/react-vite": "^7.0.0",
-    "@storybook/theming": "^7.0.0",
+    "@storybook/addon-a11y": "^7.0.6",
+    "@storybook/addon-actions": "^7.0.6",
+    "@storybook/addon-docs": "^7.0.6",
+    "@storybook/addon-essentials": "^7.0.6",
+    "@storybook/addon-interactions": "^7.0.6",
+    "@storybook/addon-links": "^7.0.6",
+    "@storybook/addon-mdx-gfm": "^7.0.6",
+    "@storybook/addons": "^7.0.6",
+    "@storybook/components": "^7.0.6",
+    "@storybook/core-common": "^7.0.6",
+    "@storybook/core-events": "^7.0.6",
+    "@storybook/manager-api": "^7.0.6",
+    "@storybook/preview-api": "^7.0.6",
+    "@storybook/react": "^7.0.6",
+    "@storybook/react-vite": "^7.0.6",
+    "@storybook/theming": "^7.0.6",
     "@szum-tech/prettier-config": "^1.2.0",
     "@szum-tech/semantic-release-preset": "^1.5.0",
+    "@testing-library/dom": "^9.2.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.32",
+    "@types/react": "^18.0.38",
     "@types/react-dom": "^18.0.11",
     "@types/semantic-release": "^20.0.1",
-    "@vitejs/plugin-react": "^3.1.0",
+    "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.14",
     "babel-loader": "^9.1.2",
     "concurrently": "^8.0.1",
     "cpy-cli": "^4.2.0",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "prettier-plugin-tailwindcss": "^0.2.6",
+    "postcss": "^8.4.23",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.2.7",
     "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",
     "serve": "^14.2.0",
-    "storybook": "^7.0.0",
-    "storybook-addon-pseudo-states": "^2.0.0-next.1",
+    "storybook": "^7.0.6",
+    "storybook-addon-pseudo-states": "^2.0.1",
     "storybook-addon-themes": "^6.1.0",
     "tailwindcss": "^3.3.1",
     "tsup": "^6.7.0",
-    "typescript": "^5.0.3",
-    "vite": "^4.2.1"
+    "typescript": "^5.0.4",
+    "vite": "^4.3.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/theme/main-preset.js

@@ -183,6 +183,30 @@ module.exports = {
       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)"
       }
     }
   },