@szum-tech/design-system 1.7.1 → 1.8.0

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-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/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, 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,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 chunkPSTRT4QP_js = require('../chunk-PSTRT4QP.js');
+var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
 
 
 
@@ -14,3 +16,15 @@ Object.defineProperty(exports, 'Button', {
 	enumerable: true,
 	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-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 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, 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-5AJUIVQP.js');
+require('./chunk-7M2UD3MX.js');
+require('./chunk-AZOTATFN.js');
 var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
 var chunk35PGUWPE_js = require('./chunk-35PGUWPE.js');
-require('./chunk-7M2UD3MX.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');
@@ -18,6 +20,18 @@ Object.defineProperty(exports, 'Button', {
 	enumerable: true,
 	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,
 	get: function () { return chunkUJM6RAIA_js.a; }

package/index.mjs

@@ -1,7 +1,9 @@
-import './chunk-LMETIM25.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';
-import './chunk-TAA4AMBN.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.1",
+  "version": "1.8.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -57,6 +57,7 @@
     "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"

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)"
       }
     }
   },