@szum-tech/design-system 1.6.2 → 1.7.0

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.
Files changed (44) hide show
  1. package/Avatar-e871ff4f.d.ts +37 -0
  2. package/Button-91229b6b.d.ts +48 -0
  3. package/ThemeProvider-8e6d7838.d.ts +22 -0
  4. package/chunk-4AKOYNNP.mjs +7 -0
  5. package/chunk-5SE7P5YG.mjs +6 -0
  6. package/chunk-7M2UD3MX.js +2 -0
  7. package/chunk-AWV2FK6N.mjs +6 -0
  8. package/chunk-CRJI67D5.mjs +6 -0
  9. package/chunk-I6ERYEB3.js +29 -0
  10. package/chunk-JNEX4BMN.js +2 -0
  11. package/chunk-JQ4UTWMH.js +2 -0
  12. package/chunk-LYGO5UGG.mjs +1 -0
  13. package/chunk-PIY4JWBH.js +8 -0
  14. package/chunk-TAA4AMBN.mjs +1 -0
  15. package/chunk-UJM6RAIA.js +12 -0
  16. package/chunk-WPEQQQCR.mjs +1 -0
  17. package/chunk-X2QIG2W5.js +13 -0
  18. package/components/Avatar/index.d.ts +4 -37
  19. package/components/Avatar/index.js +3 -4
  20. package/components/Avatar/index.mjs +1 -6
  21. package/components/Button/index.d.ts +4 -48
  22. package/components/Button/index.js +2 -24
  23. package/components/Button/index.mjs +1 -7
  24. package/components/index.d.ts +5 -80
  25. package/components/index.js +16 -1
  26. package/components/index.mjs +3 -1
  27. package/contexts/index.d.ts +3 -27
  28. package/contexts/index.js +15 -1
  29. package/contexts/index.mjs +2 -1
  30. package/contexts/theme/index.d.ts +3 -27
  31. package/contexts/theme/index.js +9 -8
  32. package/contexts/theme/index.mjs +1 -6
  33. package/hooks/index.d.ts +3 -11
  34. package/hooks/index.js +13 -1
  35. package/hooks/index.mjs +4 -1
  36. package/hooks/useTheme/index.d.ts +3 -11
  37. package/hooks/useTheme/index.js +7 -6
  38. package/hooks/useTheme/index.mjs +3 -5
  39. package/index.d.ts +8 -107
  40. package/index.js +32 -1
  41. package/index.mjs +7 -1
  42. package/package.json +7 -3
  43. package/theme.types-a32f0702.d.ts +9 -0
  44. package/useTheme-01c9253b.d.ts +5 -0
