@szum-tech/design-system 1.14.0 → 1.15.0

package/dist/index.d.ts

@@ -1,10 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
+import * as ReactAvatar from '@radix-ui/react-avatar';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ReactTooltip from '@radix-ui/react-tooltip';
 import * as ReactSelect from '@radix-ui/react-select';
+import * as ReactSheet from '@radix-ui/react-dialog';
+import * as ReactSeparator from '@radix-ui/react-separator';
 
 declare const avatarCva: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -13,29 +16,24 @@ declare const avatarCva: (props?: ({
 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;
+type AvatarProps = ReactAvatar.AvatarProps & {
     /**
      * Defines avatar size
      */
     size?: AvatarSizeType;
+};
+declare const Avatar: (props: ReactAvatar.AvatarProps & {
     /**
-     * Defines avatar image src
+     * Defines avatar size
      */
-    src?: string;
-};
-declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+    size?: AvatarSizeType | undefined;
+} & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type AvatarImageProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Image>;
+declare const AvatarImage: (props: Omit<ReactAvatar.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Fallback>;
+declare const AvatarFallback: (props: Omit<ReactAvatar.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
 declare const buttonCva: (props?: ({
     fullWidth?: boolean | null | undefined;
@@ -154,6 +152,49 @@ declare const CardContent: (props: CardContentProps & React.RefAttributes<HTMLDi
 type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
 declare const CardFooter: (props: CardFooterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
+type SheetProps = ReactSheet.DialogProps;
+declare const Sheet: React.FC<ReactSheet.DialogProps>;
+
+type SheetTriggerProps = ReactSheet.DialogTriggerProps;
+declare const SheetTrigger: React.ForwardRefExoticComponent<ReactSheet.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetCloseProps = ReactSheet.DialogCloseProps;
+declare const SheetClose: React.ForwardRefExoticComponent<ReactSheet.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const sheetContentStyles: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
+type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
+
+type SheetContentProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Content> & {
+    side?: SheetContentSide;
+};
+declare const SheetContent: (props: Omit<ReactSheet.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    side?: SheetContentSide | undefined;
+} & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare function SheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+type SheetTitleProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Title>;
+declare const SheetTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
+declare const SheetDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof ReactSeparator.Root>;
+declare const Separator: (props: Omit<ReactSeparator.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type HeaderProps = {
+    children?: React__default.ReactNode;
+};
+declare function Header({ children }: HeaderProps): react_jsx_runtime.JSX.Element;
+
 type ThemeType = "light" | "dark";
 interface ThemeContextType {
     theme: ThemeType;
@@ -180,4 +221,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
 
 declare const useTheme: () => ThemeContextType;
 
-export { Avatar, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };
+export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Header, HeaderProps, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Separator, SeparatorProps, Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetContentSide, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };

package/dist/index.js

@@ -1,13 +1,16 @@
 'use strict';
 
+var f = require('react');
+var X = require('@radix-ui/react-avatar');
+var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
-var f = require('react');
 var reactSlot = require('@radix-ui/react-slot');
-var ct = require('@radix-ui/react-icons');
+var sr = require('@radix-ui/react-icons');
 var m = require('@radix-ui/react-tooltip');
 var i = require('@radix-ui/react-select');
-var tailwindMerge = require('tailwind-merge');
+var T = require('@radix-ui/react-dialog');
+var Ne = require('@radix-ui/react-separator');
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -28,26 +31,41 @@ function _interopNamespace(e) {
 }
 
 var f__namespace = /*#__PURE__*/_interopNamespace(f);
-var ct__namespace = /*#__PURE__*/_interopNamespace(ct);
+var X__namespace = /*#__PURE__*/_interopNamespace(X);
+var sr__namespace = /*#__PURE__*/_interopNamespace(sr);
 var m__namespace = /*#__PURE__*/_interopNamespace(m);
 var i__namespace = /*#__PURE__*/_interopNamespace(i);
+var T__namespace = /*#__PURE__*/_interopNamespace(T);
+var Ne__namespace = /*#__PURE__*/_interopNamespace(Ne);
 
-var A=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var me=Object.prototype.hasOwnProperty;var fe=(e,t)=>{for(var r in t)A(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of de(t))!me.call(e,a)&&a!==r&&A(e,a,{get:()=>t[a],enumerable:!(o=pe(t,a))||o.enumerable});return e},v=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var D=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 Ke({alt:e,bg:t,children:r,size:o="md",src:a,...c}){let s=D({size:o,className:t});return jsxRuntime.jsx("div",{className:s,...c,children:a?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var G=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:{fullWidth:{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:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),M=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"}}),N=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var n={};fe(n,{Auth0LogoIcon:()=>ye,GoogleLogoIcon:()=>he,LoadingIcon:()=>T,XLogoIcon:()=>xe});v(n,ct__namespace);function he(e){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsxRuntime.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsxRuntime.jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function T(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"})]})})})}function ye(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("title",{}),jsxRuntime.jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function xe(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsxRuntime.jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var vt=f__namespace.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:b="start",endIcon:C,startIcon:x,...R},P){let I={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:b,endIcon:C,startIcon:x,...R},h=e?reactSlot.Slot:"button",w=G({fullWidth:t,size:a,variant:c,color:r}),L=s||p;return jsxRuntime.jsx(h,{...R,"aria-disabled":L||void 0,className:w,"data-state":p?"loading":void 0,disabled:L,ref:P,role:h!=="button"?"button":void 0,tabIndex:L?-1:0,type:h==="button"?l:void 0,children:e?jsxRuntime.jsx(X,{children:o}):jsxRuntime.jsx(X,{...I})})});function X({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsxRuntime.jsx(T,{"aria-label":"Loading"}):a||null,b=N({size:r,loading:l}),C=M({size:r,site:"left"}),x=t&&o==="end",R=x?jsxRuntime.jsx(T,{"aria-label":"Loading"}):c||null,P=N({size:r,loading:x}),I=M({size:r,site:"right"}),h=p?jsxRuntime.jsx("span",{className:C,role:l?"progressbar":void 0,children:f__namespace.cloneElement(p,{className:b})}):null,w=R?jsxRuntime.jsx("span",{className:I,role:x?"progressbar":void 0,children:f__namespace.cloneElement(R,{className:P})}):null;return f__namespace.isValidElement(e)?f__namespace.cloneElement(e,{...s,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[h,f__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[h,e,w]})}var J=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}}),H=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 wt=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=J({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=H({site:"left",disabled:o}),p=H({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:l,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Ct({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...b}){return jsxRuntime.jsxs(m__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(m__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(m__namespace.Portal,{children:jsxRuntime.jsxs(m__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:p,side:c,align:s,collisionPadding:l,...b,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(m__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Lt({children:e}){return jsxRuntime.jsx(m__namespace.Provider,{skipDelayDuration:500,children:e})}var Z=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 kt=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=Z({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ee=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 Wt=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ee();return jsxRuntime.jsxs(i__namespace.Root,{...r,children:[jsxRuntime.jsxs(i__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(i__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(i__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(i__namespace.Portal,{children:jsxRuntime.jsx(i__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(i__namespace.Viewport,{children:e})})})]})});var Ut=f__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(i__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(i__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(i__namespace.ItemIndicator,{children:jsxRuntime.jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kt=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-app-primary",e),...t}));var jt=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var ar=f__namespace.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-subtitle-1",e),...t}));var cr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var mr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var vr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var S=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 Tr({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||Fe(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__namespace.default.useEffect(()=>{c(o);},[o]),jsxRuntime.jsx(S.Provider,{value:{theme:o,setTheme:a},children:e})}var Lr=()=>f__namespace.default.useContext(S);
+var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of De(t))!Ve.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},R=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=classVarianceAuthority.cva("relative flex shrink-0 overflow-hidden rounded",{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"}});var Ft=f__namespace.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsxRuntime.jsx(X__namespace.Root,{ref:o,className:tailwindMerge.twMerge(a,e),...r})});var qt=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Image,{ref:r,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var Kt=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Fallback,{ref:r,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=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:{fullWidth:{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:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),N=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"}}),H=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var n={};ze(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>S,XLogoIcon:()=>Ye});R(n,sr__namespace);function Ue(e){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsxRuntime.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsxRuntime.jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}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"})]})})})}function Ke(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("title",{}),jsxRuntime.jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function Ye(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsxRuntime.jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var gr=f__namespace.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:v="start",endIcon:C,startIcon:b,...x},I){let L={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:v,endIcon:C,startIcon:b,...x},g=e?reactSlot.Slot:"button",w=K({fullWidth:t,size:a,variant:c,color:r}),E=s||p;return jsxRuntime.jsx(g,{...x,"aria-disabled":E||void 0,className:w,"data-state":p?"loading":void 0,disabled:E,ref:I,role:g!=="button"?"button":void 0,tabIndex:E?-1:0,type:g==="button"?l:void 0,children:e?jsxRuntime.jsx($,{children:o}):jsxRuntime.jsx($,{...L})})});function $({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsxRuntime.jsx(S,{"aria-label":"Loading"}):a||null,v=H({size:r,loading:l}),C=N({size:r,site:"left"}),b=t&&o==="end",x=b?jsxRuntime.jsx(S,{"aria-label":"Loading"}):c||null,I=H({size:r,loading:b}),L=N({size:r,site:"right"}),g=p?jsxRuntime.jsx("span",{className:C,role:l?"progressbar":void 0,children:f__namespace.cloneElement(p,{className:v})}):null,w=x?jsxRuntime.jsx("span",{className:L,role:b?"progressbar":void 0,children:f__namespace.cloneElement(x,{className:I})}):null;return f__namespace.isValidElement(e)?f__namespace.cloneElement(e,{...s,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[g,f__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[g,e,w]})}var re=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}}),A=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var xr=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=A({site:"left",disabled:o}),p=A({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:l,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...v}){return jsxRuntime.jsxs(m__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(m__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(m__namespace.Portal,{children:jsxRuntime.jsxs(m__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:p,side:c,align:s,collisionPadding:l,...v,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(m__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsxRuntime.jsx(m__namespace.Provider,{skipDelayDuration:500,children:e})}var ie=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 Ar=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=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 Fr=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxRuntime.jsxs(i__namespace.Root,{...r,children:[jsxRuntime.jsxs(i__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(i__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(i__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(i__namespace.Portal,{children:jsxRuntime.jsx(i__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(i__namespace.Viewport,{children:e})})})]})});var qr=f__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(i__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(i__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(i__namespace.ItemIndicator,{children:jsxRuntime.jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var oo=f__namespace.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var so=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var mo=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var Ro=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var vo=T__namespace.Root;var xo=T__namespace.Trigger;var So=T__namespace.Close;var xe=f__namespace.default.forwardRef(function(e,t){return jsxRuntime.jsx(T__namespace.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var Se=T__namespace.Portal;var Te=classVarianceAuthority.cva("fixed z-50 gap-4 border-gray-400 bg-foreground p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}});var Vo=f__namespace.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxRuntime.jsxs(Se,{children:[jsxRuntime.jsx(xe,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Te({side:e}),t),...o,children:[r,jsxRuntime.jsxs(T__namespace.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsxRuntime.jsx(n.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Ko=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(T__namespace.Title,{ref:r,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var $o=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(T__namespace.Description,{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var ra=f__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsxRuntime.jsx(Ne__namespace.Root,{ref:a,decorative:r,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({children:e}){return jsxRuntime.jsx("header",{className:"sticky top-0 z-50 w-full border-b border-gray-400 bg-foreground/95 backdrop-blur supports-[backdrop-filter]:bg-foreground/60",children:jsxRuntime.jsx("div",{className:"container flex h-14 items-center",children:e})})}var P=f__namespace.default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||Ht(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__namespace.default.useEffect(()=>{c(o);},[o]),jsxRuntime.jsx(P.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>f__namespace.default.useContext(P);
 
-exports.Avatar = Ke;
-exports.Button = vt;
-exports.Card = Kt;
-exports.CardContent = mr;
-exports.CardDescription = cr;
-exports.CardFooter = vr;
-exports.CardHeader = jt;
-exports.CardTitle = ar;
-exports.Input = wt;
-exports.Select = Wt;
-exports.SelectItem = Ut;
-exports.Textarea = kt;
-exports.ThemeContext = S;
-exports.ThemeProvider = Tr;
-exports.Tooltip = Ct;
-exports.TooltipProvider = Lt;
-exports.useTheme = Lr;
+exports.Avatar = Ft;
+exports.AvatarFallback = Kt;
+exports.AvatarImage = qt;
+exports.Button = gr;
+exports.Card = Kr;
+exports.CardContent = mo;
+exports.CardDescription = so;
+exports.CardFooter = Ro;
+exports.CardHeader = $r;
+exports.CardTitle = oo;
+exports.Header = na;
+exports.Input = xr;
+exports.Select = Fr;
+exports.SelectItem = qr;
+exports.Separator = ra;
+exports.Sheet = vo;
+exports.SheetClose = So;
+exports.SheetContent = Vo;
+exports.SheetDescription = $o;
+exports.SheetFooter = qo;
+exports.SheetHeader = Fo;
+exports.SheetTitle = Ko;
+exports.SheetTrigger = xo;
+exports.Textarea = Ar;
+exports.ThemeContext = P;
+exports.ThemeProvider = ma;
+exports.Tooltip = Tr;
+exports.TooltipProvider = Ir;
+exports.useTheme = ua;

package/dist/index.mjs

@@ -1,13 +1,16 @@
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as f from 'react';
 import f__default from 'react';
+import * as X from '@radix-ui/react-avatar';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import * as ct from '@radix-ui/react-icons';
+import * as sr from '@radix-ui/react-icons';
 import * as m from '@radix-ui/react-tooltip';
 import * as i from '@radix-ui/react-select';
-import { twMerge } from 'tailwind-merge';
+import * as T from '@radix-ui/react-dialog';
+import * as Ne from '@radix-ui/react-separator';
 
-var A=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var me=Object.prototype.hasOwnProperty;var fe=(e,t)=>{for(var r in t)A(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of de(t))!me.call(e,a)&&a!==r&&A(e,a,{get:()=>t[a],enumerable:!(o=pe(t,a))||o.enumerable});return e},v=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var D=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 Ke({alt:e,bg:t,children:r,size:o="md",src:a,...c}){let s=D({size:o,className:t});return jsx("div",{className:s,...c,children:a?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var G=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:{fullWidth:{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:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),M=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"}}),N=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var n={};fe(n,{Auth0LogoIcon:()=>ye,GoogleLogoIcon:()=>he,LoadingIcon:()=>T,XLogoIcon:()=>xe});v(n,ct);function he(e){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function T(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"})]})})})}function ye(e){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function xe(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var vt=f.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:b="start",endIcon:C,startIcon:x,...R},P){let I={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:b,endIcon:C,startIcon:x,...R},h=e?Slot:"button",w=G({fullWidth:t,size:a,variant:c,color:r}),L=s||p;return jsx(h,{...R,"aria-disabled":L||void 0,className:w,"data-state":p?"loading":void 0,disabled:L,ref:P,role:h!=="button"?"button":void 0,tabIndex:L?-1:0,type:h==="button"?l:void 0,children:e?jsx(X,{children:o}):jsx(X,{...I})})});function X({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsx(T,{"aria-label":"Loading"}):a||null,b=N({size:r,loading:l}),C=M({size:r,site:"left"}),x=t&&o==="end",R=x?jsx(T,{"aria-label":"Loading"}):c||null,P=N({size:r,loading:x}),I=M({size:r,site:"right"}),h=p?jsx("span",{className:C,role:l?"progressbar":void 0,children:f.cloneElement(p,{className:b})}):null,w=R?jsx("span",{className:I,role:x?"progressbar":void 0,children:f.cloneElement(R,{className:P})}):null;return f.isValidElement(e)?f.cloneElement(e,{...s,children:jsxs(Fragment,{children:[h,f.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[h,e,w]})}var J=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}}),H=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 wt=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=J({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=H({site:"left",disabled:o}),p=H({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:l,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Ct({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...b}){return jsxs(m.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(m.Trigger,{asChild:!0,children:a}),t?jsx(m.Portal,{children:jsxs(m.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:p,side:c,align:s,collisionPadding:l,...b,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(m.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Lt({children:e}){return jsx(m.Provider,{skipDelayDuration:500,children:e})}var Z=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 kt=f.forwardRef(function({invalid:e=!1,...t},r){let o=Z({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ee=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 Wt=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ee();return jsxs(i.Root,{...r,children:[jsxs(i.Trigger,{className:a,ref:o,children:[jsx(i.Value,{placeholder:"Select a fruit\u2026"}),jsx(i.Icon,{className:"-mr-1.5",children:jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(i.Portal,{children:jsx(i.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(i.Viewport,{children:e})})})]})});var Ut=f.forwardRef(({children:e,...t},r)=>jsxs(i.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(i.ItemText,{className:"flex-1",children:e}),jsx(i.ItemIndicator,{children:jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kt=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-app-primary",e),...t}));var jt=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",e),...t}));var ar=f__default.forwardRef(({className:e,...t},r)=>jsx("h3",{ref:r,className:twMerge("typography-subtitle-1",e),...t}));var cr=f.forwardRef(({className:e,...t},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t}));var mr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",e),...t}));var vr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",e),...t}));var S=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 Tr({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||Fe(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__default.useEffect(()=>{c(o);},[o]),jsx(S.Provider,{value:{theme:o,setTheme:a},children:e})}var Lr=()=>f__default.useContext(S);
+var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of De(t))!Ve.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},R=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=cva("relative flex shrink-0 overflow-hidden rounded",{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"}});var Ft=f.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsx(X.Root,{ref:o,className:twMerge(a,e),...r})});var qt=f.forwardRef(function({className:e,...t},r){return jsx(X.Image,{ref:r,className:twMerge("aspect-square h-full w-full",e),...t})});var Kt=f.forwardRef(function({className:e,...t},r){return jsx(X.Fallback,{ref:r,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=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:{fullWidth:{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:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),N=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"}}),H=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var n={};ze(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>S,XLogoIcon:()=>Ye});R(n,sr);function Ue(e){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}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"})]})})})}function Ke(e){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function Ye(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var gr=f.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:v="start",endIcon:C,startIcon:b,...x},I){let L={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:v,endIcon:C,startIcon:b,...x},g=e?Slot:"button",w=K({fullWidth:t,size:a,variant:c,color:r}),E=s||p;return jsx(g,{...x,"aria-disabled":E||void 0,className:w,"data-state":p?"loading":void 0,disabled:E,ref:I,role:g!=="button"?"button":void 0,tabIndex:E?-1:0,type:g==="button"?l:void 0,children:e?jsx($,{children:o}):jsx($,{...L})})});function $({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsx(S,{"aria-label":"Loading"}):a||null,v=H({size:r,loading:l}),C=N({size:r,site:"left"}),b=t&&o==="end",x=b?jsx(S,{"aria-label":"Loading"}):c||null,I=H({size:r,loading:b}),L=N({size:r,site:"right"}),g=p?jsx("span",{className:C,role:l?"progressbar":void 0,children:f.cloneElement(p,{className:v})}):null,w=x?jsx("span",{className:L,role:b?"progressbar":void 0,children:f.cloneElement(x,{className:I})}):null;return f.isValidElement(e)?f.cloneElement(e,{...s,children:jsxs(Fragment,{children:[g,f.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[g,e,w]})}var re=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}}),A=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var xr=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=A({site:"left",disabled:o}),p=A({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:l,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...v}){return jsxs(m.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(m.Trigger,{asChild:!0,children:a}),t?jsx(m.Portal,{children:jsxs(m.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:p,side:c,align:s,collisionPadding:l,...v,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(m.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsx(m.Provider,{skipDelayDuration:500,children:e})}var ie=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 Ar=f.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=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 Fr=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxs(i.Root,{...r,children:[jsxs(i.Trigger,{className:a,ref:o,children:[jsx(i.Value,{placeholder:"Select a fruit\u2026"}),jsx(i.Icon,{className:"-mr-1.5",children:jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(i.Portal,{children:jsx(i.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(i.Viewport,{children:e})})})]})});var qr=f.forwardRef(({children:e,...t},r)=>jsxs(i.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(i.ItemText,{className:"flex-1",children:e}),jsx(i.ItemIndicator,{children:jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",e),...t}));var oo=f__default.forwardRef(({className:e,...t},r)=>jsx("h3",{ref:r,className:twMerge("typography-heading-5",e),...t}));var so=f.forwardRef(({className:e,...t},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t}));var mo=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",e),...t}));var Ro=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",e),...t}));var vo=T.Root;var xo=T.Trigger;var So=T.Close;var xe=f__default.forwardRef(function(e,t){return jsx(T.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var Se=T.Portal;var Te=cva("fixed z-50 gap-4 border-gray-400 bg-foreground p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}});var Vo=f.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxs(Se,{children:[jsx(xe,{}),jsxs(T.Content,{ref:a,className:twMerge(Te({side:e}),t),...o,children:[r,jsxs(T.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsx(n.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Ko=f.forwardRef(function({className:e,...t},r){return jsx(T.Title,{ref:r,className:twMerge("typography-heading-6",e),...t})});var $o=f.forwardRef(function({className:e,...t},r){return jsx(T.Description,{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t})});var ra=f.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsx(Ne.Root,{ref:a,decorative:r,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({children:e}){return jsx("header",{className:"sticky top-0 z-50 w-full border-b border-gray-400 bg-foreground/95 backdrop-blur supports-[backdrop-filter]:bg-foreground/60",children:jsx("div",{className:"container flex h-14 items-center",children:e})})}var P=f__default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||Ht(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__default.useEffect(()=>{c(o);},[o]),jsx(P.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>f__default.useContext(P);
 
-export { Ke as Avatar, vt as Button, Kt as Card, mr as CardContent, cr as CardDescription, vr as CardFooter, jt as CardHeader, ar as CardTitle, wt as Input, Wt as Select, Ut as SelectItem, kt as Textarea, S as ThemeContext, Tr as ThemeProvider, Ct as Tooltip, Lt as TooltipProvider, Lr as useTheme };
+export { Ft as Avatar, Kt as AvatarFallback, qt as AvatarImage, gr as Button, Kr as Card, mo as CardContent, so as CardDescription, Ro as CardFooter, $r as CardHeader, oo as CardTitle, na as Header, xr as Input, Fr as Select, qr as SelectItem, ra as Separator, vo as Sheet, So as SheetClose, Vo as SheetContent, $o as SheetDescription, qo as SheetFooter, Fo as SheetHeader, Ko as SheetTitle, xo as SheetTrigger, Ar as Textarea, P as ThemeContext, ma as ThemeProvider, Tr as Tooltip, Ir as TooltipProvider, ua as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -54,14 +54,18 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tooltip": "^1.0.6",
     "@tailwindcss/container-queries": "^0.1.0",
     "class-variance-authority": "^0.6.0",
     "tailwind-merge": "^1.14.0",
-    "tailwind-scrollbar": "^3.0.4"
+    "tailwind-scrollbar": "^3.0.4",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@babel/core": "^7.22.1",

package/theme/global.css

@@ -64,8 +64,8 @@
     --gray-350: 193 193 193; /* #C1C1C1 */
     --gray-400: 235 235 235; /* #EBEBEB */
 
-    --background-primary: 255 255 255; /* #ffffff */
-    --background-secondary: 247 247 247; /* #f7f7f7 */
+    --foreground: 255 255 255; /* #ffffff */
+    --background: 247 247 247; /* #f7f7f7 */
     --background-color-primary: var(--primary-500) / 0.1;
     --background-color-success: var(--success-500) / 0.1;
     --background-color-warning: var(--warning-500) / 0.1;
@@ -127,8 +127,8 @@
     --gray-350: 85 85 85; /* #555555 */
     --gray-400: 46 46 46; /* #2e2e2e */
 
-    --background-primary: 17 17 17; /* #111111 */
-    --background-secondary: 28 28 28; /* #1C1C1C */
+    --foreground: 17 17 17; /* #111111 */
+    --background: 28 28 28; /* #1C1C1C */
     --background-color-primary: var(--primary-500) / 0.25;
     --background-color-success: var(--success-500) / 0.25;
     --background-color-warning: var(--warning-500) / 0.25;

package/theme/main-preset.js

@@ -12,8 +12,8 @@ var require_colors = __commonJS({
       theme: {
         colors: {
           app: {
-            primary: "rgb(var(--background-primary))",
-            secondary: "rgb(var(--background-secondary))"
+            primary: "rgb(var(--foreground))",
+            secondary: "rgb(var(--background))"
           },
           black: "rgb(var(--black) / <alpha-value>)",
           error: {
@@ -70,13 +70,9 @@ var require_colors = __commonJS({
             900: "rgb(var(--warning-900) / <alpha-value>)",
             950: "rgb(var(--warning-950) / <alpha-value>)"
           },
-          white: "rgb(var(--white) / <alpha-value>)"
-        },
-        extend: {
-          backgroundColor: {
-            "app-primary": "rgb(var(--background-primary))",
-            "app-secondary": "rgb(var(--background-secondary))"
-          }
+          white: "rgb(var(--white) / <alpha-value>)",
+          foreground: "rgb(var(--foreground) / <alpha-value>)",
+          background: "rgb(var(--background) / <alpha-value>)"
         }
       }
     };
@@ -153,21 +149,16 @@ var require_typography = __commonJS({
 });
 
 // src/theme/main-preset.js
-var screens = {
-  sm: "640px",
-  // => @media (min-width: 640px) { ... }
-  md: "768px",
-  // => @media (min-width: 768px) { ... }
-  lg: "1024px",
-  // => @media (min-width: 1024px) { ... }
-  xl: "1280px",
-  // => @media (min-width: 1280px) { ... }
-  "2xl": "1536px"
-  // => @media (min-width: 1536px) { ... }
-};
 module.exports = {
   darkMode: "class",
   theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px"
+      }
+    },
     fontFamily: {
       poppins: ["'Poppins', sans-serif"],
       code: ["'JetBrains Mono', monospace"]
@@ -183,7 +174,6 @@ module.exports = {
       "5xl": "3.75rem",
       "6xl": "6rem"
     },
-    screens,
     extend: {
       borderRadius: {
         "1/2": "50%"
@@ -234,6 +224,7 @@ module.exports = {
   plugins: [
     require("@tailwindcss/container-queries"),
     require("tailwind-scrollbar"),
+    require("tailwindcss-animate"),
     require_scroll(),
     require_typography()
   ]