@szum-tech/design-system 1.12.3 → 1.13.1

package/dist/index.d.ts

@@ -0,0 +1,172 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as ReactTooltip from '@radix-ui/react-tooltip';
+import * as ReactSelect from '@radix-ui/react-select';
+
+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 children
+     */
+    children?: React.ReactNode;
+    /**
+     * Defines avatar size
+     */
+    size?: AvatarSizeType;
+    /**
+     * Defines avatar image src
+     */
+    src?: string;
+};
+declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+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 OmitStylesProps<T> = Omit<T, "className" | "style">;
+
+declare const buttonCva: (props?: ({
+    block?: boolean | null | undefined;
+    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 Props$2 = {
+    /**
+     * Defines button full width
+     */
+    block?: boolean;
+    /**
+     * Defines button color
+     */
+    color?: ButtonColorType;
+    /**
+     * Defines button variant
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Defines button size
+     */
+    size?: ButtonSizeType;
+    /**
+     * Defines button content
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled button
+     */
+    disabled?: boolean;
+    /**
+     * Defines left icon
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * Defines right icon
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * Defines is button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Defines is position of loading icon
+     */
+    loadingPosition?: "start" | "end";
+};
+type ButtonProps<T extends React.ElementType = "button"> = PolymorphicComponentProp<T, Props$2>;
+declare const Button: <T extends React.ElementType<any> = "button">(props: Props$2 & AsProp<T> & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "as" | keyof Props$2> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type Props$1 = {
+    invalid?: boolean;
+    startIcon?: React.ReactElement | string;
+    endIcon?: React.ReactElement | string;
+};
+type InputProps = OmitStylesProps<React.ComponentPropsWithoutRef<"input">> & Props$1;
+declare const Input: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">> & Props$1 & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type TooltipProps = ReactTooltip.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+type Props = {
+    invalid?: boolean;
+};
+type TextareaProps = OmitStylesProps<React.ComponentPropsWithoutRef<"textarea">> & Props;
+declare const Textarea: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">> & Props & React.RefAttributes<HTMLTextAreaElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type SelectProps = OmitStylesProps<ReactSelect.SelectProps> & {
+    placeholder?: React.ReactNode;
+};
+declare const Select: (props: OmitStylesProps<ReactSelect.SelectProps> & {
+    placeholder?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type SelectItemProps = OmitStylesProps<ReactSelect.SelectItemProps>;
+declare const SelectItem: (props: SelectItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+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): react_jsx_runtime.JSX.Element;
+
+declare const useTheme: () => ThemeContextType;
+
+export { Avatar, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };

package/dist/index.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var f = require('react');
+var iconsReact = require('@tabler/icons-react');
+var s = require('@radix-ui/react-tooltip');
+var n = require('@radix-ui/react-select');
+
+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 f__namespace = /*#__PURE__*/_interopNamespace(f);
+var s__namespace = /*#__PURE__*/_interopNamespace(s);
+var n__namespace = /*#__PURE__*/_interopNamespace(n);
+
+var L=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 xe({alt:e,bg:t,children:r,size:o="md",src:a,...l}){let i=L({size:o,className:t});return jsxRuntime.jsx("div",{className:i,...l,children:a?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var A=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),R=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),T=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});function S(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}var Qe=f__namespace.forwardRef(function({as:e,block:t=!1,color:r="primary",children:o,size:a="md",variant:l="text",disabled:i=!1,startIcon:m,endIcon:g,type:k,loading:h=!1,loadingPosition:E="start",...Z},_){let B=e||"button",j=A({block:t,size:a,variant:l,color:r}),b=h&&E==="start",V=b?jsxRuntime.jsx(S,{"aria-label":"Loading"}):m||null,ee=T({size:a,loading:b}),te=R({size:a,site:"left"}),u=h&&E==="end",z=u?jsxRuntime.jsx(S,{"aria-label":"Loading"}):g||null,re=T({size:a,loading:u}),oe=R({size:a,site:"right"}),x=i||h;return jsxRuntime.jsxs(B,{"aria-disabled":x||void 0,className:j,"data-state":h?"loading":void 0,disabled:x,ref:_,role:"button",tabIndex:x?-1:0,type:B==="button"?"button":void 0,...Z,children:[V?jsxRuntime.jsx("span",{className:te,role:b?"progressbar":void 0,children:f__namespace.cloneElement(V,{className:ee})}):null,o,z?jsxRuntime.jsx("span",{className:oe,role:u?"progressbar":void 0,children:f__namespace.cloneElement(z,{className:re})}):null]})});var G=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),I=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var tt=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},l){let i=G({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),m=I({site:"left",disabled:o}),g=I({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:m,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:i,ref:l,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:g,children:r}):null]})});function at({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:l,align:i,collisionPadding:m=8,sideOffset:g=8,...k}){return jsxRuntime.jsxs(s__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(s__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(s__namespace.Portal,{children:jsxRuntime.jsxs(s__namespace.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:g,side:l,align:i,collisionPadding:m,...k,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(s__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ct({children:e}){return jsxRuntime.jsx(s__namespace.Provider,{skipDelayDuration:500,children:e})}var U=classVarianceAuthority.cva(["h-28 min-h-10 w-full appearance-none border bg-app-primary px-3 py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out scroll typography-body-2 placeholder:select-none placeholder:text-gray-200","focus:border-primary-400","active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500","hover:border-error-400","focus:text-gray-100"],false:["text-gray-100 border-gray-350","hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var gt=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=U({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var q=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 inline-flex items-center justify-between text-gray-100 typography-body-2 gap-2 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var xt=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=q();return jsxRuntime.jsxs(n__namespace.Root,{...r,children:[jsxRuntime.jsxs(n__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(n__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(n__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(iconsReact.IconSelector,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(n__namespace.Portal,{children:jsxRuntime.jsx(n__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(n__namespace.Viewport,{children:e})})})]})});var St=f__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(n__namespace.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:r,...t,children:[jsxRuntime.jsx(n__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(n__namespace.ItemIndicator,{children:jsxRuntime.jsx(iconsReact.IconCheck,{className:"h-4 w-4"})})]}));var v=f__namespace.default.createContext({});function fe(e){if(typeof window<"u"&&window.localStorage){let t=window.localStorage.getItem("theme");if(t==="dark"||!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return e??"light"}function Bt({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||fe(t));function l(i){typeof window<"u"&&window.localStorage&&(i==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",i));}return f__namespace.default.useEffect(()=>{l(o);},[o]),jsxRuntime.jsx(v.Provider,{value:{theme:o,setTheme:a},children:e})}var At=()=>f__namespace.default.useContext(v);
+
+exports.Avatar = xe;
+exports.Button = Qe;
+exports.Input = tt;
+exports.Select = xt;
+exports.SelectItem = St;
+exports.Textarea = gt;
+exports.ThemeContext = v;
+exports.ThemeProvider = Bt;
+exports.Tooltip = at;
+exports.TooltipProvider = ct;
+exports.useTheme = At;

package/dist/index.mjs

@@ -0,0 +1,11 @@
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as f from 'react';
+import f__default from 'react';
+import { IconSelector, IconCheck } from '@tabler/icons-react';
+import * as s from '@radix-ui/react-tooltip';
+import * as n from '@radix-ui/react-select';
+
+var L=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 xe({alt:e,bg:t,children:r,size:o="md",src:a,...l}){let i=L({size:o,className:t});return jsx("div",{className:i,...l,children:a?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var A=cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),R=cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),T=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});function S(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}var Qe=f.forwardRef(function({as:e,block:t=!1,color:r="primary",children:o,size:a="md",variant:l="text",disabled:i=!1,startIcon:m,endIcon:g,type:k,loading:h=!1,loadingPosition:E="start",...Z},_){let B=e||"button",j=A({block:t,size:a,variant:l,color:r}),b=h&&E==="start",V=b?jsx(S,{"aria-label":"Loading"}):m||null,ee=T({size:a,loading:b}),te=R({size:a,site:"left"}),u=h&&E==="end",z=u?jsx(S,{"aria-label":"Loading"}):g||null,re=T({size:a,loading:u}),oe=R({size:a,site:"right"}),x=i||h;return jsxs(B,{"aria-disabled":x||void 0,className:j,"data-state":h?"loading":void 0,disabled:x,ref:_,role:"button",tabIndex:x?-1:0,type:B==="button"?"button":void 0,...Z,children:[V?jsx("span",{className:te,role:b?"progressbar":void 0,children:f.cloneElement(V,{className:ee})}):null,o,z?jsx("span",{className:oe,role:u?"progressbar":void 0,children:f.cloneElement(z,{className:re})}):null]})});var G=cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),I=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var tt=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},l){let i=G({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),m=I({site:"left",disabled:o}),g=I({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:m,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:i,ref:l,...a}),r?jsx("span",{"aria-hidden":!0,className:g,children:r}):null]})});function at({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:l,align:i,collisionPadding:m=8,sideOffset:g=8,...k}){return jsxs(s.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(s.Trigger,{asChild:!0,children:a}),t?jsx(s.Portal,{children:jsxs(s.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:g,side:l,align:i,collisionPadding:m,...k,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(s.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ct({children:e}){return jsx(s.Provider,{skipDelayDuration:500,children:e})}var U=cva(["h-28 min-h-10 w-full appearance-none border bg-app-primary px-3 py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out scroll typography-body-2 placeholder:select-none placeholder:text-gray-200","focus:border-primary-400","active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500","hover:border-error-400","focus:text-gray-100"],false:["text-gray-100 border-gray-350","hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var gt=f.forwardRef(function({invalid:e=!1,...t},r){let o=U({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var q=cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 inline-flex items-center justify-between text-gray-100 typography-body-2 gap-2 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var xt=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=q();return jsxs(n.Root,{...r,children:[jsxs(n.Trigger,{className:a,ref:o,children:[jsx(n.Value,{placeholder:"Select a fruit\u2026"}),jsx(n.Icon,{className:"-mr-1.5",children:jsx(IconSelector,{className:"h-5 w-5 text-gray-200"})})]}),jsx(n.Portal,{children:jsx(n.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(n.Viewport,{children:e})})})]})});var St=f.forwardRef(({children:e,...t},r)=>jsxs(n.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:r,...t,children:[jsx(n.ItemText,{className:"flex-1",children:e}),jsx(n.ItemIndicator,{children:jsx(IconCheck,{className:"h-4 w-4"})})]}));var v=f__default.createContext({});function fe(e){if(typeof window<"u"&&window.localStorage){let t=window.localStorage.getItem("theme");if(t==="dark"||!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return e??"light"}function Bt({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||fe(t));function l(i){typeof window<"u"&&window.localStorage&&(i==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",i));}return f__default.useEffect(()=>{l(o);},[o]),jsx(v.Provider,{value:{theme:o,setTheme:a},children:e})}var At=()=>f__default.useContext(v);
+
+export { xe as Avatar, Qe as Button, tt as Input, xt as Select, St as SelectItem, gt as Textarea, v as ThemeContext, Bt as ThemeProvider, at as Tooltip, ct as TooltipProvider, At as useTheme };

package/icons/index.d.ts

@@ -1,4 +1,4 @@
-export { IconBadgeFilled, IconBolt, IconBook, IconBrandGithub, IconBrandGoogle, IconBrandLinkedin, IconBrandNpm, IconBrandTwitter, IconCurrencyDollar, IconDownload, IconMail, IconMapPin, IconPhone, IconRocket, IconSend, IconTrash } from '@tabler/icons-react';
+export { IconBadgeFilled, IconBolt, IconBook, IconBrandGithub, IconBrandGoogle, IconBrandLinkedin, IconBrandNpm, IconBrandTwitter, IconCheck, IconCurrencyDollar, IconDownload, IconMail, IconMapPin, IconPhone, IconRocket, IconSelector, IconSend, IconTrash } from '@tabler/icons-react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 

package/icons/index.js

@@ -1,78 +1,81 @@
 'use strict';
 
-var chunkMTBLOLPH_js = require('../chunk-MTBLOLPH.js');
+var iconsReact = require('@tabler/icons-react');
+var jsxRuntime = require('react/jsx-runtime');
 
+function r(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsxRuntime.jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function a(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
 
-
-Object.defineProperty(exports, 'GoogleIcon', {
-	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.a; }
-});
 Object.defineProperty(exports, 'IconBadgeFilled', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.c; }
+	get: function () { return iconsReact.IconBadgeFilled; }
 });
 Object.defineProperty(exports, 'IconBolt', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.d; }
+	get: function () { return iconsReact.IconBolt; }
 });
 Object.defineProperty(exports, 'IconBook', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.e; }
+	get: function () { return iconsReact.IconBook; }
 });
 Object.defineProperty(exports, 'IconBrandGithub', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.f; }
