@szum-tech/design-system 1.16.2 → 1.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +47 -1
- package/dist/index.d.ts +47 -1
- package/dist/index.js +61 -51
- package/dist/index.mjs +11 -10
- package/icons/index.js +324 -12
- package/icons/index.mjs +3 -3
- package/package.json +8 -3
package/dist/index.d.mts
CHANGED
|
@@ -8,6 +8,11 @@ import * as ReactTooltip from '@radix-ui/react-tooltip';
|
|
|
8
8
|
import * as ReactSelect from '@radix-ui/react-select';
|
|
9
9
|
import * as ReactSheet from '@radix-ui/react-dialog';
|
|
10
10
|
import * as ReactSeparator from '@radix-ui/react-separator';
|
|
11
|
+
import * as react_hook_form from 'react-hook-form';
|
|
12
|
+
import { FormProviderProps, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
13
|
+
import * as ReactLabel from '@radix-ui/react-label';
|
|
14
|
+
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
15
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
11
16
|
|
|
12
17
|
declare const avatarCva: (props?: ({
|
|
13
18
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -233,6 +238,47 @@ declare const DialogTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefA
|
|
|
233
238
|
type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
|
|
234
239
|
declare const DialogDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
235
240
|
|
|
241
|
+
type FormProps = FormProviderProps;
|
|
242
|
+
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;
|
|
243
|
+
|
|
244
|
+
type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
|
|
245
|
+
declare const FormItem: (props: FormItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
246
|
+
|
|
247
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
248
|
+
|
|
249
|
+
type LabelProps = React.ComponentPropsWithoutRef<typeof ReactLabel.Root>;
|
|
250
|
+
declare const Label: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
251
|
+
|
|
252
|
+
type FormLabelProps = LabelProps & {
|
|
253
|
+
caption?: React.ReactNode;
|
|
254
|
+
};
|
|
255
|
+
declare const FormLabel: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
256
|
+
caption?: React.ReactNode;
|
|
257
|
+
} & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
258
|
+
|
|
259
|
+
type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
|
|
260
|
+
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;
|
|
261
|
+
|
|
262
|
+
type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
263
|
+
declare const FormMessage: (props: FormMessageProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
264
|
+
|
|
265
|
+
type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
266
|
+
declare const FormDescription: (props: FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
267
|
+
|
|
268
|
+
declare const helperTextCva: (props?: ({
|
|
269
|
+
type?: "error" | "description" | null | undefined;
|
|
270
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
271
|
+
|
|
272
|
+
type HelperTextCvaProps = VariantProps<typeof helperTextCva>;
|
|
273
|
+
type HelperTextType = NonNullable<HelperTextCvaProps["type"]>;
|
|
274
|
+
|
|
275
|
+
type HelperTextProps = React.HTMLAttributes<HTMLParagraphElement> & {
|
|
276
|
+
type?: HelperTextType;
|
|
277
|
+
};
|
|
278
|
+
declare const HelperText: (props: React.HTMLAttributes<HTMLParagraphElement> & {
|
|
279
|
+
type?: HelperTextType | undefined;
|
|
280
|
+
} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
281
|
+
|
|
236
282
|
type ThemeType = "light" | "dark";
|
|
237
283
|
interface ThemeContextType {
|
|
238
284
|
theme: ThemeType;
|
|
@@ -259,4 +305,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
|
|
|
259
305
|
|
|
260
306
|
declare const useTheme: () => ThemeContextType;
|
|
261
307
|
|
|
262
|
-
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 };
|
|
308
|
+
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
CHANGED
|
@@ -8,6 +8,11 @@ import * as ReactTooltip from '@radix-ui/react-tooltip';
|
|
|
8
8
|
import * as ReactSelect from '@radix-ui/react-select';
|
|
9
9
|
import * as ReactSheet from '@radix-ui/react-dialog';
|
|
10
10
|
import * as ReactSeparator from '@radix-ui/react-separator';
|
|
11
|
+
import * as react_hook_form from 'react-hook-form';
|
|
12
|
+
import { FormProviderProps, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
13
|
+
import * as ReactLabel from '@radix-ui/react-label';
|
|
14
|
+
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
15
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
11
16
|
|
|
12
17
|
declare const avatarCva: (props?: ({
|
|
13
18
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -233,6 +238,47 @@ declare const DialogTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefA
|
|
|
233
238
|
type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
|
|
234
239
|
declare const DialogDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
235
240
|
|
|
241
|
+
type FormProps = FormProviderProps;
|
|
242
|
+
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;
|
|
243
|
+
|
|
244
|
+
type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
|
|
245
|
+
declare const FormItem: (props: FormItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
246
|
+
|
|
247
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
248
|
+
|
|
249
|
+
type LabelProps = React.ComponentPropsWithoutRef<typeof ReactLabel.Root>;
|
|
250
|
+
declare const Label: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
251
|
+
|
|
252
|
+
type FormLabelProps = LabelProps & {
|
|
253
|
+
caption?: React.ReactNode;
|
|
254
|
+
};
|
|
255
|
+
declare const FormLabel: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
256
|
+
caption?: React.ReactNode;
|
|
257
|
+
} & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
258
|
+
|
|
259
|
+
type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
|
|
260
|
+
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;
|
|
261
|
+
|
|
262
|
+
type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
263
|
+
declare const FormMessage: (props: FormMessageProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
264
|
+
|
|
265
|
+
type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
266
|
+
declare const FormDescription: (props: FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
267
|
+
|
|
268
|
+
declare const helperTextCva: (props?: ({
|
|
269
|
+
type?: "error" | "description" | null | undefined;
|
|
270
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
271
|
+
|
|
272
|
+
type HelperTextCvaProps = VariantProps<typeof helperTextCva>;
|
|
273
|
+
type HelperTextType = NonNullable<HelperTextCvaProps["type"]>;
|
|
274
|
+
|
|
275
|
+
type HelperTextProps = React.HTMLAttributes<HTMLParagraphElement> & {
|
|
276
|
+
type?: HelperTextType;
|
|
277
|
+
};
|
|
278
|
+
declare const HelperText: (props: React.HTMLAttributes<HTMLParagraphElement> & {
|
|
279
|
+
type?: HelperTextType | undefined;
|
|
280
|
+
} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
281
|
+
|
|
236
282
|
type ThemeType = "light" | "dark";
|
|
237
283
|
interface ThemeContextType {
|
|
238
284
|
theme: ThemeType;
|
|
@@ -259,4 +305,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
|
|
|
259
305
|
|
|
260
306
|
declare const useTheme: () => ThemeContextType;
|
|
261
307
|
|
|
262
|
-
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 };
|
|
308
|
+
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
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var v = require('react');
|
|
4
|
+
var X = require('@radix-ui/react-avatar');
|
|
5
5
|
var tailwindMerge = require('tailwind-merge');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
var reactSlot = require('@radix-ui/react-slot');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
9
|
+
var d = require('@radix-ui/react-tooltip');
|
|
10
|
+
var i = require('@radix-ui/react-select');
|
|
11
|
+
var m = require('@radix-ui/react-dialog');
|
|
12
|
+
var F1 = require('@radix-ui/react-separator');
|
|
13
|
+
var reactHookForm = require('react-hook-form');
|
|
14
|
+
var i9 = require('@radix-ui/react-label');
|
|
14
15
|
|
|
15
16
|
function _interopNamespace(e) {
|
|
16
17
|
if (e && e.__esModule) return e;
|
|
@@ -30,50 +31,59 @@ function _interopNamespace(e) {
|
|
|
30
31
|
return Object.freeze(n);
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
var v__namespace = /*#__PURE__*/_interopNamespace(v);
|
|
35
|
+
var X__namespace = /*#__PURE__*/_interopNamespace(X);
|
|
36
|
+
var d__namespace = /*#__PURE__*/_interopNamespace(d);
|
|
37
|
+
var i__namespace = /*#__PURE__*/_interopNamespace(i);
|
|
33
38
|
var m__namespace = /*#__PURE__*/_interopNamespace(m);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var p__namespace = /*#__PURE__*/_interopNamespace(p);
|
|
37
|
-
var n__namespace = /*#__PURE__*/_interopNamespace(n);
|
|
38
|
-
var S__namespace = /*#__PURE__*/_interopNamespace(S);
|
|
39
|
-
var Ae__namespace = /*#__PURE__*/_interopNamespace(Ae);
|
|
39
|
+
var F1__namespace = /*#__PURE__*/_interopNamespace(F1);
|
|
40
|
+
var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
|
|
40
41
|
|
|
41
|
-
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 Ro=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 vo=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 Po=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,Vo__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 Uo=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:g=!1,size:C="md",loadingPosition:v="start",endIcon:D,startIcon:F,...M}=s,R=e?reactSlot.Slot:"button",b=Z({fullWidth:a,size:C,variant:t,color:o}),I=r||g;return jsxRuntime.jsx(R,{...e?s:M,"aria-disabled":I||void 0,className:b,"data-state":g?"loading":void 0,disabled:I,ref:l,role:R!=="button"?"button":void 0,tabIndex:I?-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,g=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}),M=E({size:o,site:"right"}),R=f?jsxRuntime.jsx("span",{className:C,role:d?"progressbar":void 0,children:m__namespace.cloneElement(f,{className:g})}):null,b=D?jsxRuntime.jsx("span",{className:M,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 $o=m__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...s},l){let d=ie({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=H({site:"left",disabled:r}),g=H({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",{...s,"aria-invalid":e||void 0,disabled:r,className:tailwindMerge.twMerge(d,a),ref:l}),o?jsxRuntime.jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function tr({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:s,align:l,collisionPadding:d=8,sideOffset:f=8,...g}){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,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(p__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ar({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 pr=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 ur=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 br=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 Tr=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 Ir=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var Ar=m__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("h3",{ref:o,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var Or=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("p",{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var Gr=m__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var _r=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 Qr=S__namespace.Root;var Zr=S__namespace.Trigger;var jr=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 ma=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 Ra({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function va({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 Pa=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 Ma=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 Na=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 ka({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 Oa=S__namespace.Root;var Wa=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 $a=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 ti=S__namespace.Trigger;function ai({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 li({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 mi=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 Ri=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 so(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 Si({children:e,defaultTheme:t,theme:o}){let[r,a]=m__namespace.default.useState(o||so(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 Mi=()=>m__namespace.default.useContext(T);
|
|
42
|
+
var K=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 k2=v__namespace.forwardRef(function({className:o,size:e,...r},l){let t=K({size:e});return jsxRuntime.jsx(X__namespace.Root,{ref:l,className:tailwindMerge.twMerge(t,o),...r})});var G2=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(X__namespace.Image,{ref:r,className:tailwindMerge.twMerge("aspect-square h-full w-full",o),...e})});var K2=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(X__namespace.Fallback,{ref:r,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",o),...e})});var l1=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"}}),T=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"}}),S=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});function D(o,e){if(o==null)return {};var r={},l=Object.keys(o),t,C;for(C=0;C<l.length;C++)t=l[C],!(e.indexOf(t)>=0)&&(r[t]=o[t]);return r}var m9=["color"],t1=v.forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,m9);return v.createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),v.createElement("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});var R9=["color"],C1=v.forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,R9);return v.createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),v.createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});var Z9=["color"],M=v.forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,Z9);return v.createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),v.createElement("path",{d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});function F(o){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",...o,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}var c5=v__namespace.forwardRef(function({asChild:o=!1,variant:e="text",color:r="primary",disabled:l=!1,fullWidth:t=!1,...C},n){let{children:a,type:s="button",loading:p=!1,size:I="md",loadingPosition:x="start",endIcon:B,startIcon:q,...O}=C,u=o?reactSlot.Slot:"button",H=l1({fullWidth:t,size:I,variant:e,color:r}),_=l||p;return jsxRuntime.jsx(u,{...o?C:O,"aria-disabled":_||void 0,className:H,"data-state":p?"loading":void 0,disabled:_,ref:n,role:u!=="button"?"button":void 0,tabIndex:_?-1:0,type:u==="button"?s:void 0,children:o?jsxRuntime.jsx(i1,{children:a}):jsxRuntime.jsx(i1,{...C})})});function i1({children:o,loading:e=!1,size:r="md",loadingPosition:l="start",startIcon:t,endIcon:C,...n}){let a=e&&l==="start",s=a?jsxRuntime.jsx(F,{"aria-label":"Loading"}):t||null,p=S({size:r,loading:a}),I=T({size:r,site:"left"}),x=e&&l==="end",B=x?jsxRuntime.jsx(F,{"aria-label":"Loading"}):C||null,q=S({size:r,loading:x}),O=T({size:r,site:"right"}),u=s?jsxRuntime.jsx("span",{className:I,role:a?"progressbar":void 0,children:v__namespace.cloneElement(s,{className:p})}):null,H=B?jsxRuntime.jsx("span",{className:O,role:x?"progressbar":void 0,children:v__namespace.cloneElement(B,{className:q})}):null;return v__namespace.isValidElement(o)?v__namespace.cloneElement(o,{...n,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u,v__namespace.isValidElement(o)?o.props.children:null,H]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u,o,H]})}var a1=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),A=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var h5=v__namespace.forwardRef(function({invalid:o=!1,startIcon:e,endIcon:r,disabled:l=!1,className:t,...C},n){let a=a1({withEndIcon:!!r,withStartIcon:!!e,invalid:o}),s=A({site:"left",disabled:l}),p=A({site:"right",disabled:l});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[e?jsxRuntime.jsx("span",{className:s,children:e}):null,jsxRuntime.jsx("input",{...C,"aria-invalid":o||void 0,disabled:l,className:tailwindMerge.twMerge(a,t),ref:n}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function g5({defaultOpen:o,content:e,open:r,onOpenChange:l,children:t,side:C,align:n,collisionPadding:a=8,sideOffset:s=8,...p}){return jsxRuntime.jsxs(d__namespace.Root,{delayDuration:0,open:r,defaultOpen:o,onOpenChange:l,children:[jsxRuntime.jsx(d__namespace.Trigger,{asChild:!0,children:t}),e?jsxRuntime.jsx(d__namespace.Portal,{children:jsxRuntime.jsxs(d__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:s,side:C,align:n,collisionPadding:a,...p,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[e,jsxRuntime.jsx(d__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function H5({children:o}){return jsxRuntime.jsx(d__namespace.Provider,{skipDelayDuration:500,children:o})}var f1=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 $5=v__namespace.forwardRef(function({invalid:o=!1,...e},r){let l=f1({invalid:o});return jsxRuntime.jsx("textarea",{"aria-invalid":o||void 0,className:l,ref:r,...e})});var u1=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 j5=v__namespace.forwardRef(({children:o,placeholder:e,...r},l)=>{let t=u1();return jsxRuntime.jsxs(i__namespace.Root,{...r,children:[jsxRuntime.jsxs(i__namespace.Trigger,{className:t,ref:l,children:[jsxRuntime.jsx(i__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(i__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(t1,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(i__namespace.Portal,{children:jsxRuntime.jsx(i__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(i__namespace.Viewport,{children:o})})})]})});var D5=v__namespace.forwardRef(({children:o,...e},r)=>jsxRuntime.jsxs(i__namespace.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:r,...e,children:[jsxRuntime.jsx(i__namespace.ItemText,{className:"flex-1",children:o}),jsxRuntime.jsx(i__namespace.ItemIndicator,{children:jsxRuntime.jsx(C1,{className:"h-4 w-4"})})]}));var k5=v__namespace.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",o),...e}));var G5=v__namespace.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",o),...e}));var J5=v__namespace.default.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-heading-5",o),...e}));var e0=v__namespace.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",o),...e}));var C0=v__namespace.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",o),...e}));var d0=v__namespace.forwardRef(({className:o,...e},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",o),...e}));var s0=m__namespace.Root;var f0=m__namespace.Trigger;var u0=m__namespace.Close;var y1=v__namespace.default.forwardRef(function(o,e){return jsxRuntime.jsx(m__namespace.Overlay,{...o,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:e})});var B1=m__namespace.Portal;var O1=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 y0=v__namespace.forwardRef(function({side:o="right",className:e,children:r,...l},t){return jsxRuntime.jsxs(B1,{children:[jsxRuntime.jsx(y1,{}),jsxRuntime.jsxs(m__namespace.Content,{ref:t,className:tailwindMerge.twMerge(O1({side:o}),e),...l,children:[r,jsxRuntime.jsxs(m__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(M,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function _0({className:o,...e}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",o),...e})}function P0({className:o,...e}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",o),...e})}var E0=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(m__namespace.Title,{ref:r,className:tailwindMerge.twMerge("typography-heading-6",o),...e})});var W0=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(m__namespace.Description,{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",o),...e})});var q0=v__namespace.forwardRef(function({className:o,orientation:e="horizontal",decorative:r=!0,...l},t){return jsxRuntime.jsx(F1__namespace.Root,{ref:t,decorative:r,orientation:e,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",o),...l})});function X0({children:o}){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:o})})}var e7=m__namespace.Root;var l7=m__namespace.Close;var N1=classVarianceAuthority.cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 flex flex-col w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full 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 G1=v__namespace.forwardRef(function(o,e){return jsxRuntime.jsx(m__namespace.Overlay,{...o,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:e})});var Q1=m__namespace.Portal;var h7=v__namespace.forwardRef(function({className:o,children:e,width:r="md",...l},t){return jsxRuntime.jsxs(Q1,{children:[jsxRuntime.jsx(G1,{}),jsxRuntime.jsxs(m__namespace.Content,{ref:t,className:tailwindMerge.twMerge(N1({width:r}),o),...l,children:[e,jsxRuntime.jsxs(m__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(M,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var g7=m__namespace.Trigger;function H7({className:o,...e}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left",o),...e})}function Z7({className:o,...e}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",o),...e})}var y7=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(m__namespace.Title,{ref:r,className:tailwindMerge.twMerge("typography-heading-6",o),...e})});var _7=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(m__namespace.Description,{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",o),...e})});var D7=reactHookForm.FormProvider;var Z=v__namespace.createContext({});var N7=v__namespace.forwardRef(function({className:o,...e},r){let l=v__namespace.useId();return jsxRuntime.jsx(Z.Provider,{value:{id:l},children:jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("space-y-2",o),...e})})});var $=v__namespace.createContext({});var X7=({...o})=>jsxRuntime.jsx($.Provider,{value:{name:o.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...o})});var n9=v__namespace.forwardRef(function({className:o,...e},r){return jsxRuntime.jsx(i9__namespace.Root,{ref:r,className:tailwindMerge.twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",o),...e})});var f=()=>{let o=v__namespace.useContext($),e=v__namespace.useContext(Z),{getFieldState:r,formState:l}=reactHookForm.useFormContext(),t=r(o.name,l);if(!o)throw new Error("useFormField should be used within <FormField>");let{id:C}=e;return {id:C,name:o.name,formItemId:`${C}-form-item`,formDescriptionId:`${C}-form-item-description`,formMessageId:`${C}-form-item-message`,...t}};var s3=v__namespace.forwardRef(({className:o,caption:e,...r},l)=>{let{error:t,formItemId:C}=f();return jsxRuntime.jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsxRuntime.jsx(n9,{ref:l,className:tailwindMerge.twMerge(t?"text-error-500":null,o),htmlFor:C,...r}),e?jsxRuntime.jsx("div",{className:"text-gray-200 typography-caption",children:e}):null]})});var w3=v__namespace.forwardRef(function(o,e){let{error:r,formItemId:l,formDescriptionId:t,formMessageId:C}=f(),n={...o,invalid:!!r};return jsxRuntime.jsx(reactSlot.Slot,{ref:e,id:l,"aria-describedby":r?`${t} ${C}`:`${t}`,"aria-invalid":!!r,...n})});var v9=classVarianceAuthority.cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var b=v__namespace.forwardRef(function({className:o,children:e,type:r="description",role:l,...t},C){return jsxRuntime.jsx("p",{ref:C,className:tailwindMerge.twMerge(v9({type:r}),o),role:r==="error"?"alert":l,...t,children:e})});var b3=v__namespace.forwardRef(function({children:o,...e},r){let{error:l,formMessageId:t}=f(),C=l?String(l?.message):o;return C?jsxRuntime.jsx(b,{ref:r,type:"error",id:t,...e,children:C}):null});var _3=v__namespace.forwardRef(function(o,e){let{formDescriptionId:r}=f();return jsxRuntime.jsx(b,{ref:e,id:r,...o})});var y=v__namespace.default.createContext({});function T2(o){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return o??"light"}function A3({children:o,defaultTheme:e,theme:r}){let[l,t]=v__namespace.default.useState(r||T2(e));function C(n){typeof window<"u"&&window.localStorage&&(n==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",n));}return v__namespace.default.useEffect(()=>{C(l);},[l]),jsxRuntime.jsx(y.Provider,{value:{theme:l,setTheme:t},children:o})}var W3=()=>v__namespace.default.useContext(y);
|
|
42
43
|
|
|
43
|
-
exports.Avatar =
|
|
44
|
-
exports.AvatarFallback =
|
|
45
|
-
exports.AvatarImage =
|
|
46
|
-
exports.Button =
|
|
47
|
-
exports.Card =
|
|
48
|
-
exports.CardContent =
|
|
49
|
-
exports.CardDescription =
|
|
50
|
-
exports.CardFooter =
|
|
51
|
-
exports.CardHeader =
|
|
52
|
-
exports.CardTitle =
|
|
53
|
-
exports.Dialog =
|
|
54
|
-
exports.DialogClose =
|
|
55
|
-
exports.DialogContent =
|
|
56
|
-
exports.DialogDescription =
|
|
57
|
-
exports.DialogFooter =
|
|
58
|
-
exports.DialogHeader =
|
|
59
|
-
exports.DialogTitle =
|
|
60
|
-
exports.DialogTrigger =
|
|
61
|
-
exports.
|
|
62
|
-
exports.
|
|
63
|
-
exports.
|
|
64
|
-
exports.
|
|
65
|
-
exports.
|
|
66
|
-
exports.
|
|
67
|
-
exports.
|
|
68
|
-
exports.
|
|
69
|
-
exports.
|
|
70
|
-
exports.
|
|
71
|
-
exports.
|
|
72
|
-
exports.
|
|
73
|
-
exports.
|
|
74
|
-
exports.
|
|
75
|
-
exports.
|
|
76
|
-
exports.
|
|
77
|
-
exports.
|
|
78
|
-
exports.
|
|
79
|
-
exports.
|
|
44
|
+
exports.Avatar = k2;
|
|
45
|
+
exports.AvatarFallback = K2;
|
|
46
|
+
exports.AvatarImage = G2;
|
|
47
|
+
exports.Button = c5;
|
|
48
|
+
exports.Card = k5;
|
|
49
|
+
exports.CardContent = C0;
|
|
50
|
+
exports.CardDescription = e0;
|
|
51
|
+
exports.CardFooter = d0;
|
|
52
|
+
exports.CardHeader = G5;
|
|
53
|
+
exports.CardTitle = J5;
|
|
54
|
+
exports.Dialog = e7;
|
|
55
|
+
exports.DialogClose = l7;
|
|
56
|
+
exports.DialogContent = h7;
|
|
57
|
+
exports.DialogDescription = _7;
|
|
58
|
+
exports.DialogFooter = Z7;
|
|
59
|
+
exports.DialogHeader = H7;
|
|
60
|
+
exports.DialogTitle = y7;
|
|
61
|
+
exports.DialogTrigger = g7;
|
|
62
|
+
exports.Form = D7;
|
|
63
|
+
exports.FormControl = w3;
|
|
64
|
+
exports.FormDescription = _3;
|
|
65
|
+
exports.FormField = X7;
|
|
66
|
+
exports.FormItem = N7;
|
|
67
|
+
exports.FormLabel = s3;
|
|
68
|
+
exports.FormMessage = b3;
|
|
69
|
+
exports.Header = X0;
|
|
70
|
+
exports.HelperText = b;
|
|
71
|
+
exports.Input = h5;
|
|
72
|
+
exports.Label = n9;
|
|
73
|
+
exports.Select = j5;
|
|
74
|
+
exports.SelectItem = D5;
|
|
75
|
+
exports.Separator = q0;
|
|
76
|
+
exports.Sheet = s0;
|
|
77
|
+
exports.SheetClose = u0;
|
|
78
|
+
exports.SheetContent = y0;
|
|
79
|
+
exports.SheetDescription = W0;
|
|
80
|
+
exports.SheetFooter = P0;
|
|
81
|
+
exports.SheetHeader = _0;
|
|
82
|
+
exports.SheetTitle = E0;
|
|
83
|
+
exports.SheetTrigger = f0;
|
|
84
|
+
exports.Textarea = $5;
|
|
85
|
+
exports.ThemeContext = y;
|
|
86
|
+
exports.ThemeProvider = A3;
|
|
87
|
+
exports.Tooltip = g5;
|
|
88
|
+
exports.TooltipProvider = H5;
|
|
89
|
+
exports.useTheme = W3;
|
package/dist/index.mjs
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import * as
|
|
1
|
+
import * as v from 'react';
|
|
2
|
+
import v__default, { forwardRef, createElement } from 'react';
|
|
3
|
+
import * as X from '@radix-ui/react-avatar';
|
|
4
4
|
import { twMerge } from 'tailwind-merge';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
import { Slot } from '@radix-ui/react-slot';
|
|
8
|
-
import * as
|
|
9
|
-
import * as
|
|
10
|
-
import * as
|
|
11
|
-
import * as
|
|
12
|
-
import
|
|
8
|
+
import * as d from '@radix-ui/react-tooltip';
|
|
9
|
+
import * as i from '@radix-ui/react-select';
|
|
10
|
+
import * as m from '@radix-ui/react-dialog';
|
|
11
|
+
import * as F1 from '@radix-ui/react-separator';
|
|
12
|
+
import { FormProvider, Controller, useFormContext } from 'react-hook-form';
|
|
13
|
+
import * as i9 from '@radix-ui/react-label';
|
|
13
14
|
|
|
14
|
-
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 Ro=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 vo=m.forwardRef(function({className:e,...t},o){return jsx(_.Image,{ref:o,className:twMerge("aspect-square h-full w-full",e),...t})});var Po=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,Vo);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 Uo=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:g=!1,size:C="md",loadingPosition:v="start",endIcon:D,startIcon:F,...M}=s,R=e?Slot:"button",b=Z({fullWidth:a,size:C,variant:t,color:o}),I=r||g;return jsx(R,{...e?s:M,"aria-disabled":I||void 0,className:b,"data-state":g?"loading":void 0,disabled:I,ref:l,role:R!=="button"?"button":void 0,tabIndex:I?-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,g=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}),M=E({size:o,site:"right"}),R=f?jsx("span",{className:C,role:d?"progressbar":void 0,children:m.cloneElement(f,{className:g})}):null,b=D?jsx("span",{className:M,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 $o=m.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...s},l){let d=ie({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=H({site:"left",disabled:r}),g=H({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",{...s,"aria-invalid":e||void 0,disabled:r,className:twMerge(d,a),ref:l}),o?jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function tr({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:s,align:l,collisionPadding:d=8,sideOffset:f=8,...g}){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,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(p.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ar({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 pr=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 ur=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 br=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 Tr=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var Ir=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex flex-col p-6",e),...t}));var Ar=m__default.forwardRef(({className:e,...t},o)=>jsx("h3",{ref:o,className:twMerge("typography-heading-5",e),...t}));var Or=m.forwardRef(({className:e,...t},o)=>jsx("p",{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t}));var Gr=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("p-6 pt-0",e),...t}));var _r=m.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex items-center p-6 pt-0",e),...t}));var Qr=S.Root;var Zr=S.Trigger;var jr=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 ma=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 Ra({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function va({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 Pa=m.forwardRef(function({className:e,...t},o){return jsx(S.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Ma=m.forwardRef(function({className:e,...t},o){return jsx(S.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var Na=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 ka({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 Oa=S.Root;var Wa=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 $a=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 ti=S.Trigger;function ai({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function li({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 mi=m.forwardRef(function({className:e,...t},o){return jsx(S.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Ri=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 so(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 Si({children:e,defaultTheme:t,theme:o}){let[r,a]=m__default.useState(o||so(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 Mi=()=>m__default.useContext(T);
|
|
15
|
+
var K=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 k2=v.forwardRef(function({className:o,size:e,...r},l){let t=K({size:e});return jsx(X.Root,{ref:l,className:twMerge(t,o),...r})});var G2=v.forwardRef(function({className:o,...e},r){return jsx(X.Image,{ref:r,className:twMerge("aspect-square h-full w-full",o),...e})});var K2=v.forwardRef(function({className:o,...e},r){return jsx(X.Fallback,{ref:r,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",o),...e})});var l1=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"}}),T=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"}}),S=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});function D(o,e){if(o==null)return {};var r={},l=Object.keys(o),t,C;for(C=0;C<l.length;C++)t=l[C],!(e.indexOf(t)>=0)&&(r[t]=o[t]);return r}var m9=["color"],t1=forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,m9);return createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),createElement("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});var R9=["color"],C1=forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,R9);return createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});var Z9=["color"],M=forwardRef(function(o,e){var r=o.color,l=r===void 0?"currentColor":r,t=D(o,Z9);return createElement("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:e}),createElement("path",{d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:l,fillRule:"evenodd",clipRule:"evenodd"}))});function F(o){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",...o,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}var c5=v.forwardRef(function({asChild:o=!1,variant:e="text",color:r="primary",disabled:l=!1,fullWidth:t=!1,...C},n){let{children:a,type:s="button",loading:p=!1,size:I="md",loadingPosition:x="start",endIcon:B,startIcon:q,...O}=C,u=o?Slot:"button",H=l1({fullWidth:t,size:I,variant:e,color:r}),_=l||p;return jsx(u,{...o?C:O,"aria-disabled":_||void 0,className:H,"data-state":p?"loading":void 0,disabled:_,ref:n,role:u!=="button"?"button":void 0,tabIndex:_?-1:0,type:u==="button"?s:void 0,children:o?jsx(i1,{children:a}):jsx(i1,{...C})})});function i1({children:o,loading:e=!1,size:r="md",loadingPosition:l="start",startIcon:t,endIcon:C,...n}){let a=e&&l==="start",s=a?jsx(F,{"aria-label":"Loading"}):t||null,p=S({size:r,loading:a}),I=T({size:r,site:"left"}),x=e&&l==="end",B=x?jsx(F,{"aria-label":"Loading"}):C||null,q=S({size:r,loading:x}),O=T({size:r,site:"right"}),u=s?jsx("span",{className:I,role:a?"progressbar":void 0,children:v.cloneElement(s,{className:p})}):null,H=B?jsx("span",{className:O,role:x?"progressbar":void 0,children:v.cloneElement(B,{className:q})}):null;return v.isValidElement(o)?v.cloneElement(o,{...n,children:jsxs(Fragment,{children:[u,v.isValidElement(o)?o.props.children:null,H]})}):jsxs(Fragment,{children:[u,o,H]})}var a1=cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),A=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var h5=v.forwardRef(function({invalid:o=!1,startIcon:e,endIcon:r,disabled:l=!1,className:t,...C},n){let a=a1({withEndIcon:!!r,withStartIcon:!!e,invalid:o}),s=A({site:"left",disabled:l}),p=A({site:"right",disabled:l});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[e?jsx("span",{className:s,children:e}):null,jsx("input",{...C,"aria-invalid":o||void 0,disabled:l,className:twMerge(a,t),ref:n}),r?jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function g5({defaultOpen:o,content:e,open:r,onOpenChange:l,children:t,side:C,align:n,collisionPadding:a=8,sideOffset:s=8,...p}){return jsxs(d.Root,{delayDuration:0,open:r,defaultOpen:o,onOpenChange:l,children:[jsx(d.Trigger,{asChild:!0,children:t}),e?jsx(d.Portal,{children:jsxs(d.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:s,side:C,align:n,collisionPadding:a,...p,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[e,jsx(d.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function H5({children:o}){return jsx(d.Provider,{skipDelayDuration:500,children:o})}var f1=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 $5=v.forwardRef(function({invalid:o=!1,...e},r){let l=f1({invalid:o});return jsx("textarea",{"aria-invalid":o||void 0,className:l,ref:r,...e})});var u1=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 j5=v.forwardRef(({children:o,placeholder:e,...r},l)=>{let t=u1();return jsxs(i.Root,{...r,children:[jsxs(i.Trigger,{className:t,ref:l,children:[jsx(i.Value,{placeholder:"Select a fruit\u2026"}),jsx(i.Icon,{className:"-mr-1.5",children:jsx(t1,{className:"h-5 w-5 text-gray-200"})})]}),jsx(i.Portal,{children:jsx(i.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(i.Viewport,{children:o})})})]})});var D5=v.forwardRef(({children:o,...e},r)=>jsxs(i.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:r,...e,children:[jsx(i.ItemText,{className:"flex-1",children:o}),jsx(i.ItemIndicator,{children:jsx(C1,{className:"h-4 w-4"})})]}));var k5=v.forwardRef(({className:o,...e},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-foreground",o),...e}));var G5=v.forwardRef(({className:o,...e},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",o),...e}));var J5=v__default.forwardRef(({className:o,...e},r)=>jsx("h3",{ref:r,className:twMerge("typography-heading-5",o),...e}));var e0=v.forwardRef(({className:o,...e},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",o),...e}));var C0=v.forwardRef(({className:o,...e},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",o),...e}));var d0=v.forwardRef(({className:o,...e},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",o),...e}));var s0=m.Root;var f0=m.Trigger;var u0=m.Close;var y1=v__default.forwardRef(function(o,e){return jsx(m.Overlay,{...o,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:e})});var B1=m.Portal;var O1=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 y0=v.forwardRef(function({side:o="right",className:e,children:r,...l},t){return jsxs(B1,{children:[jsx(y1,{}),jsxs(m.Content,{ref:t,className:twMerge(O1({side:o}),e),...l,children:[r,jsxs(m.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(M,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function _0({className:o,...e}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",o),...e})}function P0({className:o,...e}){return jsx("div",{className:twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",o),...e})}var E0=v.forwardRef(function({className:o,...e},r){return jsx(m.Title,{ref:r,className:twMerge("typography-heading-6",o),...e})});var W0=v.forwardRef(function({className:o,...e},r){return jsx(m.Description,{ref:r,className:twMerge("text-gray-200 typography-body-2",o),...e})});var q0=v.forwardRef(function({className:o,orientation:e="horizontal",decorative:r=!0,...l},t){return jsx(F1.Root,{ref:t,decorative:r,orientation:e,className:twMerge("shrink-0 bg-gray-400",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",o),...l})});function X0({children:o}){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:o})})}var e7=m.Root;var l7=m.Close;var N1=cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 flex flex-col w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full 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 G1=v.forwardRef(function(o,e){return jsx(m.Overlay,{...o,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:e})});var Q1=m.Portal;var h7=v.forwardRef(function({className:o,children:e,width:r="md",...l},t){return jsxs(Q1,{children:[jsx(G1,{}),jsxs(m.Content,{ref:t,className:twMerge(N1({width:r}),o),...l,children:[e,jsxs(m.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(M,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var g7=m.Trigger;function H7({className:o,...e}){return jsx("div",{className:twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left",o),...e})}function Z7({className:o,...e}){return jsx("div",{className:twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",o),...e})}var y7=v.forwardRef(function({className:o,...e},r){return jsx(m.Title,{ref:r,className:twMerge("typography-heading-6",o),...e})});var _7=v.forwardRef(function({className:o,...e},r){return jsx(m.Description,{ref:r,className:twMerge("text-gray-200 typography-body-2",o),...e})});var D7=FormProvider;var Z=v.createContext({});var N7=v.forwardRef(function({className:o,...e},r){let l=v.useId();return jsx(Z.Provider,{value:{id:l},children:jsx("div",{ref:r,className:twMerge("space-y-2",o),...e})})});var $=v.createContext({});var X7=({...o})=>jsx($.Provider,{value:{name:o.name},children:jsx(Controller,{...o})});var n9=v.forwardRef(function({className:o,...e},r){return jsx(i9.Root,{ref:r,className:twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",o),...e})});var f=()=>{let o=v.useContext($),e=v.useContext(Z),{getFieldState:r,formState:l}=useFormContext(),t=r(o.name,l);if(!o)throw new Error("useFormField should be used within <FormField>");let{id:C}=e;return {id:C,name:o.name,formItemId:`${C}-form-item`,formDescriptionId:`${C}-form-item-description`,formMessageId:`${C}-form-item-message`,...t}};var s3=v.forwardRef(({className:o,caption:e,...r},l)=>{let{error:t,formItemId:C}=f();return jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsx(n9,{ref:l,className:twMerge(t?"text-error-500":null,o),htmlFor:C,...r}),e?jsx("div",{className:"text-gray-200 typography-caption",children:e}):null]})});var w3=v.forwardRef(function(o,e){let{error:r,formItemId:l,formDescriptionId:t,formMessageId:C}=f(),n={...o,invalid:!!r};return jsx(Slot,{ref:e,id:l,"aria-describedby":r?`${t} ${C}`:`${t}`,"aria-invalid":!!r,...n})});var v9=cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var b=v.forwardRef(function({className:o,children:e,type:r="description",role:l,...t},C){return jsx("p",{ref:C,className:twMerge(v9({type:r}),o),role:r==="error"?"alert":l,...t,children:e})});var b3=v.forwardRef(function({children:o,...e},r){let{error:l,formMessageId:t}=f(),C=l?String(l?.message):o;return C?jsx(b,{ref:r,type:"error",id:t,...e,children:C}):null});var _3=v.forwardRef(function(o,e){let{formDescriptionId:r}=f();return jsx(b,{ref:e,id:r,...o})});var y=v__default.createContext({});function T2(o){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("theme");if(e==="dark"||!e&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return o??"light"}function A3({children:o,defaultTheme:e,theme:r}){let[l,t]=v__default.useState(r||T2(e));function C(n){typeof window<"u"&&window.localStorage&&(n==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",n));}return v__default.useEffect(()=>{C(l);},[l]),jsx(y.Provider,{value:{theme:l,setTheme:t},children:o})}var W3=()=>v__default.useContext(y);
|
|
15
16
|
|
|
16
|
-
export {
|
|
17
|
+
export { k2 as Avatar, K2 as AvatarFallback, G2 as AvatarImage, c5 as Button, k5 as Card, C0 as CardContent, e0 as CardDescription, d0 as CardFooter, G5 as CardHeader, J5 as CardTitle, e7 as Dialog, l7 as DialogClose, h7 as DialogContent, _7 as DialogDescription, Z7 as DialogFooter, H7 as DialogHeader, y7 as DialogTitle, g7 as DialogTrigger, D7 as Form, w3 as FormControl, _3 as FormDescription, X7 as FormField, N7 as FormItem, s3 as FormLabel, b3 as FormMessage, X0 as Header, b as HelperText, h5 as Input, n9 as Label, j5 as Select, D5 as SelectItem, q0 as Separator, s0 as Sheet, u0 as SheetClose, y0 as SheetContent, W0 as SheetDescription, P0 as SheetFooter, _0 as SheetHeader, E0 as SheetTitle, f0 as SheetTrigger, $5 as Textarea, y as ThemeContext, A3 as ThemeProvider, g5 as Tooltip, H5 as TooltipProvider, W3 as useTheme };
|