@@ -0,0 +1,37 @@
1
+ import * as React from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
4
+
5
+ declare const avatarCva: (props?: ({
6
+ size?: "sm" | "md" | "lg" | null | undefined;
7
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
8
+
9
+ type AvatarCvaProps = VariantProps<typeof avatarCva>;
10
+ type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
11
+
12
+ type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
13
+ /**
14
+ * Defines avatar image alt
15
+ */
16
+ alt?: string;
17
+ /**
18
+ * Defines background color
19
+ */
20
+ bg?: `bg-${string}` | `bg-${string}-${number}`;
21
+ /**
22
+ * Defines avatar size
23
+ * @default 'md'
24
+ */
25
+ size?: AvatarSizeType;
26
+ /**
27
+ * Defines avatar image src
28
+ */
29
+ src?: string;
30
+ /**
31
+ * Defines avatar children
32
+ */
33
+ children?: React.ReactNode;
34
+ };
35
+ declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
36
+
37
+ export { Avatar as A, AvatarSizeType as a, AvatarProps as b };
@@ -0,0 +1,48 @@
1
+ import * as React from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
4
+
5
+ declare const buttonCva: (props?: ({
6
+ color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
7
+ size?: "sm" | "md" | "lg" | null | undefined;
8
+ variant?: "text" | "outlined" | "contained" | null | undefined;
9
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
10
+
11
+ type ButtonCvaProps = VariantProps<typeof buttonCva>;
12
+ type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
13
+ type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
14
+ type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
15
+
16
+ type AsProp<C extends React.ElementType> = {
17
+ /**
18
+ * Defines HTML tag to be used for component
19
+ */
20
+ as?: C;
21
+ };
22
+ type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
23
+ type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
24
+
25
+ type ButtonProp = {
26
+ /**
27
+ * Defines button color
28
+ * @default 'primary'
29
+ */
30
+ color?: ButtonColorType;
31
+ /**
32
+ * Defines button variant
33
+ * @default 'text'
34
+ */
35
+ variant?: ButtonVariantType;
36
+ /**
37
+ * Defines button size
38
+ * @default 'md'
39
+ */
40
+ size?: ButtonSizeType;
41
+ /**
42
+ * Defines avatar children
43
+ */
44
+ children?: React.ReactNode;
45
+ };
46
+ declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
47
+
48
+ export { _default as _ };
@@ -0,0 +1,22 @@
1
+ import React__default from 'react';
2
+ import { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
3
+
4
+ declare const ThemeContext: React__default.Context<ThemeContextType>;
5
+
6
+ interface ThemeProviderProps {
7
+ /**
8
+ * Children Components using theming.
9
+ */
10
+ children?: React__default.ReactNode;
11
+ /**
12
+ * Define the default theme which is set at the beginning if neither local storage nor media is defined.
13
+ */
14
+ defaultTheme?: ThemeType;
15
+ /**
16
+ * Define theme that is always set initially.
17
+ */
18
+ theme?: ThemeType;
19
+ }
20
+ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
21
+
22
+ export { ThemeContext as T, ThemeProviderProps as a, ThemeProvider as b };
@@ -0,0 +1,7 @@
1
+ import * as e from 'react';
2
+ import { cva } from 'class-variance-authority';
3
+ import { jsx } from 'react/jsx-runtime';
4
+
5
+ var r=cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var v=e.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsx(c,{className:l,ref:d,...n,children:o})});
6
+
7
+ export { v as a };
@@ -0,0 +1,6 @@
1
+ import a from 'react';
2
+ import { jsx } from 'react/jsx-runtime';
3
+
4
+ var n=a.createContext({});function T(t){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return t??"light"}function u({children:t,defaultTheme:e,theme:r}){let[o,i]=a.useState(r||T(e));function d(m){typeof window<"u"&&window.localStorage&&(m==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",m));}return a.useEffect(()=>{d(o);},[o]),jsx(n.Provider,{value:{theme:o,setTheme:i},children:t})}
5
+
6
+ export { n as a, u as b };
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,6 @@
1
+ import { cva } from 'class-variance-authority';
2
+ import { jsx } from 'react/jsx-runtime';
3
+
4
+ var e=cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});function r({alt:o,bg:s,children:i,size:n="md",src:t,...l}){let m=e({size:n,className:s});return jsx("div",{className:m,...l,children:t?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:o,src:t}):i})}
5
+
6
+ export { r as a };
@@ -0,0 +1,6 @@
1
+ import { a } from './chunk-5SE7P5YG.mjs';
2
+ import t from 'react';
3
+
4
+ var r=()=>t.useContext(a);
5
+
6
+ export { r as a };
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ var e = 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 e__namespace = /*#__PURE__*/_interopNamespace(e);
26
+
27
+ var r=classVarianceAuthority.cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var v=e__namespace.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsxRuntime.jsx(c,{className:l,ref:d,...n,children:o})});
28
+
29
+ exports.a = v;
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ var classVarianceAuthority = require('class-variance-authority');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+
6
+ var e=classVarianceAuthority.cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});function r({alt:o,bg:s,children:i,size:n="md",src:t,...l}){let m=e({size:n,className:s});return jsxRuntime.jsx("div",{className:m,...l,children:t?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:o,src:t}):i})}
7
+
8
+ exports.a = r;
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
4
+ var t = require('react');
5
+
6
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
7
+
8
+ var t__default = /*#__PURE__*/_interopDefault(t);
9
+
10
+ var r=()=>t__default.default.useContext(chunkX2QIG2W5_js.a);
11
+
12
+ exports.a = r;
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ var a = require('react');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+
6
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
7
+
8
+ var a__default = /*#__PURE__*/_interopDefault(a);
9
+
10
+ var n=a__default.default.createContext({});function T(t){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return t??"light"}function u({children:t,defaultTheme:e,theme:r}){let[o,i]=a__default.default.useState(r||T(e));function d(m){typeof window<"u"&&window.localStorage&&(m==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",m));}return a__default.default.useEffect(()=>{d(o);},[o]),jsxRuntime.jsx(n.Provider,{value:{theme:o,setTheme:i},children:t})}
11
+
12
+ exports.a = n;
13
+ exports.b = u;
@@ -1,37 +1,4 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
- import * as React from 'react';
4
-
5
- declare const avatarCva: (props?: ({
6
- size?: "sm" | "md" | "lg" | null | undefined;
7
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
8
-
9
- type AvatarCvaProps = VariantProps<typeof avatarCva>;
10
- type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
11
-
12
- type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
13
- /**
14
- * Defines avatar image alt
15
- */
16
- alt?: string;
17
- /**
18
- * Defines background color
19
- */
20
- bg?: `bg-${string}` | `bg-${string}-${number}`;
21
- /**
22
- * Defines avatar size
23
- * @default 'md'
24
- */
25
- size?: AvatarSizeType;
26
- /**
27
- * Defines avatar image src
28
- */
29
- src?: string;
30
- /**
31
- * Defines avatar children
32
- */
33
- children?: React.ReactNode;
34
- };
35
- declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
36
-
37
- export { AvatarProps, AvatarSizeType, Avatar as default };
1
+ export { b as AvatarProps, a as AvatarSizeType, A as default } from '../../Avatar-e871ff4f.js';
2
+ import 'react';
3
+ import 'class-variance-authority';
4
+ import 'class-variance-authority/dist/types';
@@ -1,8 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var classVarianceAuthority = require('class-variance-authority');
4
- var jsxRuntime = require('react/jsx-runtime');
3
+ var chunkPIY4JWBH_js = require('../../chunk-PIY4JWBH.js');
5
4
 
6
- var e=classVarianceAuthority.cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});function r({alt:o,bg:s,children:i,size:n="md",src:t,...l}){let m=e({size:n,className:s});return jsxRuntime.jsx("div",{className:m,...l,children:t?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:o,src:t}):i})}
7
5
 
8
- module.exports = r;
6
+
7
+ module.exports = chunkPIY4JWBH_js.a;
@@ -1,6 +1 @@
1
- import { cva } from 'class-variance-authority';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- var e=cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});function r({alt:o,bg:s,children:i,size:n="md",src:t,...l}){let m=e({size:n,className:s});return jsx("div",{className:m,...l,children:t?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:o,src:t}):i})}
5
-
6
- export { r as default };
1
+ export { a as default } from '../../chunk-AWV2FK6N.mjs';
@@ -1,48 +1,4 @@
1
- import * as React from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
4
-
5
- declare const buttonCva: (props?: ({
6
- color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
7
- size?: "sm" | "md" | "lg" | null | undefined;
8
- variant?: "text" | "outlined" | "contained" | null | undefined;
9
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
10
-
11
- type ButtonCvaProps = VariantProps<typeof buttonCva>;
12
- type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
13
- type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
14
- type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
15
-
16
- type AsProp<C extends React.ElementType> = {
17
- /**
18
- * Defines HTML tag to be used for component
19
- */
20
- as?: C;
21
- };
22
- type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
23
- type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
24
-
25
- type ButtonProp = {
26
- /**
27
- * Defines button color
28
- * @default 'primary'
29
- */
30
- color?: ButtonColorType;
31
- /**
32
- * Defines button variant
33
- * @default 'text'
34
- */
35
- variant?: ButtonVariantType;
36
- /**
37
- * Defines button size
38
- * @default 'md'
39
- */
40
- size?: ButtonSizeType;
41
- /**
42
- * Defines avatar children
43
- */
44
- children?: React.ReactNode;
45
- };
46
- declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
47
-
48
- export { _default as default };
1
+ export { _ as default } from '../../Button-91229b6b.js';
2
+ import 'react';
3
+ import 'class-variance-authority';
4
+ import 'class-variance-authority/dist/types';
@@ -1,29 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var e = require('react');
4
- var classVarianceAuthority = require('class-variance-authority');
5
- var jsxRuntime = require('react/jsx-runtime');
3
+ var chunkI6ERYEB3_js = require('../../chunk-I6ERYEB3.js');
6
4
 
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
5
 
25
- var e__namespace = /*#__PURE__*/_interopNamespace(e);
26
6
 
27
- var r=classVarianceAuthority.cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var v=e__namespace.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsxRuntime.jsx(c,{className:l,ref:d,...n,children:o})});
28
-
29
- module.exports = v;
7
+ module.exports = chunkI6ERYEB3_js.a;
@@ -1,7 +1 @@
1
- import * as e from 'react';
2
- import { cva } from 'class-variance-authority';
3
- import { jsx } from 'react/jsx-runtime';
4
-
5
- var r=cva("border rounded font-sans font-medium leading-[1.75] tracking-[.02857em]",{variants:{color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"py-1 px-2.5 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-400","hover:border-gray-400 hover:bg-gray-400","active:text-white active:border-gray-300 active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-400 hover:bg-primary-400","active:text-white active:border-primary-600 active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-400 hover:bg-success-400","active:text-white active:border-success-600 active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-400 hover:bg-warning-400","active:text-white active:border-warning-600 active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-400 hover:bg-error-400","active:text-white active:border-error-600 active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-transparent disabled:hover:bg-transparent disabled:hover:text-error-500"]},{variant:"outlined",color:"neutral",class:["text-gray-400 border-gray-400 bg-transparent","hover:bg-gray-500 hover:text-white","active:text-white active:bg-gray-300","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500 bg-transparent","hover:bg-primary-400 hover:text-white","active:text-white active:bg-primary-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-primary-500"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500 bg-transparent","hover:bg-success-400 hover:text-white","active:text-white active:bg-success-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-success-500"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500 bg-transparent","hover:bg-warning-400 hover:text-white","active:text-white active:bg-warning-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-warning-500"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500 bg-transparent","hover:bg-error-400 hover:text-white","active:text-white active:bg-error-600","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-error-500"]}]});var v=e.forwardRef(function({as:t,color:a="primary",children:o,size:i="md",variant:s="text",...n},d){let c=t||"button",l=r({size:i,variant:s,color:a});return jsx(c,{className:l,ref:d,...n,children:o})});
6
-
7
- export { v as default };
1
+ export { a as default } from '../../chunk-4AKOYNNP.mjs';
@@ -1,80 +1,5 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
- import * as React from 'react';
4
-
5
- declare const avatarCva: (props?: ({
6
- size?: "sm" | "md" | "lg" | null | undefined;
7
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
8
-
9
- type AvatarCvaProps = VariantProps<typeof avatarCva>;
10
- type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
11
-
12
- type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
13
- /**
14
- * Defines avatar image alt
15
- */
16
- alt?: string;
17
- /**
18
- * Defines background color
19
- */
20
- bg?: `bg-${string}` | `bg-${string}-${number}`;
21
- /**
22
- * Defines avatar size
23
- * @default 'md'
24
- */
25
- size?: AvatarSizeType;
26
- /**
27
- * Defines avatar image src
28
- */
29
- src?: string;
30
- /**
31
- * Defines avatar children
32
- */
33
- children?: React.ReactNode;
34
- };
35
- declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
36
-
37
- declare const buttonCva: (props?: ({
38
- color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
39
- size?: "sm" | "md" | "lg" | null | undefined;
40
- variant?: "text" | "outlined" | "contained" | null | undefined;
41
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
42
-
43
- type ButtonCvaProps = VariantProps<typeof buttonCva>;
44
- type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
45
- type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
46
- type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
47
-
48
- type AsProp<C extends React.ElementType> = {
49
- /**
50
- * Defines HTML tag to be used for component
51
- */
52
- as?: C;
53
- };
54
- type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
55
- type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
56
-
57
- type ButtonProp = {
58
- /**
59
- * Defines button color
60
- * @default 'primary'
61
- */
62
- color?: ButtonColorType;
63
- /**
64
- * Defines button variant
65
- * @default 'text'
66
- */
67
- variant?: ButtonVariantType;
68
- /**
69
- * Defines button size
70
- * @default 'md'
71
- */
72
- size?: ButtonSizeType;
73
- /**
74
- * Defines avatar children
75
- */
76
- children?: React.ReactNode;
77
- };
78
- declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
79
-
80
- export { Avatar, AvatarProps, AvatarSizeType, _default as Button };
1
+ export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from '../Avatar-e871ff4f.js';
2
+ export { _ as Button } from '../Button-91229b6b.js';
3
+ import 'react';
4
+ import 'class-variance-authority';
5
+ import 'class-variance-authority/dist/types';
@@ -1 +1,16 @@
1
- "use strict";var s=Object.create;var f=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var b=(t,o)=>{for(var r in o)f(t,r,{get:o[r],enumerable:!0})},e=(t,o,r,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of v(o))!B.call(t,a)&&a!==r&&f(t,a,{get:()=>o[a],enumerable:!(u=n(o,a))||u.enumerable});return t},p=(t,o,r)=>(e(t,o,"default"),r&&e(r,o,"default")),x=(t,o,r)=>(r=t!=null?s(A(t)):{},e(o||!t||!t.__esModule?f(r,"default",{value:t,enumerable:!0}):r,t)),c=t=>e(f({},"__esModule",{value:!0}),t);var m={};b(m,{Avatar:()=>d.default,Button:()=>l.default});module.exports=c(m);var d=x(require("./Avatar"));p(m,require("./Avatar"),module.exports);var l=x(require("./Button"));0&&(module.exports={Avatar,Button});
1
+ 'use strict';
2
+
3
+ require('../chunk-JNEX4BMN.js');
4
+ var chunkPIY4JWBH_js = require('../chunk-PIY4JWBH.js');
5
+ var chunkI6ERYEB3_js = require('../chunk-I6ERYEB3.js');
6
+
7
+
8
+
9
+ Object.defineProperty(exports, 'Avatar', {
10
+ enumerable: true,
11
+ get: function () { return chunkPIY4JWBH_js.a; }
12
+ });
13
+ Object.defineProperty(exports, 'Button', {
14
+ enumerable: true,
15
+ get: function () { return chunkI6ERYEB3_js.a; }
16
+ });
@@ -1 +1,3 @@
1
- import{default as r}from"./Avatar";export*from"./Avatar";import{default as f}from"./Button";export{r as Avatar,f as Button};
1
+ import '../chunk-LYGO5UGG.mjs';
2
+ export { a as Avatar } from '../chunk-AWV2FK6N.mjs';
3
+ export { a as Button } from '../chunk-4AKOYNNP.mjs';
@@ -1,27 +1,3 @@
1
- import React from 'react';
2
-
3
- type ThemeType = "light" | "dark";
4
- interface ThemeContextType {
5
- theme: ThemeType;
6
- setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
7
- }
8
-
9
- declare const ThemeContext: React.Context<ThemeContextType>;
10
-
11
- interface ThemeProviderProps {
12
- /**
13
- * Children Components using theming.
14
- */
15
- children?: React.ReactNode;
16
- /**
17
- * Define the default theme which is set at the beginning if neither local storage nor media is defined.
18
- */
19
- defaultTheme?: ThemeType;
20
- /**
21
- * Define theme that is always set initially.
22
- */
23
- theme?: ThemeType;
24
- }
25
- declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
26
-
27
- export { ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType };
1
+ export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../ThemeProvider-8e6d7838.js';
2
+ export { a as ThemeContextType, T as ThemeType } from '../theme.types-a32f0702.js';
3
+ import 'react';
package/contexts/index.js CHANGED
@@ -1 +1,15 @@
1
- "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./theme"),module.exports);
1
+ 'use strict';
2
+
3
+ require('../chunk-JQ4UTWMH.js');
4
+ var chunkX2QIG2W5_js = require('../chunk-X2QIG2W5.js');
5
+
6
+
7
+
8
+ Object.defineProperty(exports, 'ThemeContext', {
9
+ enumerable: true,
10
+ get: function () { return chunkX2QIG2W5_js.a; }
11
+ });
12
+ Object.defineProperty(exports, 'ThemeProvider', {
13
+ enumerable: true,
14
+ get: function () { return chunkX2QIG2W5_js.b; }
15
+ });
@@ -1 +1,2 @@
1
- export*from"./theme";
1
+ import '../chunk-WPEQQQCR.mjs';
2
+ export { a as ThemeContext, b as ThemeProvider } from '../chunk-5SE7P5YG.mjs';
@@ -1,27 +1,3 @@
1
- import React from 'react';
2
-
3
- type ThemeType = "light" | "dark";
4
- interface ThemeContextType {
5
- theme: ThemeType;
6
- setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
7
- }
8
-
9
- declare const ThemeContext: React.Context<ThemeContextType>;
10
-
11
- interface ThemeProviderProps {
12
- /**
13
- * Children Components using theming.
14
- */
15
- children?: React.ReactNode;
16
- /**
17
- * Define the default theme which is set at the beginning if neither local storage nor media is defined.
18
- */
19
- defaultTheme?: ThemeType;
20
- /**
21
- * Define theme that is always set initially.
22
- */
23
- theme?: ThemeType;
24
- }
25
- declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
26
-
27
- export { ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType };
1
+ export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../../ThemeProvider-8e6d7838.js';
2
+ export { a as ThemeContextType, T as ThemeType } from '../../theme.types-a32f0702.js';
3
+ import 'react';
@@ -1,13 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var a = require('react');
4
- var jsxRuntime = require('react/jsx-runtime');
3
+ var chunkX2QIG2W5_js = require('../../chunk-X2QIG2W5.js');
5
4
 
6
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
7
5
 
8
- var a__default = /*#__PURE__*/_interopDefault(a);
9
6
 
10
- var n=a__default.default.createContext({});function T(t){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return t??"light"}function u({children:t,defaultTheme:e,theme:r}){let[o,i]=a__default.default.useState(r||T(e));function d(m){typeof window<"u"&&window.localStorage&&(m==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",m));}return a__default.default.useEffect(()=>{d(o);},[o]),jsxRuntime.jsx(n.Provider,{value:{theme:o,setTheme:i},children:t})}
11
-
12
- exports.ThemeContext = n;
13
- exports.ThemeProvider = u;
7
+ Object.defineProperty(exports, 'ThemeContext', {
8
+ enumerable: true,
9
+ get: function () { return chunkX2QIG2W5_js.a; }
10
+ });
11
+ Object.defineProperty(exports, 'ThemeProvider', {
12
+ enumerable: true,
13
+ get: function () { return chunkX2QIG2W5_js.b; }
14
+ });
@@ -1,6 +1 @@
1
- import a from 'react';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- var n=a.createContext({});function T(t){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return t??"light"}function u({children:t,defaultTheme:e,theme:r}){let[o,i]=a.useState(r||T(e));function d(m){typeof window<"u"&&window.localStorage&&(m==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",m));}return a.useEffect(()=>{d(o);},[o]),jsx(n.Provider,{value:{theme:o,setTheme:i},children:t})}
5
-
6
- export { n as ThemeContext, u as ThemeProvider };
1
+ export { a as ThemeContext, b as ThemeProvider } from '../../chunk-5SE7P5YG.mjs';
package/hooks/index.d.ts CHANGED
@@ -1,11 +1,3 @@
1
- import React from 'react';
2
-
3
- type ThemeType = "light" | "dark";
4
- interface ThemeContextType {
5
- theme: ThemeType;
6
- setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
7
- }
8
-
9
- declare const useTheme: () => ThemeContextType;
10
-
11
- export { useTheme };
1
+ export { u as useTheme } from '../useTheme-01c9253b.js';
2
+ import '../theme.types-a32f0702.js';
3
+ import 'react';
package/hooks/index.js CHANGED
@@ -1 +1,13 @@
1
- "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./useTheme"),module.exports);
1
+ 'use strict';
2
+
3
+ require('../chunk-7M2UD3MX.js');
4
+ var chunkUJM6RAIA_js = require('../chunk-UJM6RAIA.js');
5
+ require('../chunk-JQ4UTWMH.js');
6
+ require('../chunk-X2QIG2W5.js');
7
+
8
+
9
+
10
+ Object.defineProperty(exports, 'useTheme', {
11
+ enumerable: true,
12
+ get: function () { return chunkUJM6RAIA_js.a; }
13
+ });
package/hooks/index.mjs CHANGED
@@ -1 +1,4 @@
1
- export*from"./useTheme";
1
+ import '../chunk-TAA4AMBN.mjs';
2
+ export { a as useTheme } from '../chunk-CRJI67D5.mjs';
3
+ import '../chunk-WPEQQQCR.mjs';
4
+ import '../chunk-5SE7P5YG.mjs';
@@ -1,11 +1,3 @@
1
- import React from 'react';
2
-
3
- type ThemeType = "light" | "dark";
4
- interface ThemeContextType {
5
- theme: ThemeType;
6
- setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
7
- }
8
-
9
- declare const useTheme: () => ThemeContextType;
10
-
11
- export { useTheme };
1
+ export { u as useTheme } from '../../useTheme-01c9253b.js';
2
+ import '../../theme.types-a32f0702.js';
3
+ import 'react';
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var t = require('react');
3
+ var chunkUJM6RAIA_js = require('../../chunk-UJM6RAIA.js');
4
+ require('../../chunk-JQ4UTWMH.js');
5
+ require('../../chunk-X2QIG2W5.js');
4
6
 
5
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
6
7
 
7
- var t__default = /*#__PURE__*/_interopDefault(t);
8
8
 
9
- var e=t__default.default.createContext({});var T=()=>t__default.default.useContext(e);
10
-
11
- exports.useTheme = T;
9
+ Object.defineProperty(exports, 'useTheme', {
10
+ enumerable: true,
11
+ get: function () { return chunkUJM6RAIA_js.a; }
12
+ });
@@ -1,5 +1,3 @@
1
- import t from 'react';
2
-
3
- var e=t.createContext({});var T=()=>t.useContext(e);
4
-
5
- export { T as useTheme };
1
+ export { a as useTheme } from '../../chunk-CRJI67D5.mjs';
2
+ import '../../chunk-WPEQQQCR.mjs';
3
+ import '../../chunk-5SE7P5YG.mjs';
package/index.d.ts CHANGED
@@ -1,107 +1,8 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
- import * as React from 'react';
4
- import React__default from 'react';
5
-
6
- declare const avatarCva: (props?: ({
7
- size?: "sm" | "md" | "lg" | null | undefined;
8
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
9
-
10
- type AvatarCvaProps = VariantProps<typeof avatarCva>;
11
- type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
12
-
13
- type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
14
- /**
15
- * Defines avatar image alt
16
- */
17
- alt?: string;
18
- /**
19
- * Defines background color
20
- */
21
- bg?: `bg-${string}` | `bg-${string}-${number}`;
22
- /**
23
- * Defines avatar size
24
- * @default 'md'
25
- */
26
- size?: AvatarSizeType;
27
- /**
28
- * Defines avatar image src
29
- */
30
- src?: string;
31
- /**
32
- * Defines avatar children
33
- */
34
- children?: React.ReactNode;
35
- };
36
- declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
37
-
38
- declare const buttonCva: (props?: ({
39
- color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
40
- size?: "sm" | "md" | "lg" | null | undefined;
41
- variant?: "text" | "outlined" | "contained" | null | undefined;
42
- } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
43
-
44
- type ButtonCvaProps = VariantProps<typeof buttonCva>;
45
- type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
46
- type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
47
- type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
48
-
49
- type AsProp<C extends React.ElementType> = {
50
- /**
51
- * Defines HTML tag to be used for component
52
- */
53
- as?: C;
54
- };
55
- type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
56
- type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
57
-
58
- type ButtonProp = {
59
- /**
60
- * Defines button color
61
- * @default 'primary'
62
- */
63
- color?: ButtonColorType;
64
- /**
65
- * Defines button variant
66
- * @default 'text'
67
- */
68
- variant?: ButtonVariantType;
69
- /**
70
- * Defines button size
71
- * @default 'md'
72
- */
73
- size?: ButtonSizeType;
74
- /**
75
- * Defines avatar children
76
- */
77
- children?: React.ReactNode;
78
- };
79
- declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
80
-
81
- type ThemeType = "light" | "dark";
82
- interface ThemeContextType {
83
- theme: ThemeType;
84
- setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
85
- }
86
-
87
- declare const ThemeContext: React__default.Context<ThemeContextType>;
88
-
89
- interface ThemeProviderProps {
90
- /**
91
- * Children Components using theming.
92
- */
93
- children?: React__default.ReactNode;
94
- /**
95
- * Define the default theme which is set at the beginning if neither local storage nor media is defined.
96
- */
97
- defaultTheme?: ThemeType;
98
- /**
99
- * Define theme that is always set initially.
100
- */
101
- theme?: ThemeType;
102
- }
103
- declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
104
-
105
- declare const useTheme: () => ThemeContextType;
106
-
107
- export { Avatar, AvatarProps, AvatarSizeType, _default as Button, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, useTheme };
1
+ export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from './Avatar-e871ff4f.js';
2
+ export { _ as Button } from './Button-91229b6b.js';
3
+ export { u as useTheme } from './useTheme-01c9253b.js';
4
+ export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-8e6d7838.js';
5
+ export { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
6
+ import 'react';
7
+ import 'class-variance-authority';
8
+ import 'class-variance-authority/dist/types';
package/index.js CHANGED
@@ -1 +1,32 @@
1
- "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,r,p,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of c(r))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>r[m],enumerable:!(x=b(r,m))||x.enumerable});return f},e=(f,r,p)=>(t(f,r,"default"),p&&t(p,r,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);e(o,require("./components"),module.exports);e(o,require("./hooks"),module.exports);e(o,require("./contexts"),module.exports);
1
+ 'use strict';
2
+
3
+ require('./chunk-JNEX4BMN.js');
4
+ var chunkPIY4JWBH_js = require('./chunk-PIY4JWBH.js');
5
+ var chunkI6ERYEB3_js = require('./chunk-I6ERYEB3.js');
6
+ require('./chunk-7M2UD3MX.js');
7
+ var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
8
+ require('./chunk-JQ4UTWMH.js');
9
+ var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
10
+
11
+
12
+
13
+ Object.defineProperty(exports, 'Avatar', {
14
+ enumerable: true,
15
+ get: function () { return chunkPIY4JWBH_js.a; }
16
+ });
17
+ Object.defineProperty(exports, 'Button', {
18
+ enumerable: true,
19
+ get: function () { return chunkI6ERYEB3_js.a; }
20
+ });
21
+ Object.defineProperty(exports, 'useTheme', {
22
+ enumerable: true,
23
+ get: function () { return chunkUJM6RAIA_js.a; }
24
+ });
25
+ Object.defineProperty(exports, 'ThemeContext', {
26
+ enumerable: true,
27
+ get: function () { return chunkX2QIG2W5_js.a; }
28
+ });
29
+ Object.defineProperty(exports, 'ThemeProvider', {
30
+ enumerable: true,
31
+ get: function () { return chunkX2QIG2W5_js.b; }
32
+ });
package/index.mjs CHANGED
@@ -1 +1,7 @@
1
- export*from"./components";export*from"./hooks";export*from"./contexts";
1
+ import './chunk-LYGO5UGG.mjs';
2
+ export { a as Avatar } from './chunk-AWV2FK6N.mjs';
3
+ export { a as Button } from './chunk-4AKOYNNP.mjs';
4
+ import './chunk-TAA4AMBN.mjs';
5
+ export { a as useTheme } from './chunk-CRJI67D5.mjs';
6
+ import './chunk-WPEQQQCR.mjs';
7
+ 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.6.2",
3
+ "version": "1.7.0",
4
4
  "description": "Szum-Tech design system with tailwindcss support",
5
5
  "keywords": [
6
6
  "szum-tech",
@@ -31,15 +31,19 @@
31
31
  "types": "./index.d.ts",
32
32
  "files": [
33
33
  "index.*",
34
+ "*.d.ts",
35
+ "chunk-*.mjs",
36
+ "chunk-*.js",
34
37
  "components/**",
35
38
  "hooks/**",
36
39
  "contexts/**",
37
40
  "theme/**"
38
41
  ],
39
42
  "scripts": {
40
- "build": "tsup && cpy './src/theme/global.css' './theme' --flat",
43
+ "build": "env NODE_ENV=production tsup && cpy './src/theme/global.css' './theme' --flat",
41
44
  "clean": "rm -rf node_modules && yarn clear:build",
42
- "clear:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.*",
45
+ "clear:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
46
+ "clear:build:dev": "rm -rf dist",
43
47
  "dev": "concurrently \"npm run dev:css\" \"npm run dev:build\"",
44
48
  "dev:build": "tsup",
45
49
  "dev:css": "tailwindcss -w -i src/theme/global.css -o src/styles/default.css",
@@ -0,0 +1,9 @@
1
+ import React__default from 'react';
2
+
3
+ type ThemeType = "light" | "dark";
4
+ interface ThemeContextType {
5
+ theme: ThemeType;
6
+ setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
7
+ }
8
+
9
+ export { ThemeType as T, ThemeContextType as a };
@@ -0,0 +1,5 @@
1
+ import { a as ThemeContextType } from './theme.types-a32f0702.js';
2
+
3
+ declare const useTheme: () => ThemeContextType;
4
+
5
+ export { useTheme as u };