@szum-tech/design-system 1.6.1 → 1.7.0

package/Avatar-e871ff4f.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+declare const avatarCva: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type AvatarCvaProps = VariantProps<typeof avatarCva>;
+type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
+
+type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Defines avatar image alt
+     */
+    alt?: string;
+    /**
+     * Defines background color
+     */
+    bg?: `bg-${string}` | `bg-${string}-${number}`;
+    /**
+     * Defines avatar size
+     * @default 'md'
+     */
+    size?: AvatarSizeType;
+    /**
+     * Defines avatar image src
+     */
+    src?: string;
+    /**
+     * Defines avatar children
+     */
+    children?: React.ReactNode;
+};
+declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
+
+export { Avatar as A, AvatarSizeType as a, AvatarProps as b };

package/Button-91229b6b.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+declare const buttonCva: (props?: ({
+    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "text" | "outlined" | "contained" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
+type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
+type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
+
+type AsProp<C extends React.ElementType> = {
+    /**
+     * Defines HTML tag to be used for component
+     */
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+
+type ButtonProp = {
+    /**
+     * Defines button color
+     * @default 'primary'
+     */
+    color?: ButtonColorType;
+    /**
+     * Defines button variant
+     * @default 'text'
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Defines button size
+     * @default 'md'
+     */
+    size?: ButtonSizeType;
+    /**
+     * Defines avatar children
+     */
+    children?: React.ReactNode;
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, "ref"> & React.RefAttributes<unknown>>;
+
+export { _default as _ };

package/README.md

@@ -78,6 +78,7 @@ Here is an example of a basic app using `ThemeProvider` component:
 
 ```jsx
 import * as React from "react";
+
 import { ThemeProvider } from "@szum-tech/design-system";
 
 function Providers({ children }) {

package/ThemeProvider-8e6d7838.d.ts

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
+
+declare const ThemeContext: React__default.Context<ThemeContextType>;
+
+interface ThemeProviderProps {
+    /**
+     * Children Components using theming.
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Define the default theme which is set at the beginning if neither local storage nor media is defined.
+     */
+    defaultTheme?: ThemeType;
+    /**
+     * Define theme that is always set initially.
+     */
+    theme?: ThemeType;
+}
+declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
+
+export { ThemeContext as T, ThemeProviderProps as a, ThemeProvider as b };

package/chunk-4AKOYNNP.mjs

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

package/chunk-5SE7P5YG.mjs

@@ -0,0 +1,6 @@
+import a from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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})}
+
+export { n as a, u as b };

package/chunk-7M2UD3MX.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/chunk-AWV2FK6N.mjs

@@ -0,0 +1,6 @@
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+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})}
+
+export { r as a };

package/chunk-CRJI67D5.mjs

@@ -0,0 +1,6 @@
+import { a } from './chunk-5SE7P5YG.mjs';
+import t from 'react';
+
+var r=()=>t.useContext(a);
+
+export { r as a };

package/chunk-I6ERYEB3.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var e = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var e__namespace = /*#__PURE__*/_interopNamespace(e);
+
+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})});
+
+exports.a = v;

package/chunk-JNEX4BMN.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/chunk-JQ4UTWMH.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/chunk-LYGO5UGG.mjs

@@ -0,0 +1 @@
+

package/chunk-PIY4JWBH.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+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})}
+
+exports.a = r;

package/chunk-TAA4AMBN.mjs

@@ -0,0 +1 @@
+

package/chunk-UJM6RAIA.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
+var t = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var t__default = /*#__PURE__*/_interopDefault(t);
+
+var r=()=>t__default.default.useContext(chunkX2QIG2W5_js.a);
+
+exports.a = r;

package/chunk-WPEQQQCR.mjs

@@ -0,0 +1 @@
+

package/chunk-X2QIG2W5.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var a = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var a__default = /*#__PURE__*/_interopDefault(a);
+
+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})}
+
+exports.a = n;
+exports.b = u;

package/components/Avatar/index.d.ts

@@ -1,33 +1,4 @@
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as React from 'react';
-
-declare const avatarCva: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type AvatarCvaProps = VariantProps<typeof avatarCva>;
-type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
-
-type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
-    /**
-     * Defines avatar image alt
-     */
-    alt?: string;
-    /**
-     * Defines background color
-     */
-    bg?: `bg-${string}` | `bg-${string}-${number}`;
-    /**
-     * Defines avatar size
-     * @default 'md'
-     */
-    size?: AvatarSizeType;
-    /**
-     * Defines avatar image src
-     */
-    src?: string;
-};
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
-
-export { AvatarProps, AvatarSizeType, Avatar as default };
+export { b as AvatarProps, a as AvatarSizeType, A as default } from '../../Avatar-e871ff4f.js';
+import 'react';
+import 'class-variance-authority';
+import 'class-variance-authority/dist/types';

package/components/Avatar/index.js

@@ -1,8 +1,7 @@
 'use strict';
 
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkPIY4JWBH_js = require('../../chunk-PIY4JWBH.js');
 
-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 a({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})}
 
-module.exports = a;
+
+module.exports = chunkPIY4JWBH_js.a;

package/components/Avatar/index.mjs

@@ -1,6 +1 @@
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-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 a({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})}
-
-export { a as default };
+export { a as default } from '../../chunk-AWV2FK6N.mjs';

package/components/Button/index.d.ts

@@ -1,44 +1,4 @@
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-
-declare const buttonCva: (props?: ({
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "text" | "outlined" | "contained" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type ButtonCvaProps = VariantProps<typeof buttonCva>;
-type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
-type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
-type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
-
-type AsProp<C extends React.ElementType> = {
-    /**
-     * Defines HTML tag to be used for component
-     */
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-
-type ButtonProp = {
-    /**
-     * Defines button color
-     * @default 'primary'
-     */
-    color?: ButtonColorType;
-    /**
-     * Defines button variant
-     * @default 'text'
-     */
-    variant?: ButtonVariantType;
-    /**
-     * Defines button size
-     * @default 'md'
-     */
-    size?: ButtonSizeType;
-};
-declare const _default: React.ForwardRefExoticComponent<Pick<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, string | number | symbol> & React.RefAttributes<unknown>>;
-
-export { _default as default };
+export { _ as default } from '../../Button-91229b6b.js';
+import 'react';
+import 'class-variance-authority';
+import 'class-variance-authority/dist/types';

package/components/Button/index.js

@@ -1,29 +1,7 @@
 'use strict';
 
-var e = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkI6ERYEB3_js = require('../../chunk-I6ERYEB3.js');
 
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
 
-var e__namespace = /*#__PURE__*/_interopNamespace(e);
 
-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})});
-
-module.exports = v;
+module.exports = chunkI6ERYEB3_js.a;

package/components/Button/index.mjs

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

package/components/index.d.ts

@@ -1,72 +1,5 @@
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as React from 'react';
-
-declare const avatarCva: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type AvatarCvaProps = VariantProps<typeof avatarCva>;
-type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
-
-type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
-    /**
-     * Defines avatar image alt
-     */
-    alt?: string;
-    /**
-     * Defines background color
-     */
-    bg?: `bg-${string}` | `bg-${string}-${number}`;
-    /**
-     * Defines avatar size
-     * @default 'md'
-     */
-    size?: AvatarSizeType;
-    /**
-     * Defines avatar image src
-     */
-    src?: string;
-};
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
-
-declare const buttonCva: (props?: ({
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "text" | "outlined" | "contained" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type ButtonCvaProps = VariantProps<typeof buttonCva>;
-type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
-type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
-type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
-
-type AsProp<C extends React.ElementType> = {
-    /**
-     * Defines HTML tag to be used for component
-     */
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-
-type ButtonProp = {
-    /**
-     * Defines button color
-     * @default 'primary'
-     */
-    color?: ButtonColorType;
-    /**
-     * Defines button variant
-     * @default 'text'
-     */
-    variant?: ButtonVariantType;
-    /**
-     * Defines button size
-     * @default 'md'
-     */
-    size?: ButtonSizeType;
-};
-declare const _default: React.ForwardRefExoticComponent<Pick<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, string | number | symbol> & React.RefAttributes<unknown>>;
-
-export { Avatar, AvatarProps, AvatarSizeType, _default as Button };
+export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from '../Avatar-e871ff4f.js';
+export { _ as Button } from '../Button-91229b6b.js';
+import 'react';
+import 'class-variance-authority';
+import 'class-variance-authority/dist/types';

package/components/index.js

@@ -1 +1,16 @@
-"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});
+'use strict';
+
+require('../chunk-JNEX4BMN.js');
+var chunkPIY4JWBH_js = require('../chunk-PIY4JWBH.js');
+var chunkI6ERYEB3_js = require('../chunk-I6ERYEB3.js');
+
+
+
+Object.defineProperty(exports, 'Avatar', {
+	enumerable: true,
+	get: function () { return chunkPIY4JWBH_js.a; }
+});
+Object.defineProperty(exports, 'Button', {
+	enumerable: true,
+	get: function () { return chunkI6ERYEB3_js.a; }
+});

package/components/index.mjs

@@ -1 +1,3 @@
-import{default as r}from"./Avatar";export*from"./Avatar";import{default as f}from"./Button";export{r as Avatar,f as Button};
+import '../chunk-LYGO5UGG.mjs';
+export { a as Avatar } from '../chunk-AWV2FK6N.mjs';
+export { a as Button } from '../chunk-4AKOYNNP.mjs';

package/contexts/index.d.ts

@@ -1,27 +1,3 @@
-import React from 'react';
-
-type ThemeType = "light" | "dark";
-interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
-}
-
-declare const ThemeContext: React.Context<ThemeContextType>;
-
-interface ThemeProviderProps {
-    /**
-     * Children Components using theming.
-     */
-    children?: React.ReactNode;
-    /**
-     * Define the default theme which is set at the beginning if neither local storage nor media is defined.
-     */
-    defaultTheme?: ThemeType;
-    /**
-     * Define theme that is always set initially.
-     */
-    theme?: ThemeType;
-}
-declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
-
-export { ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType };
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../ThemeProvider-8e6d7838.js';
+export { a as ThemeContextType, T as ThemeType } from '../theme.types-a32f0702.js';
+import 'react';

package/contexts/index.js

@@ -1 +1,15 @@
-"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);
+'use strict';
+
+require('../chunk-JQ4UTWMH.js');
+var chunkX2QIG2W5_js = require('../chunk-X2QIG2W5.js');
+
+
+
+Object.defineProperty(exports, 'ThemeContext', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.a; }
+});
+Object.defineProperty(exports, 'ThemeProvider', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.b; }
+});

package/contexts/index.mjs

@@ -1 +1,2 @@
-export*from"./theme";
+import '../chunk-WPEQQQCR.mjs';
+export { a as ThemeContext, b as ThemeProvider } from '../chunk-5SE7P5YG.mjs';

package/contexts/theme/index.d.ts

@@ -1,27 +1,3 @@
-import React from 'react';
-
-type ThemeType = "light" | "dark";
-interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
-}
-
-declare const ThemeContext: React.Context<ThemeContextType>;
-
-interface ThemeProviderProps {
-    /**
-     * Children Components using theming.
-     */
-    children?: React.ReactNode;
-    /**
-     * Define the default theme which is set at the beginning if neither local storage nor media is defined.
-     */
-    defaultTheme?: ThemeType;
-    /**
-     * Define theme that is always set initially.
-     */
-    theme?: ThemeType;
-}
-declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
-
-export { ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType };
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from '../../ThemeProvider-8e6d7838.js';
+export { a as ThemeContextType, T as ThemeType } from '../../theme.types-a32f0702.js';
+import 'react';

package/contexts/theme/index.js

@@ -1,13 +1,14 @@
 'use strict';
 
-var a = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkX2QIG2W5_js = require('../../chunk-X2QIG2W5.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var a__default = /*#__PURE__*/_interopDefault(a);
 
-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})}
-
-exports.ThemeContext = n;
-exports.ThemeProvider = u;
+Object.defineProperty(exports, 'ThemeContext', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.a; }
+});
+Object.defineProperty(exports, 'ThemeProvider', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.b; }
+});

package/contexts/theme/index.mjs

@@ -1,6 +1 @@
-import a from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-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})}
-
-export { n as ThemeContext, u as ThemeProvider };
+export { a as ThemeContext, b as ThemeProvider } from '../../chunk-5SE7P5YG.mjs';

package/hooks/index.d.ts

@@ -1,11 +1,3 @@
-import React from 'react';
-
-type ThemeType = "light" | "dark";
-interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
-}
-
-declare const useTheme: () => ThemeContextType;
-
-export { useTheme };
+export { u as useTheme } from '../useTheme-01c9253b.js';
+import '../theme.types-a32f0702.js';
+import 'react';

package/hooks/index.js

@@ -1 +1,13 @@
-"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);
+'use strict';
+
+require('../chunk-7M2UD3MX.js');
+var chunkUJM6RAIA_js = require('../chunk-UJM6RAIA.js');
+require('../chunk-JQ4UTWMH.js');
+require('../chunk-X2QIG2W5.js');
+
+
+
+Object.defineProperty(exports, 'useTheme', {
+	enumerable: true,
+	get: function () { return chunkUJM6RAIA_js.a; }
+});

package/hooks/index.mjs

@@ -1 +1,4 @@
-export*from"./useTheme";
+import '../chunk-TAA4AMBN.mjs';
+export { a as useTheme } from '../chunk-CRJI67D5.mjs';
+import '../chunk-WPEQQQCR.mjs';
+import '../chunk-5SE7P5YG.mjs';

package/hooks/useTheme/index.d.ts

@@ -1,11 +1,3 @@
-import React from 'react';
-
-type ThemeType = "light" | "dark";
-interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: React.Dispatch<React.SetStateAction<ThemeType>>;
-}
-
-declare const useTheme: () => ThemeContextType;
-
-export { useTheme };
+export { u as useTheme } from '../../useTheme-01c9253b.js';
+import '../../theme.types-a32f0702.js';
+import 'react';

package/hooks/useTheme/index.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var t = require('react');
+var chunkUJM6RAIA_js = require('../../chunk-UJM6RAIA.js');
+require('../../chunk-JQ4UTWMH.js');
+require('../../chunk-X2QIG2W5.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var t__default = /*#__PURE__*/_interopDefault(t);
 
-var e=t__default.default.createContext({});var T=()=>t__default.default.useContext(e);
-
-exports.useTheme = T;
+Object.defineProperty(exports, 'useTheme', {
+	enumerable: true,
+	get: function () { return chunkUJM6RAIA_js.a; }
+});

package/hooks/useTheme/index.mjs

@@ -1,5 +1,3 @@
-import t from 'react';
-
-var e=t.createContext({});var T=()=>t.useContext(e);
-
-export { T as useTheme };
+export { a as useTheme } from '../../chunk-CRJI67D5.mjs';
+import '../../chunk-WPEQQQCR.mjs';
+import '../../chunk-5SE7P5YG.mjs';

package/index.d.ts

@@ -1,99 +1,8 @@
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as React from 'react';
-import React__default from 'react';
-
-declare const avatarCva: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type AvatarCvaProps = VariantProps<typeof avatarCva>;
-type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
-
-type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
-    /**
-     * Defines avatar image alt
-     */
-    alt?: string;
-    /**
-     * Defines background color
-     */
-    bg?: `bg-${string}` | `bg-${string}-${number}`;
-    /**
-     * Defines avatar size
-     * @default 'md'
-     */
-    size?: AvatarSizeType;
-    /**
-     * Defines avatar image src
-     */
-    src?: string;
-};
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
-
-declare const buttonCva: (props?: ({
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "text" | "outlined" | "contained" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-type ButtonCvaProps = VariantProps<typeof buttonCva>;
-type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
-type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
-type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
-
-type AsProp<C extends React.ElementType> = {
-    /**
-     * Defines HTML tag to be used for component
-     */
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-
-type ButtonProp = {
-    /**
-     * Defines button color
-     * @default 'primary'
-     */
-    color?: ButtonColorType;
-    /**
-     * Defines button variant
-     * @default 'text'
-     */
-    variant?: ButtonVariantType;
-    /**
-     * Defines button size
-     * @default 'md'
-     */
-    size?: ButtonSizeType;
-};
-declare const _default: React.ForwardRefExoticComponent<Pick<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, string | number | symbol> & React.RefAttributes<unknown>>;
-
-type ThemeType = "light" | "dark";
-interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
-}
-
-declare const ThemeContext: React__default.Context<ThemeContextType>;
-
-interface ThemeProviderProps {
-    /**
-     * Children Components using theming.
-     */
-    children?: React__default.ReactNode;
-    /**
-     * Define the default theme which is set at the beginning if neither local storage nor media is defined.
-     */
-    defaultTheme?: ThemeType;
-    /**
-     * Define theme that is always set initially.
-     */
-    theme?: ThemeType;
-}
-declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
-
-declare const useTheme: () => ThemeContextType;
-
-export { Avatar, AvatarProps, AvatarSizeType, _default as Button, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, useTheme };
+export { A as Avatar, b as AvatarProps, a as AvatarSizeType } from './Avatar-e871ff4f.js';
+export { _ as Button } from './Button-91229b6b.js';
+export { u as useTheme } from './useTheme-01c9253b.js';
+export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-8e6d7838.js';
+export { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
+import 'react';
+import 'class-variance-authority';
+import 'class-variance-authority/dist/types';

package/index.js

@@ -1 +1,32 @@
-"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);
+'use strict';
+
+require('./chunk-JNEX4BMN.js');
+var chunkPIY4JWBH_js = require('./chunk-PIY4JWBH.js');
+var chunkI6ERYEB3_js = require('./chunk-I6ERYEB3.js');
+require('./chunk-7M2UD3MX.js');
+var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
+require('./chunk-JQ4UTWMH.js');
+var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
+
+
+
+Object.defineProperty(exports, 'Avatar', {
+	enumerable: true,
+	get: function () { return chunkPIY4JWBH_js.a; }
+});
+Object.defineProperty(exports, 'Button', {
+	enumerable: true,
+	get: function () { return chunkI6ERYEB3_js.a; }
+});
+Object.defineProperty(exports, 'useTheme', {
+	enumerable: true,
+	get: function () { return chunkUJM6RAIA_js.a; }
+});
+Object.defineProperty(exports, 'ThemeContext', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.a; }
+});
+Object.defineProperty(exports, 'ThemeProvider', {
+	enumerable: true,
+	get: function () { return chunkX2QIG2W5_js.b; }
+});

package/index.mjs

@@ -1 +1,7 @@
-export*from"./components";export*from"./hooks";export*from"./contexts";
+import './chunk-LYGO5UGG.mjs';
+export { a as Avatar } from './chunk-AWV2FK6N.mjs';
+export { a as Button } from './chunk-4AKOYNNP.mjs';
+import './chunk-TAA4AMBN.mjs';
+export { a as useTheme } from './chunk-CRJI67D5.mjs';
+import './chunk-WPEQQQCR.mjs';
+export { a as ThemeContext, b as ThemeProvider } from './chunk-5SE7P5YG.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -31,15 +31,19 @@
   "types": "./index.d.ts",
   "files": [
     "index.*",
+    "*.d.ts",
+    "chunk-*.mjs",
+    "chunk-*.js",
     "components/**",
     "hooks/**",
     "contexts/**",
     "theme/**"
   ],
   "scripts": {
-    "build": "tsup && cpy './src/theme/global.css' './theme' --flat",
+    "build": "env NODE_ENV=production tsup && cpy './src/theme/global.css' './theme' --flat",
     "clean": "rm -rf node_modules && yarn clear:build",
-    "clear:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.*",
+    "clear:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
+    "clear:build:dev": "rm -rf dist",
     "dev": "concurrently \"npm run dev:css\" \"npm run dev:build\"",
     "dev:build": "tsup",
     "dev:css": "tailwindcss -w -i src/theme/global.css -o src/styles/default.css",
@@ -54,55 +58,58 @@
   },
   "dependencies": {
     "@tailwindcss/container-queries": "^0.1.0",
-    "class-variance-authority": "^0.4.0",
-    "tailwind-scrollbar": "^3.0.0",
-    "tailwindcss": "^3.2.7"
+    "class-variance-authority": "^0.5.1",
+    "tailwind-scrollbar": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.6",
-    "@heroicons/react": "^2.0.16",
-    "@storybook/addon-a11y": "^7.0.0-beta.47",
-    "@storybook/addon-actions": "^7.0.0-beta.47",
-    "@storybook/addon-docs": "^7.0.0-beta.47",
-    "@storybook/addon-essentials": "^7.0.0-beta.47",
-    "@storybook/addon-links": "^7.0.0-beta.47",
-    "@storybook/addons": "^7.0.0-beta.47",
+    "@babel/core": "^7.21.4",
+    "@heroicons/react": "^2.0.17",
+    "@storybook/addon-a11y": "^7.0.0",
+    "@storybook/addon-actions": "^7.0.0",
+    "@storybook/addon-docs": "^7.0.0",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/addon-links": "^7.0.0",
+    "@storybook/addon-mdx-gfm": "^7.0.0",
+    "@storybook/addons": "^7.0.0",
     "@storybook/core-common": "^6.5.16",
     "@storybook/core-events": "^6.5.16",
-    "@storybook/react": "^7.0.0-beta.47",
-    "@storybook/react-vite": "^7.0.0-beta.47",
-    "@storybook/theming": "^7.0.0-beta.47",
-    "@szum-tech/prettier-config": "^1.1.1",
-    "@szum-tech/semantic-release-preset": "^1.3.0",
-    "@testing-library/react": "^13.4.0",
+    "@storybook/react": "^7.0.0",
+    "@storybook/react-vite": "^7.0.0",
+    "@storybook/theming": "^7.0.0",
+    "@szum-tech/prettier-config": "^1.2.0",
+    "@szum-tech/semantic-release-preset": "^1.5.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "@types/semantic-release": "^17.2.4",
+    "@types/react": "^18.0.32",
+    "@types/react-dom": "^18.0.11",
+    "@types/semantic-release": "^20.0.1",
     "@vitejs/plugin-react": "^3.1.0",
-    "autoprefixer": "^10.4.13",
-    "babel-loader": "^8.2.5",
-    "concurrently": "^7.6.0",
+    "autoprefixer": "^10.4.14",
+    "babel-loader": "^9.1.2",
+    "concurrently": "^8.0.1",
     "cpy-cli": "^4.2.0",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.21",
     "prettier": "^2.8.7",
-    "prettier-plugin-tailwindcss": "^0.1.13",
+    "prettier-plugin-tailwindcss": "^0.2.6",
     "react": "^18.2.0",
     "react-docgen": "^5.4.3",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
-    "semantic-release": "^20.1.0",
+    "semantic-release": "^21.0.1",
     "serve": "^14.2.0",
-    "storybook": "^7.0.0-beta.47",
-    "storybook-addon-pseudo-states": "^2.0.0-next.0",
+    "storybook": "^7.0.0",
+    "storybook-addon-pseudo-states": "^2.0.0-next.1",
     "storybook-addon-themes": "^6.1.0",
-    "tsup": "^6.6.3",
-    "typescript": "^4.9.5",
-    "vite": "^4.1.2"
+    "tailwindcss": "^3.3.1",
+    "tsup": "^6.7.0",
+    "typescript": "^5.0.3",
+    "vite": "^4.2.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "tailwindcss": "^3.2.7"
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"

package/theme/global.css

@@ -121,6 +121,6 @@
   }
 
   body {
-    @apply scroll bg-gray-900 font-poppins text-typography-primary antialiased;
+    @apply bg-gray-900 font-poppins text-typography-primary antialiased scroll;
   }
 }

package/theme/main-preset.js

@@ -4,13 +4,13 @@ var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 
-// src/theme/plugins/components/scroll.js
+// src/theme/plugins/utilities/scroll.js
 var require_scroll = __commonJS({
-  "src/theme/plugins/components/scroll.js"(exports2, module2) {
+  "src/theme/plugins/utilities/scroll.js"(exports2, module2) {
     "use strict";
     var plugin = require("tailwindcss/plugin");
-    module2.exports = plugin(function({ addComponents }) {
-      addComponents({
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
         ".scroll": {
           "@apply scrollbar scrollbar-thin scrollbar-thumb-gray-600/100 hover:scrollbar-thumb-gray-600/80": {}
         }
@@ -19,13 +19,13 @@ var require_scroll = __commonJS({
   }
 });
 
-// src/theme/plugins/components/typography.js
+// src/theme/plugins/utilities/typography.js
 var require_typography = __commonJS({
-  "src/theme/plugins/components/typography.js"(exports2, module2) {
+  "src/theme/plugins/utilities/typography.js"(exports2, module2) {
     "use strict";
     var plugin = require("tailwindcss/plugin");
-    module2.exports = plugin(function({ addComponents }) {
-      addComponents({
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
         ".typography-heading-1": {
           "@apply font-poppins text-6xl font-light leading-relaxed -tracking-[.01562em]": {}
         },

package/theme.types-a32f0702.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+type ThemeType = "light" | "dark";
+interface ThemeContextType {
+    theme: ThemeType;
+    setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
+}
+
+export { ThemeType as T, ThemeContextType as a };

package/useTheme-01c9253b.d.ts

@@ -0,0 +1,5 @@
+import { a as ThemeContextType } from './theme.types-a32f0702.js';
+
+declare const useTheme: () => ThemeContextType;
+
+export { useTheme as u };