myshell-react-lib 0.2.17 → 0.2.18

package/dist/index.d.cts

@@ -17,7 +17,8 @@ import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps, UseFormReturn } from 'react-hook-form';
+import { UseFormReturn, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+export { Controller, ControllerProps, FieldPath, FieldValue, FieldValues, FormProvider, Mode, useForm, useFormContext, useWatch } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { DriveStep } from 'driver.js';
 import { LucideIcon } from 'lucide-react';
@@ -134,7 +135,7 @@ declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 declare const buttonVariants: (props?: ({
     variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
@@ -194,9 +195,46 @@ declare const LinkButton: React$1.ForwardRefExoticComponent<LinkButtonProps & Re
 
 interface CascaderOption {
     label: string;
-    value: string;
+    value?: string;
+    disabled?: boolean;
     children?: CascaderOption[];
+    parent?: string;
+}
+interface CommonP {
+    value?: string;
+    defaultValue?: string;
+    onValueChange: (value: string, parent?: string) => void;
+    className?: ClassNameValue;
 }
+interface P extends CommonP {
+    options: CascaderOption[];
+    disabled?: boolean;
+    showParentLabel?: boolean;
+    placeholder?: string;
+    emptyText?: string;
+    clearByDefault?: boolean;
+    rounded?: "default" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
+    border?: "none" | "default" | null | undefined;
+    outline?: "none" | "default" | null | undefined;
+    background?: "none" | "default" | null | undefined;
+}
+declare function CascaderContent({ options, value, onValueChange, className, emptyText, buttonRef, }: {
+    options: CascaderOption[];
+    value?: string;
+    onValueChange: (value: string, parent?: string) => void;
+    className?: ClassNameValue;
+    emptyText?: string;
+    buttonRef: React__default.RefObject<HTMLButtonElement>;
+}): react_jsx_runtime.JSX.Element;
+declare function Cascader(props: P): react_jsx_runtime.JSX.Element;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "circle" | "checkbox" | "radio" | "static" | null | undefined;
@@ -351,7 +389,7 @@ declare const DropdownMenuShortcut: {
 type FormRef = UseFormReturn & {
     submit: () => void;
 };
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const Form: React$1.ForwardRefExoticComponent<Omit<Omit<any, "ref">, "ref"> & React$1.RefAttributes<UseFormReturn>>;
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
@@ -533,14 +571,14 @@ interface ImageProps {
 }
 declare function Image({ className, imgClassName, placeholder, width, height, src, rounded, fallback, object, isBackgroud, preview, fetchPriority, loading, ...otherProps }: ImageProps): react_jsx_runtime.JSX.Element;
 
-type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     isFull?: boolean;
-    border?: 'none' | 'default' | null | undefined;
-    shadow?: 'none' | 'default' | null | undefined;
-    outline?: 'none' | 'default' | null | undefined;
-    background?: 'none' | 'default' | null | undefined;
+    border?: "none" | "default" | null | undefined;
+    shadow?: "none" | "default" | null | undefined;
+    outline?: "none" | "default" | null | undefined;
+    background?: "none" | "default" | null | undefined;
     showLength?: boolean;
     rootClassName?: string;
 };
@@ -809,9 +847,9 @@ type IMiddleBar = {
 };
 declare function MiddleBar({ showSearchBar, searchValue, searchPlaceholder, title, children, energy, dailyEnergy, onSearchChange, }: IMiddleBar): react_jsx_runtime.JSX.Element;
 
-type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     isFull?: boolean;
     controls?: boolean;
 };
@@ -1044,17 +1082,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
     contentClassName?: string;
-    variant?: 'input' | 'button';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: "input" | "button";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
     noPortal?: boolean;
-    side?: SelectPrimitive.SelectContentProps['side'];
+    side?: SelectPrimitive.SelectContentProps["side"];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     isButtonVariant?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1173,11 +1211,12 @@ declare function Skeleton({ className, animate, ...props }: React.HTMLAttributes
     animate?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-type Size = 'sm' | 'lg';
+type Size = "sm" | "lg";
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & {
     size?: Size;
+    containerClassName?: ClassNameValue;
 } & React$1.RefAttributes<HTMLSpanElement>>;
-interface ISliderBaseProps extends React$1.RefAttributes<HTMLSpanElement>, Omit<SliderPrimitive.SliderProps, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit'> {
+interface ISliderBaseProps extends React$1.RefAttributes<HTMLSpanElement>, Omit<SliderPrimitive.SliderProps, "value" | "defaultValue" | "onValueChange" | "onValueCommit"> {
 }
 interface ISliderSingleProps extends ISliderBaseProps {
     size?: Size;
@@ -1713,4 +1752,4 @@ declare const LogoIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
     component?: React$1.ElementType;
 } & React$1.RefAttributes<SVGSVGElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };

package/dist/index.d.ts

@@ -17,7 +17,8 @@ import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps, UseFormReturn } from 'react-hook-form';
+import { UseFormReturn, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+export { Controller, ControllerProps, FieldPath, FieldValue, FieldValues, FormProvider, Mode, useForm, useFormContext, useWatch } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { DriveStep } from 'driver.js';
 import { LucideIcon } from 'lucide-react';
@@ -134,7 +135,7 @@ declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 declare const buttonVariants: (props?: ({
     variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
@@ -194,9 +195,46 @@ declare const LinkButton: React$1.ForwardRefExoticComponent<LinkButtonProps & Re
 
 interface CascaderOption {
     label: string;
-    value: string;
+    value?: string;
+    disabled?: boolean;
     children?: CascaderOption[];
+    parent?: string;
+}
+interface CommonP {
+    value?: string;
+    defaultValue?: string;
+    onValueChange: (value: string, parent?: string) => void;
+    className?: ClassNameValue;
 }
+interface P extends CommonP {
+    options: CascaderOption[];
+    disabled?: boolean;
+    showParentLabel?: boolean;
+    placeholder?: string;
+    emptyText?: string;
+    clearByDefault?: boolean;
+    rounded?: "default" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
+    border?: "none" | "default" | null | undefined;
+    outline?: "none" | "default" | null | undefined;
+    background?: "none" | "default" | null | undefined;
+}
+declare function CascaderContent({ options, value, onValueChange, className, emptyText, buttonRef, }: {
+    options: CascaderOption[];
+    value?: string;
+    onValueChange: (value: string, parent?: string) => void;
+    className?: ClassNameValue;
+    emptyText?: string;
+    buttonRef: React__default.RefObject<HTMLButtonElement>;
+}): react_jsx_runtime.JSX.Element;
+declare function Cascader(props: P): react_jsx_runtime.JSX.Element;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "circle" | "checkbox" | "radio" | "static" | null | undefined;
@@ -351,7 +389,7 @@ declare const DropdownMenuShortcut: {
 type FormRef = UseFormReturn & {
     submit: () => void;
 };
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const Form: React$1.ForwardRefExoticComponent<Omit<Omit<any, "ref">, "ref"> & React$1.RefAttributes<UseFormReturn>>;
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
@@ -533,14 +571,14 @@ interface ImageProps {
 }
 declare function Image({ className, imgClassName, placeholder, width, height, src, rounded, fallback, object, isBackgroud, preview, fetchPriority, loading, ...otherProps }: ImageProps): react_jsx_runtime.JSX.Element;
 
-type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     isFull?: boolean;
-    border?: 'none' | 'default' | null | undefined;
-    shadow?: 'none' | 'default' | null | undefined;
-    outline?: 'none' | 'default' | null | undefined;
-    background?: 'none' | 'default' | null | undefined;
+    border?: "none" | "default" | null | undefined;
+    shadow?: "none" | "default" | null | undefined;
+    outline?: "none" | "default" | null | undefined;
+    background?: "none" | "default" | null | undefined;
     showLength?: boolean;
     rootClassName?: string;
 };
@@ -809,9 +847,9 @@ type IMiddleBar = {
 };
 declare function MiddleBar({ showSearchBar, searchValue, searchPlaceholder, title, children, energy, dailyEnergy, onSearchChange, }: IMiddleBar): react_jsx_runtime.JSX.Element;
 
-type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     isFull?: boolean;
     controls?: boolean;
 };
@@ -1044,17 +1082,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
     contentClassName?: string;
-    variant?: 'input' | 'button';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: "input" | "button";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
     noPortal?: boolean;
-    side?: SelectPrimitive.SelectContentProps['side'];
+    side?: SelectPrimitive.SelectContentProps["side"];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     isButtonVariant?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1173,11 +1211,12 @@ declare function Skeleton({ className, animate, ...props }: React.HTMLAttributes
     animate?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-type Size = 'sm' | 'lg';
+type Size = "sm" | "lg";
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & {
     size?: Size;
+    containerClassName?: ClassNameValue;
 } & React$1.RefAttributes<HTMLSpanElement>>;
-interface ISliderBaseProps extends React$1.RefAttributes<HTMLSpanElement>, Omit<SliderPrimitive.SliderProps, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit'> {
+interface ISliderBaseProps extends React$1.RefAttributes<HTMLSpanElement>, Omit<SliderPrimitive.SliderProps, "value" | "defaultValue" | "onValueChange" | "onValueCommit"> {
 }
 interface ISliderSingleProps extends ISliderBaseProps {
     size?: Size;
@@ -1713,4 +1752,4 @@ declare const LogoIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
     component?: React$1.ElementType;
 } & React$1.RefAttributes<SVGSVGElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };