@szum-tech/design-system 1.16.1 → 1.17.0

package/dist/index.d.mts

@@ -8,6 +8,11 @@ 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';
+import * as react_hook_form from 'react-hook-form';
+import { FormProviderProps, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as ReactLabel from '@radix-ui/react-label';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 
 declare const avatarCva: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -47,7 +52,7 @@ type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
 type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
 type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
-type Props$2 = {
+type Props$1 = {
     /**
      * Defines button full width
      */
@@ -90,18 +95,19 @@ type Props$2 = {
     loadingPosition?: "start" | "end";
     asChild?: boolean;
 };
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2;
-declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-
-type OmitStylesProps<T> = Omit<T, "className" | "style">;
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1;
+declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
-type Props$1 = {
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     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;
+declare const Input: (props: React.InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean | undefined;
+    startIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    endIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+} & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
 type TooltipProps = ReactTooltip.TooltipContentProps & {
     children?: React.ReactNode;
@@ -118,6 +124,8 @@ type TooltipProviderProps = {
 };
 declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
 
+type OmitStylesProps<T> = Omit<T, "className" | "style">;
+
 type Props = {
     invalid?: boolean;
 };
@@ -230,6 +238,47 @@ declare const DialogTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefA
 type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
 declare const DialogDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
+type FormProps = FormProviderProps;
+declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues extends react_hook_form.FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+
+type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const FormItem: (props: FormItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+
+type LabelProps = React.ComponentPropsWithoutRef<typeof ReactLabel.Root>;
+declare const Label: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormLabelProps = LabelProps & {
+    caption?: React.ReactNode;
+};
+declare const FormLabel: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    caption?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
+declare const FormControl: (props: Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormMessage: (props: FormMessageProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormDescription: (props: FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+declare const helperTextCva: (props?: ({
+    type?: "error" | "description" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type HelperTextCvaProps = VariantProps<typeof helperTextCva>;
+type HelperTextType = NonNullable<HelperTextCvaProps["type"]>;
+
+type HelperTextProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    type?: HelperTextType;
+};
+declare const HelperText: (props: React.HTMLAttributes<HTMLParagraphElement> & {
+    type?: HelperTextType | undefined;
+} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
 type ThemeType = "light" | "dark";
 interface ThemeContextType {
     theme: ThemeType;
@@ -256,4 +305,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
 
 declare const useTheme: () => ThemeContextType;
 
-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, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogContentWidth, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, 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 };
+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, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogContentWidth, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, Form, FormControl, FormControlProps, FormDescription, FormDescriptionProps, FormField, FormItem, FormItemProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, FormProps, Header, HeaderProps, HelperText, HelperTextProps, HelperTextType, Input, InputProps, Label, LabelProps, 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.d.ts

@@ -8,6 +8,11 @@ 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';
+import * as react_hook_form from 'react-hook-form';
+import { FormProviderProps, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as ReactLabel from '@radix-ui/react-label';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 
 declare const avatarCva: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -47,7 +52,7 @@ type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
 type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
 type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
-type Props$2 = {
+type Props$1 = {
     /**
      * Defines button full width
      */
@@ -90,18 +95,19 @@ type Props$2 = {
     loadingPosition?: "start" | "end";
     asChild?: boolean;
 };
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2;
-declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-
-type OmitStylesProps<T> = Omit<T, "className" | "style">;
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1;
+declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
-type Props$1 = {
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     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;
+declare const Input: (props: React.InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean | undefined;
+    startIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    endIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+} & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
 type TooltipProps = ReactTooltip.TooltipContentProps & {
     children?: React.ReactNode;
@@ -118,6 +124,8 @@ type TooltipProviderProps = {
 };
 declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
 
+type OmitStylesProps<T> = Omit<T, "className" | "style">;
+
 type Props = {
     invalid?: boolean;
 };
@@ -230,6 +238,47 @@ declare const DialogTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefA
 type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
 declare const DialogDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 
+type FormProps = FormProviderProps;
+declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues extends react_hook_form.FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+
+type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const FormItem: (props: FormItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+
+type LabelProps = React.ComponentPropsWithoutRef<typeof ReactLabel.Root>;
+declare const Label: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormLabelProps = LabelProps & {
+    caption?: React.ReactNode;
+};
+declare const FormLabel: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    caption?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
+declare const FormControl: (props: Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormMessage: (props: FormMessageProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormDescription: (props: FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
+declare const helperTextCva: (props?: ({
+    type?: "error" | "description" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type HelperTextCvaProps = VariantProps<typeof helperTextCva>;
+type HelperTextType = NonNullable<HelperTextCvaProps["type"]>;
+
+type HelperTextProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    type?: HelperTextType;
+};
+declare const HelperText: (props: React.HTMLAttributes<HTMLParagraphElement> & {
+    type?: HelperTextType | undefined;
+} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+
 type ThemeType = "light" | "dark";
 interface ThemeContextType {
     theme: ThemeType;
@@ -256,4 +305,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
 
 declare const useTheme: () => ThemeContextType;
 
-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, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogContentWidth, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, 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 };
+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, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogContentWidth, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, Form, FormControl, FormControlProps, FormDescription, FormDescriptionProps, FormField, FormItem, FormItemProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, FormProps, Header, HeaderProps, HelperText, HelperTextProps, HelperTextType, Input, InputProps, Label, LabelProps, 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,16 +1,18 @@
 'use strict';
 
-var m = require('react');
-var _ = require('@radix-ui/react-avatar');
+var d = require('react');
+var Z = require('@radix-ui/react-avatar');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
-var zo = require('@radix-ui/react-icons');
-var p = require('@radix-ui/react-tooltip');
-var n = require('@radix-ui/react-select');
-var S = require('@radix-ui/react-dialog');
-var Ae = require('@radix-ui/react-separator');
+var yr = require('@radix-ui/react-icons');
+var c = require('@radix-ui/react-tooltip');
+var s = require('@radix-ui/react-select');
+var T = require('@radix-ui/react-dialog');
+var We = require('@radix-ui/react-separator');
+var reactHookForm = require('react-hook-form');
+var st = require('@radix-ui/react-label');
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -30,50 +32,60 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var m__namespace = /*#__PURE__*/_interopNamespace(m);
-var ___namespace = /*#__PURE__*/_interopNamespace(_);
-var zo__namespace = /*#__PURE__*/_interopNamespace(zo);
-var p__namespace = /*#__PURE__*/_interopNamespace(p);
-var n__namespace = /*#__PURE__*/_interopNamespace(n);
-var S__namespace = /*#__PURE__*/_interopNamespace(S);
-var Ae__namespace = /*#__PURE__*/_interopNamespace(Ae);
+var d__namespace = /*#__PURE__*/_interopNamespace(d);
+var Z__namespace = /*#__PURE__*/_interopNamespace(Z);
+var yr__namespace = /*#__PURE__*/_interopNamespace(yr);
+var c__namespace = /*#__PURE__*/_interopNamespace(c);
+var s__namespace = /*#__PURE__*/_interopNamespace(s);
+var T__namespace = /*#__PURE__*/_interopNamespace(T);
+var We__namespace = /*#__PURE__*/_interopNamespace(We);
+var st__namespace = /*#__PURE__*/_interopNamespace(st);
 
-var X=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var je=Object.prototype.hasOwnProperty;var et=(e,t)=>{for(var o in t)X(e,o,{get:t[o],enumerable:!0});},G=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of $e(t))!je.call(e,a)&&a!==o&&X(e,a,{get:()=>t[a],enumerable:!(r=Ze(t,a))||r.enumerable});return e},u=(e,t,o)=>(G(e,t,"default"),o&&G(o,t,"default"));var q=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 ho=m__namespace.forwardRef(function({className:e,size:t,...o},r){let a=q({size:t});return jsxRuntime.jsx(___namespace.Root,{ref:r,className:tailwindMerge.twMerge(a,e),...o})});var xo=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(___namespace.Image,{ref:o,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var So=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(___namespace.Fallback,{ref:o,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var Z=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"}}),E=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 i={};et(i,{Auth0LogoIcon:()=>dt,GoogleLogoIcon:()=>lt,LoadingIcon:()=>w,XLogoIcon:()=>ft});u(i,zo__namespace);function lt(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 w(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 dt(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 ft(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 qo=m__namespace.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...s},l){let{children:d,type:f="button",loading:h=!1,size:C="md",loadingPosition:v="start",endIcon:D,startIcon:F,...I}=s,R=e?reactSlot.Slot:"button",b=Z({fullWidth:a,size:C,variant:t,color:o}),M=r||h;return jsxRuntime.jsx(R,{...e?s:I,"aria-disabled":M||void 0,className:b,"data-state":h?"loading":void 0,disabled:M,ref:l,role:R!=="button"?"button":void 0,tabIndex:M?-1:0,type:R==="button"?f:void 0,children:e?jsxRuntime.jsx(te,{children:d}):jsxRuntime.jsx(te,{...s})})});function te({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:s,...l}){let d=t&&r==="start",f=d?jsxRuntime.jsx(w,{"aria-label":"Loading"}):a||null,h=N({size:o,loading:d}),C=E({size:o,site:"left"}),v=t&&r==="end",D=v?jsxRuntime.jsx(w,{"aria-label":"Loading"}):s||null,F=N({size:o,loading:v}),I=E({size:o,site:"right"}),R=f?jsxRuntime.jsx("span",{className:C,role:d?"progressbar":void 0,children:m__namespace.cloneElement(f,{className:h})}):null,b=D?jsxRuntime.jsx("span",{className:I,role:v?"progressbar":void 0,children:m__namespace.cloneElement(D,{className:F})}):null;return m__namespace.isValidElement(e)?m__namespace.cloneElement(e,{...l,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[R,m__namespace.isValidElement(e)?e.props.children:null,b]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[R,e,b]})}var ie=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 Yo=m__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,...a},s){let l=ie({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),d=H({site:"left",disabled:r}),f=H({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:d,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:r,className:l,ref:s,...a}),o?jsxRuntime.jsx("span",{"aria-hidden":!0,className:f,children:o}):null]})});function jo({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:s,align:l,collisionPadding:d=8,sideOffset:f=8,...h}){return jsxRuntime.jsxs(p__namespace.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsxRuntime.jsx(p__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(p__namespace.Portal,{children:jsxRuntime.jsxs(p__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:f,side:s,align:l,collisionPadding:d,...h,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(p__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function or({children:e}){return jsxRuntime.jsx(p__namespace.Provider,{skipDelayDuration:500,children:e})}var ce=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 lr=m__namespace.forwardRef(function({invalid:e=!1,...t},o){let r=ce({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var de=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 hr=m__namespace.forwardRef(({children:e,placeholder:t,...o},r)=>{let a=de();return jsxRuntime.jsxs(n__namespace.Root,{...o,children:[jsxRuntime.jsxs(n__namespace.Trigger,{className:a,ref:r,children:[jsxRuntime.jsx(n__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(n__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(i.CaretSortIcon,{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 xr=m__namespace.forwardRef(({children:e,...t},o)=>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:o,...t,children:[jsxRuntime.jsx(n__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(n__namespace.ItemIndicator,{children:jsxRuntime.jsx(i.CheckIcon,{className:"h-4 w-4"})})]}));var Sr=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var Dr=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var Nr=m__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("h3",{ref:o,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var zr=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("p",{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var Br=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var qr=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var Jr=S__namespace.Root;var Qr=S__namespace.Trigger;var Zr=S__namespace.Close;var Pe=m__namespace.default.forwardRef(function(e,t){return jsxRuntime.jsx(S__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 Ce=S__namespace.Portal;var De=classVarianceAuthority.cva("fixed z-50 border-gray-400 bg-foreground p-4 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 pa=m__namespace.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxRuntime.jsxs(Ce,{children:[jsxRuntime.jsx(Pe,{}),jsxRuntime.jsxs(S__namespace.Content,{ref:a,className:tailwindMerge.twMerge(De({side:e}),t),...r,children:[o,jsxRuntime.jsxs(S__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(i.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function ga({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function ya({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 wa=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(S__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var Ca=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(S__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var La=m__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsxRuntime.jsx(Ae__namespace.Root,{ref:a,decorative:o,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function Ha({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-16 items-center",children:e})})}var za=S__namespace.Root;var Oa=S__namespace.Close;var Oe=classVarianceAuthority.cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full grid gap-4 rounded","duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var Fe=m__namespace.forwardRef(function(e,t){return jsxRuntime.jsx(S__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 Xe=S__namespace.Portal;var Ya=m__namespace.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxRuntime.jsxs(Xe,{children:[jsxRuntime.jsx(Fe,{}),jsxRuntime.jsxs(S__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Oe({width:o}),e),...r,children:[t,jsxRuntime.jsxs(S__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(i.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var ja=S__namespace.Trigger;function oi({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function ni({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 pi=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(S__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var gi=m__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(S__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var T=m__namespace.default.createContext({});function no(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 bi({children:e,defaultTheme:t,theme:o}){let[r,a]=m__namespace.default.useState(o||no(t));function s(l){typeof window<"u"&&window.localStorage&&(l==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",l));}return m__namespace.default.useEffect(()=>{s(r);},[r]),jsxRuntime.jsx(T.Provider,{value:{theme:r,setTheme:a},children:e})}var Ci=()=>m__namespace.default.useContext(T);
+var K=Object.defineProperty;var ut=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var xt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var o in t)K(e,o,{get:t[o],enumerable:!0});},J=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of yt(t))!xt.call(e,a)&&a!==o&&K(e,a,{get:()=>t[a],enumerable:!(r=ut(t,a))||r.enumerable});return e},y=(e,t,o)=>(J(e,t,"default"),o&&J(o,t,"default"));var Q=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 Yo=d__namespace.forwardRef(function({className:e,size:t,...o},r){let a=Q({size:t});return jsxRuntime.jsx(Z__namespace.Root,{ref:r,className:tailwindMerge.twMerge(a,e),...o})});var tr=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(Z__namespace.Image,{ref:o,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var ir=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(Z__namespace.Fallback,{ref:o,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var re=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"}}),A=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"}}),k=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={};vt(n,{Auth0LogoIcon:()=>Mt,GoogleLogoIcon:()=>Ft,LoadingIcon:()=>P,XLogoIcon:()=>Et});y(n,yr__namespace);function Ft(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 P(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 Mt(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 Et(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 Cr=d__namespace.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...i},l){let{children:m,type:f="button",loading:g=!1,size:M="md",loadingPosition:b="start",endIcon:H,startIcon:_,...E}=i,u=e?reactSlot.Slot:"button",w=re({fullWidth:a,size:M,variant:t,color:o}),N=r||g;return jsxRuntime.jsx(u,{...e?i:E,"aria-disabled":N||void 0,className:w,"data-state":g?"loading":void 0,disabled:N,ref:l,role:u!=="button"?"button":void 0,tabIndex:N?-1:0,type:u==="button"?f:void 0,children:e?jsxRuntime.jsx(se,{children:m}):jsxRuntime.jsx(se,{...i})})});function se({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:i,...l}){let m=t&&r==="start",f=m?jsxRuntime.jsx(P,{"aria-label":"Loading"}):a||null,g=k({size:o,loading:m}),M=A({size:o,site:"left"}),b=t&&r==="end",H=b?jsxRuntime.jsx(P,{"aria-label":"Loading"}):i||null,_=k({size:o,loading:b}),E=A({size:o,site:"right"}),u=f?jsxRuntime.jsx("span",{className:M,role:m?"progressbar":void 0,children:d__namespace.cloneElement(f,{className:g})}):null,w=H?jsxRuntime.jsx("span",{className:E,role:b?"progressbar":void 0,children:d__namespace.cloneElement(H,{className:_})}):null;return d__namespace.isValidElement(e)?d__namespace.cloneElement(e,{...l,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u,d__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u,e,w]})}var me=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}}),z=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 Er=d__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...i},l){let m=me({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=z({site:"left",disabled:r}),g=z({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:f,children:t}):null,jsxRuntime.jsx("input",{...i,"aria-invalid":e||void 0,disabled:r,className:tailwindMerge.twMerge(m,a),ref:l}),o?jsxRuntime.jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function Ar({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:i,align:l,collisionPadding:m=8,sideOffset:f=8,...g}){return jsxRuntime.jsxs(c__namespace.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsxRuntime.jsx(c__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(c__namespace.Portal,{children:jsxRuntime.jsxs(c__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:f,side:i,align:l,collisionPadding:m,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(c__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Or({children:e}){return jsxRuntime.jsx(c__namespace.Provider,{skipDelayDuration:500,children:e})}var Re=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 qr=d__namespace.forwardRef(function({invalid:e=!1,...t},o){let r=Re({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var ue=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 Zr=d__namespace.forwardRef(({children:e,placeholder:t,...o},r)=>{let a=ue();return jsxRuntime.jsxs(s__namespace.Root,{...o,children:[jsxRuntime.jsxs(s__namespace.Trigger,{className:a,ref:r,children:[jsxRuntime.jsx(s__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(s__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(s__namespace.Portal,{children:jsxRuntime.jsx(s__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(s__namespace.Viewport,{children:e})})})]})});var oa=d__namespace.forwardRef(({children:e,...t},o)=>jsxRuntime.jsxs(s__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:o,...t,children:[jsxRuntime.jsx(s__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(s__namespace.ItemIndicator,{children:jsxRuntime.jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var na=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var ca=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var Ra=d__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("h3",{ref:o,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var xa=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("p",{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var Pa=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var Da=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var Ia=T__namespace.Root;var Ha=T__namespace.Trigger;var Na=T__namespace.Close;var Ie=d__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 He=T__namespace.Portal;var Ee=classVarianceAuthority.cva("fixed z-50 border-gray-400 bg-foreground p-4 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 _a=d__namespace.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxRuntime.jsxs(He,{children:[jsxRuntime.jsx(Ie,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Ee({side:e}),t),...r,children:[o,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 Ya({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function ti({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 ii=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var pi=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var fi=d__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsxRuntime.jsx(We__namespace.Root,{ref:a,decorative:o,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function hi({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-16 items-center",children:e})})}var xi=T__namespace.Root;var bi=T__namespace.Close;var Xe=classVarianceAuthority.cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full grid gap-4 rounded","duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var _e=d__namespace.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 Ke=T__namespace.Portal;var Ei=d__namespace.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxRuntime.jsxs(Ke,{children:[jsxRuntime.jsx(_e,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Xe({width:o}),e),...r,children:[t,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"})]})]})]})});var Ai=T__namespace.Trigger;function Oi({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function $i({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 _i=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var Yi=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var on=reactHookForm.FormProvider;var C=d__namespace.createContext({});var ln=d__namespace.forwardRef(function({className:e,...t},o){let r=d__namespace.useId();return jsxRuntime.jsx(C.Provider,{value:{id:r},children:jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("space-y-2",e),...t})})});var F=d__namespace.createContext({});var un=({...e})=>jsxRuntime.jsx(F.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})});var lt=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(st__namespace.Root,{ref:o,className:tailwindMerge.twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t})});var R=()=>{let e=d__namespace.useContext(F),t=d__namespace.useContext(C),{getFieldState:o,formState:r}=reactHookForm.useFormContext(),a=o(e.name,r);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=t;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}};var Mn=d__namespace.forwardRef(({className:e,caption:t,...o},r)=>{let{error:a,formItemId:i}=R();return jsxRuntime.jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsxRuntime.jsx(lt,{ref:r,className:tailwindMerge.twMerge(a?"text-error-500":null,e),htmlFor:i,...o}),t?jsxRuntime.jsx("div",{className:"text-gray-200 typography-caption",children:t}):null]})});var An=d__namespace.forwardRef(function(e,t){let{error:o,formItemId:r,formDescriptionId:a,formMessageId:i}=R(),l={...e,invalid:!!o};return jsxRuntime.jsx(reactSlot.Slot,{ref:t,id:r,"aria-describedby":o?`${a} ${i}`:`${a}`,"aria-invalid":!!o,...l})});var dt=classVarianceAuthority.cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var L=d__namespace.forwardRef(function({className:e,children:t,type:o="description",role:r,...a},i){return jsxRuntime.jsx("p",{ref:i,className:tailwindMerge.twMerge(dt({type:o}),e),role:o==="error"?"alert":r,...a,children:t})});var _n=d__namespace.forwardRef(function({children:e,...t},o){let{error:r,formMessageId:a}=R(),i=r?String(r?.message):e;return i?jsxRuntime.jsx(L,{ref:o,type:"error",id:a,...t,children:i}):null});var Zn=d__namespace.forwardRef(function(e,t){let{formDescriptionId:o}=R();return jsxRuntime.jsx(L,{ref:t,id:o,...e})});var I=d__namespace.default.createContext({});function $o(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 is({children:e,defaultTheme:t,theme:o}){let[r,a]=d__namespace.default.useState(o||$o(t));function i(l){typeof window<"u"&&window.localStorage&&(l==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",l));}return d__namespace.default.useEffect(()=>{i(r);},[r]),jsxRuntime.jsx(I.Provider,{value:{theme:r,setTheme:a},children:e})}var cs=()=>d__namespace.default.useContext(I);
 
-exports.Avatar = ho;
-exports.AvatarFallback = So;
-exports.AvatarImage = xo;
-exports.Button = qo;
-exports.Card = Sr;
-exports.CardContent = Br;
-exports.CardDescription = zr;
-exports.CardFooter = qr;
-exports.CardHeader = Dr;
-exports.CardTitle = Nr;
-exports.Dialog = za;
-exports.DialogClose = Oa;
-exports.DialogContent = Ya;
-exports.DialogDescription = gi;
-exports.DialogFooter = ni;
-exports.DialogHeader = oi;
-exports.DialogTitle = pi;
-exports.DialogTrigger = ja;
-exports.Header = Ha;
-exports.Input = Yo;
-exports.Select = hr;
-exports.SelectItem = xr;
-exports.Separator = La;
-exports.Sheet = Jr;
-exports.SheetClose = Zr;
-exports.SheetContent = pa;
-exports.SheetDescription = Ca;
-exports.SheetFooter = ya;
-exports.SheetHeader = ga;
-exports.SheetTitle = wa;
-exports.SheetTrigger = Qr;
-exports.Textarea = lr;
-exports.ThemeContext = T;
-exports.ThemeProvider = bi;
-exports.Tooltip = jo;
-exports.TooltipProvider = or;
-exports.useTheme = Ci;
+exports.Avatar = Yo;
+exports.AvatarFallback = ir;
+exports.AvatarImage = tr;
+exports.Button = Cr;
+exports.Card = na;
+exports.CardContent = Pa;
+exports.CardDescription = xa;
+exports.CardFooter = Da;
+exports.CardHeader = ca;
+exports.CardTitle = Ra;
+exports.Dialog = xi;
+exports.DialogClose = bi;
+exports.DialogContent = Ei;
+exports.DialogDescription = Yi;
+exports.DialogFooter = $i;
+exports.DialogHeader = Oi;
+exports.DialogTitle = _i;
+exports.DialogTrigger = Ai;
+exports.Form = on;
+exports.FormControl = An;
+exports.FormDescription = Zn;
+exports.FormField = un;
+exports.FormItem = ln;
+exports.FormLabel = Mn;
+exports.FormMessage = _n;
+exports.Header = hi;
+exports.HelperText = L;
+exports.Input = Er;
+exports.Label = lt;
+exports.Select = Zr;
+exports.SelectItem = oa;
+exports.Separator = fi;
+exports.Sheet = Ia;
+exports.SheetClose = Na;
+exports.SheetContent = _a;
+exports.SheetDescription = pi;
+exports.SheetFooter = ti;
+exports.SheetHeader = Ya;
+exports.SheetTitle = ii;
+exports.SheetTrigger = Ha;
+exports.Textarea = qr;
+exports.ThemeContext = I;
+exports.ThemeProvider = is;
+exports.Tooltip = Ar;
+exports.TooltipProvider = Or;
+exports.useTheme = cs;

package/dist/index.mjs

@@ -1,16 +1,18 @@
-import * as m from 'react';
-import m__default from 'react';
-import * as _ from '@radix-ui/react-avatar';
+import * as d from 'react';
+import d__default from 'react';
+import * as Z 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 zo from '@radix-ui/react-icons';
-import * as p from '@radix-ui/react-tooltip';
-import * as n from '@radix-ui/react-select';
-import * as S from '@radix-ui/react-dialog';
-import * as Ae from '@radix-ui/react-separator';
+import * as yr from '@radix-ui/react-icons';
+import * as c from '@radix-ui/react-tooltip';
+import * as s from '@radix-ui/react-select';
+import * as T from '@radix-ui/react-dialog';
+import * as We from '@radix-ui/react-separator';
+import { FormProvider, Controller, useFormContext } from 'react-hook-form';
+import * as st from '@radix-ui/react-label';
 
-var X=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var je=Object.prototype.hasOwnProperty;var et=(e,t)=>{for(var o in t)X(e,o,{get:t[o],enumerable:!0});},G=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of $e(t))!je.call(e,a)&&a!==o&&X(e,a,{get:()=>t[a],enumerable:!(r=Ze(t,a))||r.enumerable});return e},u=(e,t,o)=>(G(e,t,"default"),o&&G(o,t,"default"));var q=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 ho=m.forwardRef(function({className:e,size:t,...o},r){let a=q({size:t});return jsx(_.Root,{ref:r,className:twMerge(a,e),...o})});var xo=m.forwardRef(function({className:e,...t},o){return jsx(_.Image,{ref:o,className:twMerge("aspect-square h-full w-full",e),...t})});var So=m.forwardRef(function({className:e,...t},o){return jsx(_.Fallback,{ref:o,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var Z=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"}}),E=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 i={};et(i,{Auth0LogoIcon:()=>dt,GoogleLogoIcon:()=>lt,LoadingIcon:()=>w,XLogoIcon:()=>ft});u(i,zo);function lt(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 w(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 dt(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 ft(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 qo=m.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...s},l){let{children:d,type:f="button",loading:h=!1,size:C="md",loadingPosition:v="start",endIcon:D,startIcon:F,...I}=s,R=e?Slot:"button",b=Z({fullWidth:a,size:C,variant:t,color:o}),M=r||h;return jsx(R,{...e?s:I,"aria-disabled":M||void 0,className:b,"data-state":h?"loading":void 0,disabled:M,ref:l,role:R!=="button"?"button":void 0,tabIndex:M?-1:0,type:R==="button"?f:void 0,children:e?jsx(te,{children:d}):jsx(te,{...s})})});function te({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:s,...l}){let d=t&&r==="start",f=d?jsx(w,{"aria-label":"Loading"}):a||null,h=N({size:o,loading:d}),C=E({size:o,site:"left"}),v=t&&r==="end",D=v?jsx(w,{"aria-label":"Loading"}):s||null,F=N({size:o,loading:v}),I=E({size:o,site:"right"}),R=f?jsx("span",{className:C,role:d?"progressbar":void 0,children:m.cloneElement(f,{className:h})}):null,b=D?jsx("span",{className:I,role:v?"progressbar":void 0,children:m.cloneElement(D,{className:F})}):null;return m.isValidElement(e)?m.cloneElement(e,{...l,children:jsxs(Fragment,{children:[R,m.isValidElement(e)?e.props.children:null,b]})}):jsxs(Fragment,{children:[R,e,b]})}var ie=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 Yo=m.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,...a},s){let l=ie({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),d=H({site:"left",disabled:r}),f=H({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:d,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:r,className:l,ref:s,...a}),o?jsx("span",{"aria-hidden":!0,className:f,children:o}):null]})});function jo({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:s,align:l,collisionPadding:d=8,sideOffset:f=8,...h}){return jsxs(p.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsx(p.Trigger,{asChild:!0,children:a}),t?jsx(p.Portal,{children:jsxs(p.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:f,side:s,align:l,collisionPadding:d,...h,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(p.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function or({children:e}){return jsx(p.Provider,{skipDelayDuration:500,children:e})}var ce=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 lr=m.forwardRef(function({invalid:e=!1,...t},o){let r=ce({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var de=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 hr=m.forwardRef(({children:e,placeholder:t,...o},r)=>{let a=de();return jsxs(n.Root,{...o,children:[jsxs(n.Trigger,{className:a,ref:r,children:[jsx(n.Value,{placeholder:"Select a fruit\u2026"}),jsx(n.Icon,{className:"-mr-1.5",children:jsx(i.CaretSortIcon,{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 xr=m.forwardRef(({children:e,...t},o)=>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:o,...t,children:[jsx(n.ItemText,{className:"flex-1",children:e}),jsx(n.ItemIndicator,{children:jsx(i.CheckIcon,{className:"h-4 w-4"})})]}));var Sr=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var Dr=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex flex-col p-6",e),...t}));var Nr=m__default.forwardRef(({className:e,...t},o)=>jsx("h3",{ref:o,className:twMerge("typography-heading-5",e),...t}));var zr=m.forwardRef(({className:e,...t},o)=>jsx("p",{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t}));var Br=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("p-6 pt-0",e),...t}));var qr=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex items-center p-6 pt-0",e),...t}));var Jr=S.Root;var Qr=S.Trigger;var Zr=S.Close;var Pe=m__default.forwardRef(function(e,t){return jsx(S.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 Ce=S.Portal;var De=cva("fixed z-50 border-gray-400 bg-foreground p-4 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 pa=m.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxs(Ce,{children:[jsx(Pe,{}),jsxs(S.Content,{ref:a,className:twMerge(De({side:e}),t),...r,children:[o,jsxs(S.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(i.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function ga({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function ya({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 wa=m.forwardRef(function({className:e,...t},o){return jsx(S.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Ca=m.forwardRef(function({className:e,...t},o){return jsx(S.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var La=m.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsx(Ae.Root,{ref:a,decorative:o,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function Ha({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-16 items-center",children:e})})}var za=S.Root;var Oa=S.Close;var Oe=cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full grid gap-4 rounded","duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var Fe=m.forwardRef(function(e,t){return jsx(S.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 Xe=S.Portal;var Ya=m.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxs(Xe,{children:[jsx(Fe,{}),jsxs(S.Content,{ref:a,className:twMerge(Oe({width:o}),e),...r,children:[t,jsxs(S.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(i.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var ja=S.Trigger;function oi({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function ni({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 pi=m.forwardRef(function({className:e,...t},o){return jsx(S.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var gi=m.forwardRef(function({className:e,...t},o){return jsx(S.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var T=m__default.createContext({});function no(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 bi({children:e,defaultTheme:t,theme:o}){let[r,a]=m__default.useState(o||no(t));function s(l){typeof window<"u"&&window.localStorage&&(l==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",l));}return m__default.useEffect(()=>{s(r);},[r]),jsx(T.Provider,{value:{theme:r,setTheme:a},children:e})}var Ci=()=>m__default.useContext(T);
+var K=Object.defineProperty;var ut=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var xt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var o in t)K(e,o,{get:t[o],enumerable:!0});},J=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of yt(t))!xt.call(e,a)&&a!==o&&K(e,a,{get:()=>t[a],enumerable:!(r=ut(t,a))||r.enumerable});return e},y=(e,t,o)=>(J(e,t,"default"),o&&J(o,t,"default"));var Q=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 Yo=d.forwardRef(function({className:e,size:t,...o},r){let a=Q({size:t});return jsx(Z.Root,{ref:r,className:twMerge(a,e),...o})});var tr=d.forwardRef(function({className:e,...t},o){return jsx(Z.Image,{ref:o,className:twMerge("aspect-square h-full w-full",e),...t})});var ir=d.forwardRef(function({className:e,...t},o){return jsx(Z.Fallback,{ref:o,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var re=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"}}),A=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"}}),k=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={};vt(n,{Auth0LogoIcon:()=>Mt,GoogleLogoIcon:()=>Ft,LoadingIcon:()=>P,XLogoIcon:()=>Et});y(n,yr);function Ft(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 P(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 Mt(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 Et(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 Cr=d.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...i},l){let{children:m,type:f="button",loading:g=!1,size:M="md",loadingPosition:b="start",endIcon:H,startIcon:_,...E}=i,u=e?Slot:"button",w=re({fullWidth:a,size:M,variant:t,color:o}),N=r||g;return jsx(u,{...e?i:E,"aria-disabled":N||void 0,className:w,"data-state":g?"loading":void 0,disabled:N,ref:l,role:u!=="button"?"button":void 0,tabIndex:N?-1:0,type:u==="button"?f:void 0,children:e?jsx(se,{children:m}):jsx(se,{...i})})});function se({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:i,...l}){let m=t&&r==="start",f=m?jsx(P,{"aria-label":"Loading"}):a||null,g=k({size:o,loading:m}),M=A({size:o,site:"left"}),b=t&&r==="end",H=b?jsx(P,{"aria-label":"Loading"}):i||null,_=k({size:o,loading:b}),E=A({size:o,site:"right"}),u=f?jsx("span",{className:M,role:m?"progressbar":void 0,children:d.cloneElement(f,{className:g})}):null,w=H?jsx("span",{className:E,role:b?"progressbar":void 0,children:d.cloneElement(H,{className:_})}):null;return d.isValidElement(e)?d.cloneElement(e,{...l,children:jsxs(Fragment,{children:[u,d.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[u,e,w]})}var me=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}}),z=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 Er=d.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...i},l){let m=me({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=z({site:"left",disabled:r}),g=z({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:f,children:t}):null,jsx("input",{...i,"aria-invalid":e||void 0,disabled:r,className:twMerge(m,a),ref:l}),o?jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function Ar({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:i,align:l,collisionPadding:m=8,sideOffset:f=8,...g}){return jsxs(c.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsx(c.Trigger,{asChild:!0,children:a}),t?jsx(c.Portal,{children:jsxs(c.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:f,side:i,align:l,collisionPadding:m,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(c.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Or({children:e}){return jsx(c.Provider,{skipDelayDuration:500,children:e})}var Re=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 qr=d.forwardRef(function({invalid:e=!1,...t},o){let r=Re({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var ue=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 Zr=d.forwardRef(({children:e,placeholder:t,...o},r)=>{let a=ue();return jsxs(s.Root,{...o,children:[jsxs(s.Trigger,{className:a,ref:r,children:[jsx(s.Value,{placeholder:"Select a fruit\u2026"}),jsx(s.Icon,{className:"-mr-1.5",children:jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(s.Portal,{children:jsx(s.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(s.Viewport,{children:e})})})]})});var oa=d.forwardRef(({children:e,...t},o)=>jsxs(s.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:o,...t,children:[jsx(s.ItemText,{className:"flex-1",children:e}),jsx(s.ItemIndicator,{children:jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var na=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var ca=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex flex-col p-6",e),...t}));var Ra=d__default.forwardRef(({className:e,...t},o)=>jsx("h3",{ref:o,className:twMerge("typography-heading-5",e),...t}));var xa=d.forwardRef(({className:e,...t},o)=>jsx("p",{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t}));var Pa=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("p-6 pt-0",e),...t}));var Da=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex items-center p-6 pt-0",e),...t}));var Ia=T.Root;var Ha=T.Trigger;var Na=T.Close;var Ie=d__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 He=T.Portal;var Ee=cva("fixed z-50 border-gray-400 bg-foreground p-4 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 _a=d.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxs(He,{children:[jsx(Ie,{}),jsxs(T.Content,{ref:a,className:twMerge(Ee({side:e}),t),...r,children:[o,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 Ya({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function ti({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 ii=d.forwardRef(function({className:e,...t},o){return jsx(T.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var pi=d.forwardRef(function({className:e,...t},o){return jsx(T.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var fi=d.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsx(We.Root,{ref:a,decorative:o,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function hi({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-16 items-center",children:e})})}var xi=T.Root;var bi=T.Close;var Xe=cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full grid gap-4 rounded","duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var _e=d.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 Ke=T.Portal;var Ei=d.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxs(Ke,{children:[jsx(_e,{}),jsxs(T.Content,{ref:a,className:twMerge(Xe({width:o}),e),...r,children:[t,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"})]})]})]})});var Ai=T.Trigger;function Oi({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function $i({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 _i=d.forwardRef(function({className:e,...t},o){return jsx(T.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Yi=d.forwardRef(function({className:e,...t},o){return jsx(T.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var on=FormProvider;var C=d.createContext({});var ln=d.forwardRef(function({className:e,...t},o){let r=d.useId();return jsx(C.Provider,{value:{id:r},children:jsx("div",{ref:o,className:twMerge("space-y-2",e),...t})})});var F=d.createContext({});var un=({...e})=>jsx(F.Provider,{value:{name:e.name},children:jsx(Controller,{...e})});var lt=d.forwardRef(function({className:e,...t},o){return jsx(st.Root,{ref:o,className:twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t})});var R=()=>{let e=d.useContext(F),t=d.useContext(C),{getFieldState:o,formState:r}=useFormContext(),a=o(e.name,r);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=t;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}};var Mn=d.forwardRef(({className:e,caption:t,...o},r)=>{let{error:a,formItemId:i}=R();return jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsx(lt,{ref:r,className:twMerge(a?"text-error-500":null,e),htmlFor:i,...o}),t?jsx("div",{className:"text-gray-200 typography-caption",children:t}):null]})});var An=d.forwardRef(function(e,t){let{error:o,formItemId:r,formDescriptionId:a,formMessageId:i}=R(),l={...e,invalid:!!o};return jsx(Slot,{ref:t,id:r,"aria-describedby":o?`${a} ${i}`:`${a}`,"aria-invalid":!!o,...l})});var dt=cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var L=d.forwardRef(function({className:e,children:t,type:o="description",role:r,...a},i){return jsx("p",{ref:i,className:twMerge(dt({type:o}),e),role:o==="error"?"alert":r,...a,children:t})});var _n=d.forwardRef(function({children:e,...t},o){let{error:r,formMessageId:a}=R(),i=r?String(r?.message):e;return i?jsx(L,{ref:o,type:"error",id:a,...t,children:i}):null});var Zn=d.forwardRef(function(e,t){let{formDescriptionId:o}=R();return jsx(L,{ref:t,id:o,...e})});var I=d__default.createContext({});function $o(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 is({children:e,defaultTheme:t,theme:o}){let[r,a]=d__default.useState(o||$o(t));function i(l){typeof window<"u"&&window.localStorage&&(l==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",l));}return d__default.useEffect(()=>{i(r);},[r]),jsx(I.Provider,{value:{theme:r,setTheme:a},children:e})}var cs=()=>d__default.useContext(I);
 
-export { ho as Avatar, So as AvatarFallback, xo as AvatarImage, qo as Button, Sr as Card, Br as CardContent, zr as CardDescription, qr as CardFooter, Dr as CardHeader, Nr as CardTitle, za as Dialog, Oa as DialogClose, Ya as DialogContent, gi as DialogDescription, ni as DialogFooter, oi as DialogHeader, pi as DialogTitle, ja as DialogTrigger, Ha as Header, Yo as Input, hr as Select, xr as SelectItem, La as Separator, Jr as Sheet, Zr as SheetClose, pa as SheetContent, Ca as SheetDescription, ya as SheetFooter, ga as SheetHeader, wa as SheetTitle, Qr as SheetTrigger, lr as Textarea, T as ThemeContext, bi as ThemeProvider, jo as Tooltip, or as TooltipProvider, Ci as useTheme };
+export { Yo as Avatar, ir as AvatarFallback, tr as AvatarImage, Cr as Button, na as Card, Pa as CardContent, xa as CardDescription, Da as CardFooter, ca as CardHeader, Ra as CardTitle, xi as Dialog, bi as DialogClose, Ei as DialogContent, Yi as DialogDescription, $i as DialogFooter, Oi as DialogHeader, _i as DialogTitle, Ai as DialogTrigger, on as Form, An as FormControl, Zn as FormDescription, un as FormField, ln as FormItem, Mn as FormLabel, _n as FormMessage, hi as Header, L as HelperText, Er as Input, lt as Label, Zr as Select, oa as SelectItem, fi as Separator, Ia as Sheet, Na as SheetClose, _a as SheetContent, pi as SheetDescription, ti as SheetFooter, Ya as SheetHeader, ii as SheetTitle, Ha as SheetTrigger, qr as Textarea, I as ThemeContext, is as ThemeProvider, Ar as Tooltip, Or as TooltipProvider, cs as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -57,6 +57,7 @@
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
@@ -69,6 +70,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.1",
+    "@hookform/resolvers": "^3.3.2",
     "@storybook/addon-a11y": "^7.0.18",
     "@storybook/addon-essentials": "^7.0.18",
     "@storybook/addon-interactions": "^7.0.18",
@@ -98,6 +100,7 @@
     "react-docgen": "^5.4.3",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.47.0",
     "semantic-release": "^21.0.2",
     "serve": "^14.2.0",
     "storybook": "^7.0.18",
@@ -108,11 +111,13 @@
     "typescript": "^5.0.4",
     "vite": "^4.3.9",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^0.31.1"
+    "vitest": "^0.31.1",
+    "zod": "^3.22.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.47.0",
     "tailwindcss": "^3.3.2"
   },
   "publishConfig": {