@szum-tech/design-system 1.10.0 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,15 +1,19 @@
1
+ import { P as PolymorphicComponentProp, A as AsProp } from './utils.types-3df7903f.js';
1
2
  import * as React from 'react';
2
3
  import { VariantProps } from 'class-variance-authority';
3
4
  import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
4
5
 
5
- type AsProp<C extends React.ElementType> = {
6
- /**
7
- * Defines HTML tag to be used for component
8
- */
9
- as?: C;
10
- };
11
- type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
12
- type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
6
+ declare const buttonCva: (props?: ({
7
+ block?: boolean | null | undefined;
8
+ color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
9
+ size?: "sm" | "md" | "lg" | null | undefined;
10
+ variant?: "text" | "outlined" | "contained" | null | undefined;
11
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
12
+
13
+ type ButtonCvaProps = VariantProps<typeof buttonCva>;
14
+ type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
15
+ type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
16
+ type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
13
17
 
14
18
  type Props = {
15
19
  /**
@@ -56,16 +60,4 @@ type Props = {
56
60
  type ButtonProps<T extends React.ElementType = "button"> = PolymorphicComponentProp<T, Props>;
57
61
  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;
58
62
 
59
- declare const buttonCva: (props?: ({
60
- block?: boolean | null | undefined;
61
- color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
62
- size?: "sm" | "md" | "lg" | null | undefined;
63
- variant?: "text" | "outlined" | "contained" | null | undefined;
64
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
65
-
66
- type ButtonCvaProps = VariantProps<typeof buttonCva>;
67
- type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
68
- type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
69
- type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
70
-
71
63
  export { Button as B, ButtonProps as a, ButtonSizeType as b, ButtonVariantType as c, ButtonColorType as d };
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ import { O as OmitStylesProps } from './utils.types-3df7903f.js';
3
+
4
+ type Props = {
5
+ invalid?: boolean;
6
+ startIcon?: React.ReactElement | string;
7
+ endIcon?: React.ReactElement | string;
8
+ };
9
+ type InputProps = OmitStylesProps<React.ComponentPropsWithoutRef<"input">> & Props;
10
+ declare const InputComponent: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">> & Props & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
11
+
12
+ export { InputComponent as I, InputProps as a };
@@ -1,6 +1,6 @@
1
1
  import * as o from '@radix-ui/react-tooltip';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
 
4
- 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})}
4
+ function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxs(o.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsx(o.Trigger,{asChild:!0,children:n}),a?jsx(o.Portal,{children:jsxs(o.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsx(o.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsx(o.Provider,{skipDelayDuration:500,children:t})}
5
5
 
6
6
  export { d as a, y as b };
@@ -1,6 +1,6 @@
1
- export * from '@heroicons/react/24/outline';
1
+ export { IconTrash as c, IconCurrencyDollar as d, IconBrandGoogle as e, IconBolt as f, IconMail as g, IconDownload as h, IconBook as i, IconBrandNpm as j, IconBrandGithub as k } from '@tabler/icons-react';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
 
4
- function i(l){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
4
+ function e(l){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
5
5
 
6
- export { i as a, p as b };
6
+ export { e as a, p as b };
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ var p = require('react');
4
+ var classVarianceAuthority = require('class-variance-authority');
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+
7
+ function _interopNamespace(e) {
8
+ if (e && e.__esModule) return e;
9
+ var n = Object.create(null);
10
+ if (e) {
11
+ Object.keys(e).forEach(function (k) {
12
+ if (k !== 'default') {
13
+ var d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: function () { return e[k]; }
17
+ });
18
+ }
19
+ });
20
+ }
21
+ n.default = e;
22
+ return Object.freeze(n);
23
+ }
24
+
25
+ var p__namespace = /*#__PURE__*/_interopNamespace(p);
26
+
27
+ var l=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var m=p__namespace.forwardRef(function({invalid:n=!1,startIcon:t,endIcon:e,disabled:r=!1,...s},d){let c=l({withEndIcon:!!e,withStartIcon:!!t,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:f,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...s}),e?jsxRuntime.jsx("span",{"aria-hidden":!0,className:u,children:e}):null]})}),b=m;
28
+
29
+ exports.a = b;
@@ -1,15 +1,45 @@
1
1
  'use strict';
2
2
 
3
- var outline = require('@heroicons/react/24/outline');
3
+ var iconsReact = require('@tabler/icons-react');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
 
6
- function i(l){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsxRuntime.jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsxRuntime.jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
6
+ function e(l){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsxRuntime.jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsxRuntime.jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
7
7
 
8
- exports.a = i;
9
- exports.b = p;
10
- Object.keys(outline).forEach(function (k) {
11
- if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
12
- enumerable: true,
13
- get: function () { return outline[k]; }
14
- });
8
+ Object.defineProperty(exports, 'c', {
9
+ enumerable: true,
10
+ get: function () { return iconsReact.IconTrash; }
11
+ });
12
+ Object.defineProperty(exports, 'd', {
13
+ enumerable: true,
14
+ get: function () { return iconsReact.IconCurrencyDollar; }
15
+ });
16
+ Object.defineProperty(exports, 'e', {
17
+ enumerable: true,
18
+ get: function () { return iconsReact.IconBrandGoogle; }
19
+ });
20
+ Object.defineProperty(exports, 'f', {
21
+ enumerable: true,
22
+ get: function () { return iconsReact.IconBolt; }
23
+ });
24
+ Object.defineProperty(exports, 'g', {
25
+ enumerable: true,
26
+ get: function () { return iconsReact.IconMail; }
15
27
  });
28
+ Object.defineProperty(exports, 'h', {
29
+ enumerable: true,
30
+ get: function () { return iconsReact.IconDownload; }
31
+ });
32
+ Object.defineProperty(exports, 'i', {
33
+ enumerable: true,
34
+ get: function () { return iconsReact.IconBook; }
35
+ });
36
+ Object.defineProperty(exports, 'j', {
37
+ enumerable: true,
38
+ get: function () { return iconsReact.IconBrandNpm; }
39
+ });
40
+ Object.defineProperty(exports, 'k', {
41
+ enumerable: true,
42
+ get: function () { return iconsReact.IconBrandGithub; }
43
+ });
44
+ exports.a = e;
45
+ exports.b = p;
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ var chunkFZN66KOY_js = require('./chunk-FZN66KOY.js');
4
+ var r = require('react');
5
+ var classVarianceAuthority = require('class-variance-authority');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+
8
+ function _interopNamespace(e) {
9
+ if (e && e.__esModule) return e;
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var r__namespace = /*#__PURE__*/_interopNamespace(r);
27
+
28
+ var p=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var k=r__namespace.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:L,loading:t=!1,loadingPosition:b="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b==="start",g=o?jsxRuntime.jsx(chunkFZN66KOY_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(chunkFZN66KOY_js.b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return jsxRuntime.jsxs(v,{"aria-disabled":i||void 0,className:I,"data-state":t?"loading":void 0,disabled:i,ref:z,role:"button",tabIndex:i?-1:0,type:v==="button"?"button":void 0,...T,children:[g?jsxRuntime.jsx("span",{className:B,role:o?"progressbar":void 0,children:r__namespace.cloneElement(g,{className:P})}):null,x,m?jsxRuntime.jsx("span",{className:E,role:n?"progressbar":void 0,children:r__namespace.cloneElement(m,{className:S})}):null]})}),V=k;
29
+
30
+ exports.a = V;
@@ -23,7 +23,7 @@ function _interopNamespace(e) {
23
23
 
24
24
  var o__namespace = /*#__PURE__*/_interopNamespace(o);
25
25
 
26
- 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})}
26
+ function d({defaultOpen:t,content:a,open:p,onOpenChange:r,children:n,side:s,align:c,collisionPadding:R=8,sideOffset:T=8,...m}){return jsxRuntime.jsxs(o__namespace.Root,{delayDuration:0,open:p,defaultOpen:t,onOpenChange:r,children:[jsxRuntime.jsx(o__namespace.Trigger,{asChild:!0,children:n}),a?jsxRuntime.jsx(o__namespace.Portal,{children:jsxRuntime.jsxs(o__namespace.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:T,side:s,align:c,collisionPadding:R,...m,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[a,jsxRuntime.jsx(o__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function y({children:t}){return jsxRuntime.jsx(o__namespace.Provider,{skipDelayDuration:500,children:t})}
27
27
 
28
28
  exports.a = d;
29
29
  exports.b = y;
@@ -0,0 +1,8 @@
1
+ import { b } from './chunk-2UY35M26.mjs';
2
+ import * as r from 'react';
3
+ import { cva } from 'class-variance-authority';
4
+ import { jsx, jsxs } from 'react/jsx-runtime';
5
+
6
+ var p=cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var k=r.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:L,loading:t=!1,loadingPosition:b$1="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b$1==="start",g=o?jsx(b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b$1==="end",m=n?jsx(b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return jsxs(v,{"aria-disabled":i||void 0,className:I,"data-state":t?"loading":void 0,disabled:i,ref:z,role:"button",tabIndex:i?-1:0,type:v==="button"?"button":void 0,...T,children:[g?jsx("span",{className:B,role:o?"progressbar":void 0,children:r.cloneElement(g,{className:P})}):null,x,m?jsx("span",{className:E,role:n?"progressbar":void 0,children:r.cloneElement(m,{className:S})}):null]})}),V=k;
7
+
8
+ export { V as a };
@@ -0,0 +1,7 @@
1
+ import * as p from 'react';
2
+ import { cva } from 'class-variance-authority';
3
+ import { jsxs, jsx } from 'react/jsx-runtime';
4
+
5
+ var l=cva(["h-10 w-full appearance-none border bg-white dark:bg-black py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),a=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var m=p.forwardRef(function({invalid:n=!1,startIcon:t,endIcon:e,disabled:r=!1,...s},d){let c=l({withEndIcon:!!e,withStartIcon:!!t,invalid:n}),f=a({site:"left",disabled:r}),u=a({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:f,children:t}):null,jsx("input",{"aria-invalid":n||void 0,disabled:r,className:c,ref:d,...s}),e?jsx("span",{"aria-hidden":!0,className:u,children:e}):null]})}),b=m;
6
+
7
+ export { b as a };
@@ -1,4 +1,5 @@
1
- export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button.types-c2ca38e7.js';
1
+ export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button-d3c2777e.js';
2
+ import '../../utils.types-3df7903f.js';
2
3
  import 'react';
3
4
  import 'class-variance-authority';
4
5
  import 'class-variance-authority/dist/types';
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var chunkDWKYRY4G_js = require('../../chunk-DWKYRY4G.js');
4
- require('../../chunk-GBCDMJLD.js');
3
+ var chunkGAJMQ72N_js = require('../../chunk-GAJMQ72N.js');
4
+ require('../../chunk-FZN66KOY.js');
5
5
 
6
6
 
7
7
 
8
- module.exports = chunkDWKYRY4G_js.a;
8
+ module.exports = chunkGAJMQ72N_js.a;
@@ -1,2 +1,2 @@
1
- export { a as default } from '../../chunk-2JV3WC5F.mjs';
2
- import '../../chunk-HLQHRZMK.mjs';
1
+ export { a as default } from '../../chunk-PVKPCK2R.mjs';
2
+ import '../../chunk-2UY35M26.mjs';
@@ -0,0 +1,3 @@
1
+ export { a as InputProps, I as default } from '../../Input.component-887e7975.js';
2
+ import 'react';
3
+ import '../../utils.types-3df7903f.js';
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ var chunk6UCEUWKV_js = require('../../chunk-6UCEUWKV.js');
4
+
5
+
6
+
7
+ module.exports = chunk6UCEUWKV_js.a;
@@ -0,0 +1 @@
1
+ export { a as default } from '../../chunk-S5MGYCU6.mjs';
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkH45G4SKR_js = require('../../chunk-H45G4SKR.js');
5
+ var chunkJRSQX3DZ_js = require('../../chunk-JRSQX3DZ.js');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, 'TooltipProvider', {
10
10
  enumerable: true,
11
- get: function () { return chunkH45G4SKR_js.b; }
11
+ get: function () { return chunkJRSQX3DZ_js.b; }
12
12
  });
13
13
  Object.defineProperty(exports, 'default', {
14
14
  enumerable: true,
15
- get: function () { return chunkH45G4SKR_js.a; }
15
+ get: function () { return chunkJRSQX3DZ_js.a; }
16
16
  });
@@ -1 +1 @@
1
- export { b as TooltipProvider, a as default } from '../../chunk-KJ2XNFGW.mjs';
1
+ export { b as TooltipProvider, a as default } from '../../chunk-2FD4IU55.mjs';
@@ -1,8 +1,10 @@
1
1
  export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from '../Avatar-d6a17567.js';
2
- export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button.types-c2ca38e7.js';
2
+ export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button-d3c2777e.js';
3
+ export { I as Input, a as InputProps } from '../Input.component-887e7975.js';
3
4
  export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from '../Tooltip.provider-90345769.js';
4
5
  import 'react/jsx-runtime';
5
6
  import 'react';
6
7
  import 'class-variance-authority';
7
8
  import 'class-variance-authority/dist/types';
9
+ import '../utils.types-3df7903f.js';
8
10
  import '@radix-ui/react-tooltip';
@@ -1,10 +1,11 @@
1
1
  'use strict';
2
2
 
3
- require('../chunk-KM2W6K6Q.js');
3
+ require('../chunk-RNAYKFZ2.js');
4
4
  var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
5
- var chunkDWKYRY4G_js = require('../chunk-DWKYRY4G.js');
6
- require('../chunk-GBCDMJLD.js');
7
- var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
5
+ var chunkGAJMQ72N_js = require('../chunk-GAJMQ72N.js');
6
+ require('../chunk-FZN66KOY.js');
7
+ var chunk6UCEUWKV_js = require('../chunk-6UCEUWKV.js');
8
+ var chunkJRSQX3DZ_js = require('../chunk-JRSQX3DZ.js');
8
9
 
9
10
 
10
11
 
@@ -14,13 +15,17 @@ Object.defineProperty(exports, 'Avatar', {
14
15
  });
15
16
  Object.defineProperty(exports, 'Button', {
16
17
  enumerable: true,
17
- get: function () { return chunkDWKYRY4G_js.a; }
18
+ get: function () { return chunkGAJMQ72N_js.a; }
19
+ });
20
+ Object.defineProperty(exports, 'Input', {
21
+ enumerable: true,
22
+ get: function () { return chunk6UCEUWKV_js.a; }
18
23
  });
19
24
  Object.defineProperty(exports, 'Tooltip', {
20
25
  enumerable: true,
21
- get: function () { return chunkH45G4SKR_js.a; }
26
+ get: function () { return chunkJRSQX3DZ_js.a; }
22
27
  });
23
28
  Object.defineProperty(exports, 'TooltipProvider', {
24
29
  enumerable: true,
25
- get: function () { return chunkH45G4SKR_js.b; }
30
+ get: function () { return chunkJRSQX3DZ_js.b; }
26
31
  });
@@ -1,5 +1,6 @@
1
- import '../chunk-M6ZHBILH.mjs';
1
+ import '../chunk-BGWTSJD7.mjs';
2
2
  export { a as Avatar } from '../chunk-MM2WP564.mjs';
3
- export { a as Button } from '../chunk-2JV3WC5F.mjs';
4
- import '../chunk-HLQHRZMK.mjs';
5
- export { a as Tooltip, b as TooltipProvider } from '../chunk-KJ2XNFGW.mjs';
3
+ export { a as Button } from '../chunk-PVKPCK2R.mjs';
4
+ import '../chunk-2UY35M26.mjs';
5
+ export { a as Input } from '../chunk-S5MGYCU6.mjs';
6
+ export { a as Tooltip, b as TooltipProvider } from '../chunk-2FD4IU55.mjs';
package/icons/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from '@heroicons/react/24/outline';
1
+ export { IconBolt, IconBook, IconBrandGithub, IconBrandGoogle, IconBrandNpm, IconCurrencyDollar, IconDownload, IconMail, IconTrash } from '@tabler/icons-react';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
4
 
package/icons/index.js CHANGED
@@ -1,14 +1,50 @@
1
1
  'use strict';
2
2
 
3
- var chunkGBCDMJLD_js = require('../chunk-GBCDMJLD.js');
3
+ var chunkFZN66KOY_js = require('../chunk-FZN66KOY.js');
4
4
 
5
5
 
6
6
 
7
7
  Object.defineProperty(exports, 'GoogleIcon', {
8
8
  enumerable: true,
9
- get: function () { return chunkGBCDMJLD_js.a; }
9
+ get: function () { return chunkFZN66KOY_js.a; }
10
+ });
11
+ Object.defineProperty(exports, 'IconBolt', {
12
+ enumerable: true,
13
+ get: function () { return chunkFZN66KOY_js.f; }
14
+ });
15
+ Object.defineProperty(exports, 'IconBook', {
16
+ enumerable: true,
17
+ get: function () { return chunkFZN66KOY_js.i; }
18
+ });
19
+ Object.defineProperty(exports, 'IconBrandGithub', {
20
+ enumerable: true,
21
+ get: function () { return chunkFZN66KOY_js.k; }
22
+ });
23
+ Object.defineProperty(exports, 'IconBrandGoogle', {
24
+ enumerable: true,
25
+ get: function () { return chunkFZN66KOY_js.e; }
26
+ });
27
+ Object.defineProperty(exports, 'IconBrandNpm', {
28
+ enumerable: true,
29
+ get: function () { return chunkFZN66KOY_js.j; }
30
+ });
31
+ Object.defineProperty(exports, 'IconCurrencyDollar', {
32
+ enumerable: true,
33
+ get: function () { return chunkFZN66KOY_js.d; }
34
+ });
35
+ Object.defineProperty(exports, 'IconDownload', {
36
+ enumerable: true,
37
+ get: function () { return chunkFZN66KOY_js.h; }
38
+ });
39
+ Object.defineProperty(exports, 'IconMail', {
40
+ enumerable: true,
41
+ get: function () { return chunkFZN66KOY_js.g; }
42
+ });
43
+ Object.defineProperty(exports, 'IconTrash', {
44
+ enumerable: true,
45
+ get: function () { return chunkFZN66KOY_js.c; }
10
46
  });
11
47
  Object.defineProperty(exports, 'LoadingIcon', {
12
48
  enumerable: true,
13
- get: function () { return chunkGBCDMJLD_js.b; }
49
+ get: function () { return chunkFZN66KOY_js.b; }
14
50
  });
package/icons/index.mjs CHANGED
@@ -1 +1 @@
1
- export { a as GoogleIcon, b as LoadingIcon } from '../chunk-HLQHRZMK.mjs';
1
+ export { a as GoogleIcon, f as IconBolt, i as IconBook, k as IconBrandGithub, e as IconBrandGoogle, j as IconBrandNpm, d as IconCurrencyDollar, h as IconDownload, g as IconMail, c as IconTrash, b as LoadingIcon } from '../chunk-2UY35M26.mjs';
package/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from './Avatar-d6a17567.js';
2
- export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button.types-c2ca38e7.js';
2
+ export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button-d3c2777e.js';
3
+ export { I as Input, a as InputProps } from './Input.component-887e7975.js';
3
4
  export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from './Tooltip.provider-90345769.js';
4
5
  export { u as useTheme } from './useTheme-01c9253b.js';
5
6
  export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-cd78c94b.js';
@@ -8,4 +9,5 @@ import 'react/jsx-runtime';
8
9
  import 'react';
9
10
  import 'class-variance-authority';
10
11
  import 'class-variance-authority/dist/types';
12
+ import './utils.types-3df7903f.js';
11
13
  import '@radix-ui/react-tooltip';
package/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
- require('./chunk-KM2W6K6Q.js');
4
- var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
5
- var chunkDWKYRY4G_js = require('./chunk-DWKYRY4G.js');
6
- require('./chunk-GBCDMJLD.js');
7
- var chunkH45G4SKR_js = require('./chunk-H45G4SKR.js');
8
3
  require('./chunk-7M2UD3MX.js');
4
+ require('./chunk-RNAYKFZ2.js');
5
+ var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
6
+ var chunkGAJMQ72N_js = require('./chunk-GAJMQ72N.js');
7
+ require('./chunk-FZN66KOY.js');
8
+ var chunk6UCEUWKV_js = require('./chunk-6UCEUWKV.js');
9
+ var chunkJRSQX3DZ_js = require('./chunk-JRSQX3DZ.js');
9
10
  var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
10
11
  require('./chunk-JQ4UTWMH.js');
11
12
  var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
@@ -18,15 +19,19 @@ Object.defineProperty(exports, 'Avatar', {
18
19
  });
19
20
  Object.defineProperty(exports, 'Button', {
20
21
  enumerable: true,
21
- get: function () { return chunkDWKYRY4G_js.a; }
22
+ get: function () { return chunkGAJMQ72N_js.a; }
23
+ });
24
+ Object.defineProperty(exports, 'Input', {
25
+ enumerable: true,
26
+ get: function () { return chunk6UCEUWKV_js.a; }
22
27
  });
23
28
  Object.defineProperty(exports, 'Tooltip', {
24
29
  enumerable: true,
25
- get: function () { return chunkH45G4SKR_js.a; }
30
+ get: function () { return chunkJRSQX3DZ_js.a; }
26
31
  });
27
32
  Object.defineProperty(exports, 'TooltipProvider', {
28
33
  enumerable: true,
29
- get: function () { return chunkH45G4SKR_js.b; }
34
+ get: function () { return chunkJRSQX3DZ_js.b; }
30
35
  });
31
36
  Object.defineProperty(exports, 'useTheme', {
32
37
  enumerable: true,
package/index.mjs CHANGED
@@ -1,9 +1,10 @@
1
- import './chunk-M6ZHBILH.mjs';
2
- export { a as Avatar } from './chunk-MM2WP564.mjs';
3
- export { a as Button } from './chunk-2JV3WC5F.mjs';
4
- import './chunk-HLQHRZMK.mjs';
5
- export { a as Tooltip, b as TooltipProvider } from './chunk-KJ2XNFGW.mjs';
6
1
  import './chunk-TAA4AMBN.mjs';
2
+ import './chunk-BGWTSJD7.mjs';
3
+ export { a as Avatar } from './chunk-MM2WP564.mjs';
4
+ export { a as Button } from './chunk-PVKPCK2R.mjs';
5
+ import './chunk-2UY35M26.mjs';
6
+ export { a as Input } from './chunk-S5MGYCU6.mjs';
7
+ export { a as Tooltip, b as TooltipProvider } from './chunk-2FD4IU55.mjs';
7
8
  export { a as useTheme } from './chunk-CRJI67D5.mjs';
8
9
  import './chunk-WPEQQQCR.mjs';
9
10
  export { a as ThemeContext, b as ThemeProvider } from './chunk-5SE7P5YG.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@szum-tech/design-system",
3
- "version": "1.10.0",
3
+ "version": "1.11.1",
4
4
  "description": "Szum-Tech design system with tailwindcss support",
5
5
  "keywords": [
6
6
  "szum-tech",
@@ -51,9 +51,8 @@
51
51
  "prettier:check": "prettier --check .",
52
52
  "prettier:write": "prettier --write .",
53
53
  "semantic-release": "semantic-release",
54
- "storybook": "storybook dev -p 6006 -s public",
54
+ "storybook": "storybook dev -p 6006",
55
55
  "storybook:build": "storybook build --docs",
56
- "storybook:prebuild": "tailwindcss -i src/theme/global.css -o src/styles/default.css",
57
56
  "storybook:serve": "serve storybook-static",
58
57
  "test": "vitest",
59
58
  "test:coverage": "vitest run --coverage",
@@ -61,37 +60,27 @@
61
60
  "type-check": "tsc --noEmit"
62
61
  },
63
62
  "dependencies": {
64
- "@heroicons/react": "^2.0.18",
65
- "@radix-ui/react-tooltip": "^1.0.5",
63
+ "@radix-ui/react-tooltip": "^1.0.6",
64
+ "@tabler/icons-react": "^2.20.0",
66
65
  "@tailwindcss/container-queries": "^0.1.0",
67
66
  "class-variance-authority": "^0.6.0",
68
- "tailwind-scrollbar": "^3.0.1"
67
+ "tailwind-scrollbar": "^3.0.4"
69
68
  },
70
69
  "devDependencies": {
71
- "@babel/core": "^7.21.8",
72
- "@storybook/addon-a11y": "^7.0.6",
73
- "@storybook/addon-actions": "^7.0.6",
74
- "@storybook/addon-docs": "^7.0.6",
75
- "@storybook/addon-essentials": "^7.0.6",
76
- "@storybook/addon-interactions": "^7.0.6",
77
- "@storybook/addon-links": "^7.0.6",
78
- "@storybook/addon-mdx-gfm": "^7.0.6",
79
- "@storybook/addons": "^7.0.6",
80
- "@storybook/components": "^7.0.6",
81
- "@storybook/core-common": "^7.0.6",
82
- "@storybook/core-events": "^7.0.6",
83
- "@storybook/manager-api": "^7.0.6",
84
- "@storybook/preview-api": "^7.0.6",
85
- "@storybook/react": "^7.0.6",
86
- "@storybook/react-vite": "^7.0.6",
87
- "@storybook/theming": "^7.0.6",
70
+ "@babel/core": "^7.22.1",
71
+ "@storybook/addon-a11y": "^7.0.18",
72
+ "@storybook/addon-essentials": "^7.0.18",
73
+ "@storybook/addon-interactions": "^7.0.18",
74
+ "@storybook/addon-styling": "^1.0.8",
75
+ "@storybook/react": "^7.0.18",
76
+ "@storybook/react-vite": "^7.0.18",
88
77
  "@szum-tech/prettier-config": "^1.2.1",
89
78
  "@szum-tech/semantic-release-preset": "^1.5.1",
90
79
  "@testing-library/dom": "^9.3.0",
91
80
  "@testing-library/jest-dom": "^5.16.5",
92
81
  "@testing-library/react": "^14.0.0",
93
82
  "@testing-library/user-event": "^14.4.3",
94
- "@types/react": "^18.2.6",
83
+ "@types/react": "^18.2.7",
95
84
  "@types/react-dom": "^18.2.4",
96
85
  "@types/semantic-release": "^20.0.1",
97
86
  "@vitejs/plugin-react": "^4.0.0",
@@ -109,13 +98,13 @@
109
98
  "react-dom": "^18.2.0",
110
99
  "semantic-release": "^21.0.2",
111
100
  "serve": "^14.2.0",
112
- "storybook": "^7.0.6",
101
+ "storybook": "^7.0.18",
113
102
  "storybook-addon-pseudo-states": "^2.0.1",
114
- "storybook-addon-themes": "^6.1.0",
103
+ "storybook-dark-mode": "^3.0.0",
115
104
  "tailwindcss": "^3.3.2",
116
105
  "tsup": "^6.7.0",
117
106
  "typescript": "^5.0.4",
118
- "vite": "^4.3.1",
107
+ "vite": "^4.3.9",
119
108
  "vite-tsconfig-paths": "^4.2.0",
120
109
  "vitest": "^0.31.0"
121
110
  },
package/theme/global.css CHANGED
@@ -7,120 +7,135 @@
7
7
 
8
8
  @layer base {
9
9
  :root {
10
- --white: 250 250 250; /* rgb(250 250 250) */
11
- --black: 28 28 28; /* rgb(28, 28, 28) */
12
-
13
- --text-color: 28 28 28; /* rgb(28 28 28) */
14
-
15
- --primary-100: 153 206 255; /* rgb(153, 206, 255) 60% */
16
- --primary-200: 115 187 255; /* rgb(115, 187, 255) 45% */
17
- --primary-300: 77 169 255; /* rgb(77, 169, 255) 30% */
18
- --primary-400: 38 150 255; /* rgb(38, 150, 255) 15% */
19
- --primary-500: 0 132 255; /* rgb(0, 132, 255) */
20
- --primary-600: 0 112 217; /* rgb(0, 112, 217) 15% */
21
- --primary-700: 0 92 179; /* rgb(0, 92, 179) 30% */
22
- --primary-800: 0 73 140; /* rgb(0, 73, 140) 45% */
23
- --primary-900: 0 53 102; /* rgb(0, 53, 102) 60% */
24
-
25
- --success-100: 125 255 162; /* rgb(125, 255, 162) */
26
- --success-200: 77 255 127; /* rgb(77, 255, 127) */
27
- --success-300: 28 255 92; /* rgb(28, 255, 92) */
28
- --success-400: 0 235 66; /* rgb(0, 235, 66) */
29
- --success-500: 0 186 52; /* rgb(0, 186, 52) */
30
- --success-600: 0 158 44; /* rgb(0, 158, 44) */
31
- --success-700: 0 130 36; /* rgb(0, 130, 36) */
32
- --success-800: 0 102 29; /* rgb(0, 102, 29) */
33
- --success-900: 0 74 21; /* rgb(0, 74, 21) */
34
-
35
- --warning-100: 255 207 151; /* rgb(255, 207, 151) */
36
- --warning-200: 255 189 111; /* rgb(255, 189, 111) */
37
- --warning-300: 255 171 72; /* rgb(255, 171, 72) */
38
- --warning-400: 255 153 33; /* rgb(255, 153, 33) */
39
- --warning-500: 249 134 0; /* rgb(249, 134, 0) */
40
- --warning-600: 212 114 0; /* rgb(212, 114, 0) */
41
- --warning-700: 174 94 0; /* rgb(174, 94, 0) */
42
- --warning-800: 137 74 0; /* rgb(137, 74, 0) */
43
- --warning-900: 100 54 0; /* rgb(100, 54, 0) */
44
-
45
- --error-100: 246 171 171; /* rgb(246, 171, 171) */
46
- --error-200: 243 139 139; /* rgb(243, 139, 139) */
47
- --error-300: 240 107 107; /* rgb(240, 107, 107) */
48
- --error-400: 236 76 76; /* rgb(236, 76, 76) */
49
- --error-500: 233 44 44; /* rgb(233, 44, 44) */
50
- --error-600: 213 22 22; /* rgb(213, 22, 22) */
51
- --error-700: 176 18 18; /* rgb(176, 18, 18) */
52
- --error-800: 138 14 14; /* rgb(138, 14, 14) */
53
- --error-900: 100 10 10; /* rgb(100, 10, 10) */
54
-
55
- --gray-100: 75 75 75; /* rgb(75, 75, 75) 70% */
56
- --gray-200: 100 100 100; /* rgb(100, 100, 100) 60% */
57
- --gray-300: 125 125 125; /* rgb(125, 125, 125) 50% */
58
- --gray-400: 150 150 150; /* rgb(150, 150, 150) 40% */
59
- --gray-500: 175 175 175; /* rgb(175, 175, 175) 30% */
60
- --gray-600: 200 200 200; /* rgb(200, 200, 200) 20% */
61
- --gray-700: 212 212 212; /* rgb(212, 212, 212) 15% */
62
- --gray-800: 225 225 225; /* rgb(225, 225, 225) 10% */
63
- --gray-900: 237 237 237; /* rgb(237, 237, 237) 5% */
10
+ --white: 255 255 255; /* #ffffff */
11
+ --black: 28 28 28; /* #1c1c1c */
12
+
13
+ --primary-50: 229 243 255; /* #E5F3FF */
14
+ --primary-100: 204 230 255; /* #CCE6FF */
15
+ --primary-200: 153 206 255; /* #99CEFF */
16
+ --primary-300: 102 181 255; /* #66B5FF */
17
+ --primary-400: 51 156 255; /* #339CFF */
18
+ --primary-500: 0 133 255; /* #0085FF */
19
+ --primary-600: 0 105 204; /* #0069CC */
20
+ --primary-700: 0 79 153; /* #004F99 */
21
+ --primary-800: 0 53 102; /* #003566 */
22
+ --primary-900: 0 26 51; /* #001A33 */
23
+ --primary-950: 0 13 25; /* #000D19 */
24
+
25
+ --success-50: 224 255 233; /* E0FFE9 */
26
+ --success-100: 189 255 207; /* BDFFCF */
27
+ --success-200: 128 255 164; /* 80FFA4 */
28
+ --success-300: 61 255 116; /* 3DFF74 */
29
+ --success-400: 0 250 71; /* 00FA47 */
30
+ --success-500: 0 186 52; /* #00BA34 */
31
+ --success-600: 0 148 42; /* 00942A */
32
+ --success-700: 0 112 32; /* 007020 */
33
+ --success-800: 0 77 22; /* 004D16 */
34
+ --success-900: 0 36 10; /* 00240A */
35
+ --success-950: 0 20 6; /* 001406 */
36
+
37
+ --warning-50: 255 243 229; /* FFF3E5 */
38
+ --warning-100: 255 231 204; /* FFE7CC */
39
+ --warning-200: 255 207 153; /* FFCF99 */
40
+ --warning-300: 255 181 97; /* FFB561 */
41
+ --warning-400: 255 157 46; /* FF9D2E */
42
+ --warning-500: 249 134 0; /* #F98600 */
43
+ --warning-600: 199 106 0; /* C76A00 */
44
+ --warning-700: 148 79 0; /* 944F00 */
45
+ --warning-800: 102 54 0; /* 663600 */
46
+ --warning-900: 51 27 0; /* 331B00 */
47
+ --warning-950: 25 14 0; /* 190E00 */
48
+
49
+ --error-50: 253 232 232; /* FDE8E8 */
50
+ --error-100: 251 213 213; /* FBD5D5 */
51
+ --error-200: 246 172 172; /* F6ACAC */
52
+ --error-300: 242 130 130; /* F28282 */
53
+ --error-400: 237 84 84; /* ED5454 */
54
+ --error-500: 233 44 44; /* #E92C2C */
55
+ --error-600: 199 21 21; /* C71515 */
56
+ --error-700: 152 16 16; /* 981010 */
57
+ --error-800: 102 11 11; /* 660B0B */
58
+ --error-900: 51 5 5; /* 330505 */
59
+ --error-950: 23 2 2; /* 170202 */
60
+
61
+ --gray-100: 28 28 28; /* #1C1C1C */
62
+ --gray-200: 88 87 87; /* #585757 */
63
+ --gray-300: 150 150 150; /* #969696 */
64
+ --gray-350: 193 193 193; /* #C1C1C1 */
65
+ --gray-400: 235 235 235; /* #EBEBEB */
66
+
67
+ --background-primary: 255 255 255; /* #ffffff */
68
+ --background-secondary: 247 247 247; /* #f7f7f7 */
69
+ --background-color-primary: var(--primary-500) / 0.1;
70
+ --background-color-success: var(--success-500) / 0.1;
71
+ --background-color-warning: var(--warning-500) / 0.1;
72
+ --background-color-error: var(--error-500) / 0.1;
64
73
  }
65
74
 
66
75
  .dark {
67
- --white: 250 250 250; /* rgb(250, 250, 250) */
68
- --black: 28 28 28; /* rgb(28, 28, 28) */
69
-
70
- --text-color: 242 242 242; /* rgb(242, 242, 242) */
71
-
72
- --primary-100: 161 210 255; /* rgb(161, 210, 255) */
73
- --primary-200: 126 193 255; /* rgb(126,193,255) */
74
- --primary-300: 91 177 255; /* rgb(91,177,255) */
75
- --primary-400: 56 160 255; /* rgb(56, 160, 255) */
76
- --primary-500: 21 143 255; /* rgb(21, 143, 255) */
77
- --primary-600: 0 122 235; /* rgb(0,122,235) */
78
- --primary-700: 0 101 193; /* rgb(0, 101, 193) */
79
- --primary-800: 0 79 152; /* rgb(0, 79, 152) */
80
- --primary-900: 0 58 110; /* rgb(0, 58, 110) */
81
-
82
- --success-100: 152 244 178; /* rgb(152, 244, 178) */
83
- --success-200: 114 240 149; /* rgb(114, 240, 149) */
84
- --success-300: 75 235 120; /* rgb(75, 235, 120) */
85
- --success-400: 36 231 91; /* rgb(36, 231, 91) */
86
- --success-500: 22 203 73; /* rgb(22, 203, 73) */
87
- --success-600: 19 173 62; /* rgb(19, 173, 62) */
88
- --success-700: 15 142 51; /* rgb(15, 142, 51) */
89
- --success-800: 12 112 40; /* rgb(12, 112, 40) */
90
- --success-900: 9 81 29; /* rgb(9, 81, 29) */
91
-
92
- --warning-100: 255 217 171; /* rgb(255, 217, 171) */
93
- --warning-200: 255 202 139; /* rgb(255, 202, 139) */
94
- --warning-300: 255 188 108; /* rgb(255, 188, 108) */
95
- --warning-400: 255 173 77; /* rgb(255, 173, 77) */
96
- --warning-500: 255 159 45; /* rgb(255, 159, 45) */
97
- --warning-600: 255 138 0; /* rgb(255, 138, 0) */
98
- --warning-700: 210 114 0; /* rgb(210, 114, 0) */
99
- --warning-800: 165 90 0; /* rgb(165, 90, 0) */
100
- --warning-900: 120 65 0; /* rgb(120, 65, 0) */
101
-
102
- --error-100: 252 179 179; /* rgb(252, 179, 179) */
103
- --error-200: 251 150 150; /* rgb(251, 150, 150) */
104
- --error-300: 249 122 121; /* rgb(249, 122, 121) */
105
- --error-400: 248 93 93; /* rgb(248, 93, 93) */
106
- --error-500: 247 65 64; /* rgb(247, 65, 64) */
107
- --error-600: 245 20 19; /* rgb(245, 20, 19) */
108
- --error-700: 209 10 9; /* rgb(209, 10, 9) */
109
- --error-800: 164 8 7; /* rgb(164, 8, 7) */
110
- --error-900: 119 6 5; /* rgb(119, 6, 5) */
111
-
112
- --gray-100: 187 187 187; /* rgb(187, 187, 187) 70% */
113
- --gray-200: 164 164 164; /* rgb(164, 164, 164) 60% */
114
- --gray-300: 141 141 141; /* rgb(141, 141, 141) 50% */
115
- --gray-400: 119 119 119; /* rgb(119, 119, 119) 40% */
116
- --gray-500: 96 96 96; /* rgb(96, 96, 96) 30% */
117
- --gray-600: 73 73 73; /* rgb(73, 73, 73) 20% */
118
- --gray-700: 62 62 62; /* rgb(62, 62, 62) 15% */
119
- --gray-800: 51 51 51; /* rgb(51, 51, 51) 10% */
120
- --gray-900: 39 39 39; /* rgb(39, 39, 39) 5% */
76
+ --primary-50: 229 243 255; /* E5F3FF */
77
+ --primary-100: 209 233 255; /* D1E9FF */
78
+ --primary-200: 163 211 255; /* A3D3FF */
79
+ --primary-300: 117 188 255; /* 75BCFF */
80
+ --primary-400: 66 164 255; /* 42A4FF */
81
+ --primary-500: 22 143 255; /* #168FFF */
82
+ --primary-600: 0 113 219; /* 0071DB */
83
+ --primary-700: 0 87 168; /* 0057A8 */
84
+ --primary-800: 0 58 112; /* 003A70 */
85
+ --primary-900: 0 29 56; /* 001D38 */
86
+ --primary-950: 0 13 25; /* 000D19 */
87
+
88
+ --success-50: 228 252 234; /* E4FCEA */
89
+ --success-100: 205 249 217; /* CDF9D9 */
90
+ --success-200: 154 244 180; /* 9AF4B4 */
91
+ --success-300: 104 238 142; /* 68EE8E */
92
+ --success-400: 49 232 101; /* 31E865 */
93
+ --success-500: 23 203 73; /* #17CB49 */
94
+ --success-600: 18 160 58; /* 12A03A */
95
+ --success-700: 14 124 45; /* 0E7C2D */
96
+ --success-800: 9 82 30; /* 09521E */
97
+ --success-900: 5 41 15; /* 05290F */
98
+ --success-950: 2 18 7; /* 021207 */
99
+
100
+ --warning-50: 255 246 235; /* FFF6EB */
101
+ --warning-100: 255 237 214; /* FFEDD6 */
102
+ --warning-200: 255 218 173; /* FFDAAD */
103
+ --warning-300: 255 198 128; /* FFC680 */
104
+ --warning-400: 255 179 87; /* FFB357 */
105
+ --warning-500: 255 159 45; /* #FF9F2D */
106
+ --warning-600: 240 132 0; /* F08400 */
107
+ --warning-700: 179 98 0; /* B36200 */
108
+ --warning-800: 122 67 0; /* 7A4300 */
109
+ --warning-900: 61 34 0; /* 3D2200 */
110
+ --warning-950: 31 17 0; /* 1F1100 */
111
+
112
+ --error-50: 254 235 235; /* FEEBEB */
113
+ --error-100: 253 216 216; /* FDD8D8 */
114
+ --error-200: 252 177 177; /* FCB1B1 */
115
+ --error-300: 250 142 142; /* FA8E8E */
116
+ --error-400: 249 103 103; /* F96767 */
117
+ --error-500: 247 65 65; /* #F74141 */
118
+ --error-600: 240 10 10; /* F00A0A */
119
+ --error-700: 181 8 8; /* B50808 */
120
+ --error-800: 117 5 5; /* 750505 */
121
+ --error-900: 59 2 2; /* 3B0202 */
122
+ --error-950: 29 1 1; /* 1D0101 */
123
+
124
+ --gray-100: 234 234 234; /* #eaeaea */
125
+ --gray-200: 192 192 192; /* #c0c0c0 */
126
+ --gray-300: 123 123 123; /* #7b7b7b */
127
+ --gray-350: 85 85 85; /* #555555 */
128
+ --gray-400: 46 46 46; /* #2e2e2e */
129
+
130
+ --background-primary: 17 17 17; /* #111111 */
131
+ --background-secondary: 28 28 28; /* #1C1C1C */
132
+ --background-color-primary: var(--primary-500) / 0.25;
133
+ --background-color-success: var(--success-500) / 0.25;
134
+ --background-color-warning: var(--warning-500) / 0.25;
135
+ --background-color-error: var(--error-500) / 0.25;
121
136
  }
122
137
 
123
138
  body {
124
- @apply bg-gray-900 font-poppins text-typography-primary antialiased scroll;
139
+ @apply bg-app-secondary font-poppins text-gray-100 antialiased scroll;
125
140
  }
126
141
  }
@@ -4,6 +4,85 @@ var __commonJS = (cb, mod) => function __require() {
4
4
  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
5
5
  };
6
6
 
7
+ // src/theme/presets/colors.js
8
+ var require_colors = __commonJS({
9
+ "src/theme/presets/colors.js"(exports2, module2) {
10
+ "use strict";
11
+ module2.exports = {
12
+ theme: {
13
+ colors: {
14
+ app: {
15
+ primary: "rgb(var(--background-primary))",
16
+ secondary: "rgb(var(--background-secondary))"
17
+ },
18
+ black: "rgb(var(--black) / <alpha-value>)",
19
+ error: {
20
+ 100: "rgb(var(--error-100) / <alpha-value>)",
21
+ 200: "rgb(var(--error-200) / <alpha-value>)",
22
+ 300: "rgb(var(--error-300) / <alpha-value>)",
23
+ 400: "rgb(var(--error-400) / <alpha-value>)",
24
+ 500: "rgb(var(--error-500) / <alpha-value>)",
25
+ 600: "rgb(var(--error-600) / <alpha-value>)",
26
+ 700: "rgb(var(--error-700) / <alpha-value>)",
27
+ 800: "rgb(var(--error-800) / <alpha-value>)",
28
+ 900: "rgb(var(--error-900) / <alpha-value>)"
29
+ },
30
+ gray: {
31
+ 100: "rgb(var(--gray-100) / <alpha-value>)",
32
+ 200: "rgb(var(--gray-200) / <alpha-value>)",
33
+ 300: "rgb(var(--gray-300) / <alpha-value>)",
34
+ 350: "rgb(var(--gray-350) / <alpha-value>)",
35
+ 400: "rgb(var(--gray-400) / <alpha-value>)"
36
+ },
37
+ primary: {
38
+ 100: "rgb(var(--primary-100) / <alpha-value>)",
39
+ 200: "rgb(var(--primary-200) / <alpha-value>)",
40
+ 300: "rgb(var(--primary-300) / <alpha-value>)",
41
+ 400: "rgb(var(--primary-400) / <alpha-value>)",
42
+ 500: "rgb(var(--primary-500) / <alpha-value>)",
43
+ 600: "rgb(var(--primary-600) / <alpha-value>)",
44
+ 700: "rgb(var(--primary-700) / <alpha-value>)",
45
+ 800: "rgb(var(--primary-800) / <alpha-value>)",
46
+ 900: "rgb(var(--primary-900) / <alpha-value>)"
47
+ },
48
+ success: {
49
+ 100: "rgb(var(--success-100) / <alpha-value>)",
50
+ 200: "rgb(var(--success-200) / <alpha-value>)",
51
+ 300: "rgb(var(--success-300) / <alpha-value>)",
52
+ 400: "rgb(var(--success-400) / <alpha-value>)",
53
+ 500: "rgb(var(--success-500) / <alpha-value>)",
54
+ 600: "rgb(var(--success-600) / <alpha-value>)",
55
+ 700: "rgb(var(--success-700) / <alpha-value>)",
56
+ 800: "rgb(var(--success-800) / <alpha-value>)",
57
+ 900: "rgb(var(--success-900) / <alpha-value>)"
58
+ },
59
+ transparent: "transparent",
60
+ warning: {
61
+ 50: "rgb(var(--warning-50) / <alpha-value>)",
62
+ 100: "rgb(var(--warning-100) / <alpha-value>)",
63
+ 200: "rgb(var(--warning-200) / <alpha-value>)",
64
+ 300: "rgb(var(--warning-300) / <alpha-value>)",
65
+ 400: "rgb(var(--warning-400) / <alpha-value>)",
66
+ 500: "rgb(var(--warning-500) / <alpha-value>)",
67
+ 600: "rgb(var(--warning-600) / <alpha-value>)",
68
+ 700: "rgb(var(--warning-700) / <alpha-value>)",
69
+ 800: "rgb(var(--warning-800) / <alpha-value>)",
70
+ 900: "rgb(var(--warning-900) / <alpha-value>)",
71
+ 950: "rgb(var(--warning-950) / <alpha-value>)"
72
+ },
73
+ white: "rgb(var(--white) / <alpha-value>)"
74
+ },
75
+ extend: {
76
+ backgroundColor: {
77
+ "app-primary": "rgb(var(--background-primary))",
78
+ "app-secondary": "rgb(var(--background-secondary))"
79
+ }
80
+ }
81
+ }
82
+ };
83
+ }
84
+ });
85
+
7
86
  // src/theme/plugins/utilities/scroll.js
8
87
  var require_scroll = __commonJS({
9
88
  "src/theme/plugins/utilities/scroll.js"(exports2, module2) {
@@ -12,7 +91,7 @@ var require_scroll = __commonJS({
12
91
  module2.exports = plugin(function({ addUtilities }) {
13
92
  addUtilities({
14
93
  ".scroll": {
15
- "@apply scrollbar scrollbar-thin scrollbar-thumb-gray-600/100 hover:scrollbar-thumb-gray-600/80": {}
94
+ "@apply scrollbar scrollbar-thin scrollbar-track-app-secondary scrollbar-thumb-gray-400 hover:scrollbar-thumb-gray-350": {}
16
95
  }
17
96
  });
18
97
  });
@@ -45,19 +124,19 @@ var require_typography = __commonJS({
45
124
  "@apply font-poppins text-xl font-normal font-medium leading-[1.6] tracking-[.0075em]": {}
46
125
  },
47
126
  ".typography-subtitle-1": {
48
- "@apply font-poppins text-base leading-7 tracking-[.00938em]": {}
127
+ "@apply font-poppins text-md leading-7 tracking-[.00938em]": {}
49
128
  },
50
129
  ".typography-subtitle-2": {
51
130
  "@apply font-poppins text-sm font-medium leading-[1.57] tracking-[.00714em]": {}
52
131
  },
53
132
  ".typography-body-1": {
54
- "@apply font-poppins text-base font-normal leading-normal tracking-[.00938em]": {}
133
+ "@apply font-poppins text-md font-normal leading-normal tracking-[.00938em]": {}
55
134
  },
56
135
  ".typography-body-2": {
57
136
  "@apply font-poppins text-sm font-normal leading-[1.43] tracking-[.01071em]": {}
58
137
  },
59
138
  ".typography-button": {
60
- "@apply font-poppins text-sm font-medium leading-[1.75] tracking-[.02857em]": {}
139
+ "@apply font-poppins text-sm font-medium leading-5 tracking-[.02857em]": {}
61
140
  },
62
141
  ".typography-caption": {
63
142
  "@apply font-poppins text-xs font-normal leading-[1.66] tracking-[.03333em]": {}
@@ -66,7 +145,7 @@ var require_typography = __commonJS({
66
145
  "@apply font-poppins text-xs font-normal uppercase leading-[2.66] tracking-[.08333em]": {}
67
146
  },
68
147
  ".typography-code": {
69
- "@apply font-code text-base font-bold leading-5 tracking-wide": {}
148
+ "@apply font-code text-md font-bold leading-5 tracking-wide": {}
70
149
  }
71
150
  });
72
151
  });
@@ -89,72 +168,6 @@ var screens = {
89
168
  module.exports = {
90
169
  darkMode: "class",
91
170
  theme: {
92
- colors: {
93
- black: "rgb(var(--black) / <alpha-value>)",
94
- error: {
95
- 100: "rgb(var(--error-100) / <alpha-value>)",
96
- 200: "rgb(var(--error-200) / <alpha-value>)",
97
- 300: "rgb(var(--error-300) / <alpha-value>)",
98
- 400: "rgb(var(--error-400) / <alpha-value>)",
99
- 500: "rgb(var(--error-500) / <alpha-value>)",
100
- 600: "rgb(var(--error-600) / <alpha-value>)",
101
- 700: "rgb(var(--error-700) / <alpha-value>)",
102
- 800: "rgb(var(--error-800) / <alpha-value>)",
103
- 900: "rgb(var(--error-900) / <alpha-value>)"
104
- },
105
- gray: {
106
- 100: "rgb(var(--gray-100) / <alpha-value>)",
107
- 200: "rgb(var(--gray-200) / <alpha-value>)",
108
- 300: "rgb(var(--gray-300) / <alpha-value>)",
109
- 400: "rgb(var(--gray-400) / <alpha-value>)",
110
- 500: "rgb(var(--gray-500) / <alpha-value>)",
111
- 600: "rgb(var(--gray-600) / <alpha-value>)",
112
- 700: "rgb(var(--gray-700) / <alpha-value>)",
113
- 800: "rgb(var(--gray-800) / <alpha-value>)",
114
- 900: "rgb(var(--gray-900) / <alpha-value>)"
115
- },
116
- primary: {
117
- 100: "rgb(var(--primary-100) / <alpha-value>)",
118
- 200: "rgb(var(--primary-200) / <alpha-value>)",
119
- 300: "rgb(var(--primary-300) / <alpha-value>)",
120
- 400: "rgb(var(--primary-400) / <alpha-value>)",
121
- 500: "rgb(var(--primary-500) / <alpha-value>)",
122
- 600: "rgb(var(--primary-600) / <alpha-value>)",
123
- 700: "rgb(var(--primary-700) / <alpha-value>)",
124
- 800: "rgb(var(--primary-800) / <alpha-value>)",
125
- 900: "rgb(var(--primary-900) / <alpha-value>)"
126
- },
127
- success: {
128
- 100: "rgb(var(--success-100) / <alpha-value>)",
129
- 200: "rgb(var(--success-200) / <alpha-value>)",
130
- 300: "rgb(var(--success-300) / <alpha-value>)",
131
- 400: "rgb(var(--success-400) / <alpha-value>)",
132
- 500: "rgb(var(--success-500) / <alpha-value>)",
133
- 600: "rgb(var(--success-600) / <alpha-value>)",
134
- 700: "rgb(var(--success-700) / <alpha-value>)",
135
- 800: "rgb(var(--success-800) / <alpha-value>)",
136
- 900: "rgb(var(--success-900) / <alpha-value>)"
137
- },
138
- transparent: "transparent",
139
- typography: {
140
- DEFAULT: "rgb(var(--text-color) / <alpha-value>)",
141
- primary: "rgb(var(--text-color) / 1)",
142
- secondary: "rgb(var(--text-color) / 0.60)",
143
- disabled: "rgb(var(--text-color) / 0.43)"
144
- },
145
- warning: {
146
- 100: "rgb(var(--warning-100) / <alpha-value>)",
147
- 200: "rgb(var(--warning-200) / <alpha-value>)",
148
- 300: "rgb(var(--warning-300) / <alpha-value>)",
149
- 400: "rgb(var(--warning-400) / <alpha-value>)",
150
- 500: "rgb(var(--warning-500) / <alpha-value>)",
151
- 600: "rgb(var(--warning-600) / <alpha-value>)",
152
- 700: "rgb(var(--warning-700) / <alpha-value>)",
153
- 800: "rgb(var(--warning-800) / <alpha-value>)",
154
- 900: "rgb(var(--warning-900) / <alpha-value>)"
155
- },
156
- white: "rgb(var(--white) / <alpha-value>)"
157
- },
158
171
  fontFamily: {
159
172
  poppins: ["'Poppins', sans-serif"],
160
173
  code: ["'JetBrains Mono', monospace"]
@@ -162,7 +175,7 @@ module.exports = {
162
175
  fontSize: {
163
176
  xs: "0.75rem",
164
177
  sm: "0.875rem",
165
- base: "1rem",
178
+ md: "1rem",
166
179
  xl: "1.25rem",
167
180
  "2xl": "1.5rem",
168
181
  "3xl": "2.125rem",
@@ -214,6 +227,7 @@ module.exports = {
214
227
  }
215
228
  }
216
229
  },
230
+ presets: [require_colors()],
217
231
  plugins: [
218
232
  require("@tailwindcss/container-queries"),
219
233
  require("tailwind-scrollbar"),
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ type AsProp<C extends React.ElementType> = {
4
+ /**
5
+ * Defines HTML tag to be used for component
6
+ */
7
+ as?: C;
8
+ };
9
+ type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
10
+ type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
11
+ type OmitStylesProps<T> = Omit<T, "className" | "style">;
12
+
13
+ export { AsProp as A, OmitStylesProps as O, PolymorphicComponentProp as P };
@@ -1,8 +0,0 @@
1
- import { b } from './chunk-HLQHRZMK.mjs';
2
- import * as r from 'react';
3
- import { cva } from 'class-variance-authority';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
5
-
6
- 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;
7
-
8
- export { N as a };
package/chunk-DWKYRY4G.js DELETED
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkGBCDMJLD_js = require('./chunk-GBCDMJLD.js');
4
- var r = require('react');
5
- var classVarianceAuthority = require('class-variance-authority');
6
- var jsxRuntime = require('react/jsx-runtime');
7
-
8
- function _interopNamespace(e) {
9
- if (e && e.__esModule) return e;
10
- var n = Object.create(null);
11
- if (e) {
12
- Object.keys(e).forEach(function (k) {
13
- if (k !== 'default') {
14
- var d = Object.getOwnPropertyDescriptor(e, k);
15
- Object.defineProperty(n, k, d.get ? d : {
16
- enumerable: true,
17
- get: function () { return e[k]; }
18
- });
19
- }
20
- });
21
- }
22
- n.default = e;
23
- return Object.freeze(n);
24
- }
25
-
26
- var r__namespace = /*#__PURE__*/_interopNamespace(r);
27
-
28
- 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(chunkGBCDMJLD_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(chunkGBCDMJLD_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;
29
-
30
- exports.a = N;
File without changes
File without changes