+	get: function () { return iconsReact.IconBrandGithub; }
 });
 Object.defineProperty(exports, 'IconBrandGoogle', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.g; }
+	get: function () { return iconsReact.IconBrandGoogle; }
 });
 Object.defineProperty(exports, 'IconBrandLinkedin', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.h; }
+	get: function () { return iconsReact.IconBrandLinkedin; }
 });
 Object.defineProperty(exports, 'IconBrandNpm', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.i; }
+	get: function () { return iconsReact.IconBrandNpm; }
 });
 Object.defineProperty(exports, 'IconBrandTwitter', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.j; }
+	get: function () { return iconsReact.IconBrandTwitter; }
+});
+Object.defineProperty(exports, 'IconCheck', {
+	enumerable: true,
+	get: function () { return iconsReact.IconCheck; }
 });
 Object.defineProperty(exports, 'IconCurrencyDollar', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.k; }
+	get: function () { return iconsReact.IconCurrencyDollar; }
 });
 Object.defineProperty(exports, 'IconDownload', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.l; }
+	get: function () { return iconsReact.IconDownload; }
 });
 Object.defineProperty(exports, 'IconMail', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.m; }
+	get: function () { return iconsReact.IconMail; }
 });
 Object.defineProperty(exports, 'IconMapPin', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.n; }
+	get: function () { return iconsReact.IconMapPin; }
 });
 Object.defineProperty(exports, 'IconPhone', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.o; }
+	get: function () { return iconsReact.IconPhone; }
 });
 Object.defineProperty(exports, 'IconRocket', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.p; }
+	get: function () { return iconsReact.IconRocket; }
 });
-Object.defineProperty(exports, 'IconSend', {
+Object.defineProperty(exports, 'IconSelector', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.q; }
+	get: function () { return iconsReact.IconSelector; }
 });
-Object.defineProperty(exports, 'IconTrash', {
+Object.defineProperty(exports, 'IconSend', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.r; }
+	get: function () { return iconsReact.IconSend; }
 });
-Object.defineProperty(exports, 'LoadingIcon', {
+Object.defineProperty(exports, 'IconTrash', {
 	enumerable: true,
-	get: function () { return chunkMTBLOLPH_js.b; }
+	get: function () { return iconsReact.IconTrash; }
 });
+exports.GoogleIcon = r;
+exports.LoadingIcon = a;

package/icons/index.mjs

@@ -1 +1,6 @@
-export { a as GoogleIcon, c as IconBadgeFilled, d as IconBolt, e as IconBook, f as IconBrandGithub, g as IconBrandGoogle, h as IconBrandLinkedin, i as IconBrandNpm, j as IconBrandTwitter, k as IconCurrencyDollar, l as IconDownload, m as IconMail, n as IconMapPin, o as IconPhone, p as IconRocket, q as IconSend, r as IconTrash, b as LoadingIcon } from '../chunk-3IVFYRHH.mjs';
+export { IconBadgeFilled, IconBolt, IconBook, IconBrandGithub, IconBrandGoogle, IconBrandLinkedin, IconBrandNpm, IconBrandTwitter, IconCheck, IconCurrencyDollar, IconDownload, IconMail, IconMapPin, IconPhone, IconRocket, IconSelector, IconSend, IconTrash } from '@tabler/icons-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function r(e){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function a(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
+
+export { r as GoogleIcon, a as LoadingIcon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.12.3",
+  "version": "1.13.1",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -26,17 +26,11 @@
   "license": "MIT",
   "author": "Jan Szewczyk (Szum-Tech)",
   "sideEffects": false,
-  "main": "./index.js",
-  "module": "./index.mjs",
-  "types": "./index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
-    "index.*",
-    "*.d.ts",
-    "chunk-*.mjs",
-    "chunk-*.js",
-    "components/**",
-    "hooks/**",
-    "contexts/**",
+    "dist/**",
     "icons/**",
     "theme/**"
   ],
@@ -60,6 +54,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-tooltip": "^1.0.6",
     "@tabler/icons-react": "^2.20.0",
     "@tailwindcss/container-queries": "^0.1.0",

package/Avatar-c6a2f50d.d.ts

@@ -1,37 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-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 children
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines avatar size
-     */
-    size?: AvatarSizeType;
-    /**
-     * Defines avatar image src
-     */
-    src?: string;
-};
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
-
-export { AvatarProps as A, Avatar as a, AvatarSizeType as b };

package/Button-ae5be036.d.ts

@@ -1,63 +0,0 @@
-import { P as PolymorphicComponentProp, A as AsProp } from './utils.types-3df7903f.js';
-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?: ({
-    block?: boolean | null | undefined;
-    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 Props = {
-    /**
-     * Defines button full width
-     */
-    block?: boolean;
-    /**
-     * Defines button color
-     */
-    color?: ButtonColorType;
-    /**
-     * Defines button variant
-     */
-    variant?: ButtonVariantType;
-    /**
-     * Defines button size
-     */
-    size?: ButtonSizeType;
-    /**
-     * Defines button content
-     */
-    children?: React.ReactNode;
-    /**
-     * Disabled button
-     */
-    disabled?: boolean;
-    /**
-     * Defines left icon
-     */
-    startIcon?: React.ReactElement;
-    /**
-     * Defines right icon
-     */
-    endIcon?: React.ReactElement;
-    /**
-     * Defines is button is in loading state
-     */
-    loading?: boolean;
-    /**
-     * Defines is position of loading icon
-     */
-    loadingPosition?: "start" | "end";
-};
-type ButtonProps<T extends React.ElementType = "button"> = PolymorphicComponentProp<T, Props>;
-declare const Button: <T extends React.ElementType<any> = "button">(props: Props & AsProp<T> & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "as" | keyof Props> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-
-export { ButtonProps as B, Button as a, ButtonSizeType as b, ButtonVariantType as c, ButtonColorType as d };

package/Input-41362e55.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { O as OmitStylesProps } from './utils.types-3df7903f.js';
-
-type Props = {
-    invalid?: boolean;
-    startIcon?: React.ReactElement | string;
-    endIcon?: React.ReactElement | string;
-};
-type InputProps = OmitStylesProps<React.ComponentPropsWithoutRef<"input">> & Props;
-declare const Input: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">> & Props & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-
-export { InputProps as I, Input as a };

package/Textarea-7d32840f.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { O as OmitStylesProps } from './utils.types-3df7903f.js';
-
-type Props = {
-    invalid?: boolean;
-};
-type TextareaProps = OmitStylesProps<React.ComponentPropsWithoutRef<"textarea">> & Props;
-declare const Textarea: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">> & Props & React.RefAttributes<HTMLTextAreaElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-
-export { TextareaProps as T, Textarea as a };

package/ThemeProvider-cd78c94b.d.ts

@@ -1,23 +0,0 @@
-import React__default from 'react';
-import { a as ThemeContextType, T as ThemeType } from './theme.types-a32f0702.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-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): react_jsx_runtime.JSX.Element;
-
-export { ThemeContext as T, ThemeProviderProps as a, ThemeProvider as b };

package/Tooltip.provider-6de64d8b.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as ReactTooltip from '@radix-ui/react-tooltip';
-
-type TooltipProps = ReactTooltip.TooltipContentProps & {
-    children?: React.ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    content?: React.ReactNode;
-    collisionPadding?: number;
-};
-declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
-
-type TooltipProviderProps = {
-    children: React.ReactNode;
-};
-declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
-
-export { TooltipProps as T, Tooltip as a, TooltipProviderProps as b, TooltipProvider as c };

package/chunk-2TUZK2GH.mjs

@@ -1,6 +0,0 @@
-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 v({alt:r,bg:o,children:s,size:i="md",src:t,...n}){let l=e({size:i,className:o});return jsx("div",{className:l,...n,children:t?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:r,src:t}):s})}
-
-export { v as a };