bako-ui 0.2.0 → 0.2.1

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import react__default, { FC } from 'react';
+import react__default, { ComponentPropsWithoutRef, FC } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
+import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Progress as Progress$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
 export { Alert, BadgeProps, Box, BoxProps, ButtonGroup, CardBodyProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, Center, CenterProps, Icon as ChakraIcon, ClientOnly, ClientOnlyProps, ClipboardTriggerProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, DialogActionTriggerProps, DialogBackdropProps, DialogBodyProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOpenChangeDetails, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps, EmptyStateContentProps, EmptyStateDescriptionProps, EmptyStateIndicatorProps, EmptyStateRootProps, EmptyStateTitleProps, Field, FieldErrorIconProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRootProps, Flex, FlexProps, FormatNumber, Heading, HeadingProps, IconProps, Image, ImageProps, InputAddonProps, InputElementProps, InputGroup, InputGroupProps, ListItemProps, ListRootProps, Spinner as Loader, SpinnerProps as LoaderProps, MenuArrowProps, MenuArrowTipProps, MenuCheckboxItemProps, MenuContentProps, MenuContextTriggerProps, MenuIndicatorProps, MenuItemCommandProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuItemTextProps, MenuOpenChangeDetails, MenuPositionerProps, MenuRadioItemGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, Portal, QrCodeRootProps, SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectIndicatorGroupProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueTextProps, Separator, SeparatorProps, SkeletonCircleProps, SkeletonProps, SkeletonTextProps, Spacer, SpacerProps, Span, SpanProps, Text, TextProps, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSteps, useStepsContext, useStepsItemContext } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, FieldPath, UseControllerProps, FieldError } from 'react-hook-form';
@@ -138,6 +138,7 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
     showTrigger?: boolean;
     clearTriggerIcon?: React.ReactNode;
     allowCustomValue?: boolean;
+    onInputValueChange?: (value: string) => void;
     slotProps?: {
         root?: Omit<ComboboxRootProps, 'collection' | 'openOnClick'>;
         label?: FieldLabelProps;
@@ -145,7 +146,24 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
     };
 };
 
-declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+/**
+ * @description A combobox component integrated with react-hook-form and Chakra UI.
+ *
+ * @example
+ * const { control } = useForm();
+ *
+ * <RhfCombobox
+ *   name="fruit"
+ *   control={control}
+ *   label="Select a fruit"
+ *   options={[
+ *     { label: 'Apple', value: 'apple' },
+ *     { label: 'Banana', value: 'banana' },
+ *     { label: 'Cherry', value: 'cherry' },
+ *   ]}
+ * />
+ */
+declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, onInputValueChange, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
 
 type RhfInputProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & {
     label: string;
@@ -225,6 +243,28 @@ declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Ele
 
 declare const EmptyState: typeof EmptyState$1;
 
+type ProgressRootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
+type ProgressRangeProps = ComponentPropsWithoutRef<typeof Progress$1.Range>;
+type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
+type ProgressValueTextProps = ComponentPropsWithoutRef<typeof Progress$1.ValueText>;
+interface ProgressProps extends ProgressRootProps {
+    showValueText?: boolean;
+    valueText?: React.ReactNode;
+    label?: React.ReactNode;
+    trackProps?: ProgressTrackProps;
+    rangeProps?: ProgressRangeProps;
+    labelProps?: ProgressLabelProps;
+    valueTextProps?: ProgressValueTextProps;
+}
+
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressRoot: react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressTrack: react.ForwardRefExoticComponent<Progress$1.TrackProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangeProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
+
 interface TooltipProps extends Tooltip$1.RootProps {
     content: react__default.ReactNode;
     showArrow?: boolean;
@@ -310,4 +350,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
 
 declare const theme: _chakra_ui_react.SystemContext;
 
-export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
+export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, Progress, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressRange, type ProgressRangeProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValueText, type ProgressValueTextProps, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import react__default, { FC } from 'react';
+import react__default, { ComponentPropsWithoutRef, FC } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
+import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Progress as Progress$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
 export { Alert, BadgeProps, Box, BoxProps, ButtonGroup, CardBodyProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, Center, CenterProps, Icon as ChakraIcon, ClientOnly, ClientOnlyProps, ClipboardTriggerProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, DialogActionTriggerProps, DialogBackdropProps, DialogBodyProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOpenChangeDetails, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps, EmptyStateContentProps, EmptyStateDescriptionProps, EmptyStateIndicatorProps, EmptyStateRootProps, EmptyStateTitleProps, Field, FieldErrorIconProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRootProps, Flex, FlexProps, FormatNumber, Heading, HeadingProps, IconProps, Image, ImageProps, InputAddonProps, InputElementProps, InputGroup, InputGroupProps, ListItemProps, ListRootProps, Spinner as Loader, SpinnerProps as LoaderProps, MenuArrowProps, MenuArrowTipProps, MenuCheckboxItemProps, MenuContentProps, MenuContextTriggerProps, MenuIndicatorProps, MenuItemCommandProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuItemTextProps, MenuOpenChangeDetails, MenuPositionerProps, MenuRadioItemGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, Portal, QrCodeRootProps, SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectIndicatorGroupProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueTextProps, Separator, SeparatorProps, SkeletonCircleProps, SkeletonProps, SkeletonTextProps, Spacer, SpacerProps, Span, SpanProps, Text, TextProps, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSteps, useStepsContext, useStepsItemContext } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, FieldPath, UseControllerProps, FieldError } from 'react-hook-form';
@@ -138,6 +138,7 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
     showTrigger?: boolean;
     clearTriggerIcon?: React.ReactNode;
     allowCustomValue?: boolean;
+    onInputValueChange?: (value: string) => void;
     slotProps?: {
         root?: Omit<ComboboxRootProps, 'collection' | 'openOnClick'>;
         label?: FieldLabelProps;
@@ -145,7 +146,24 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
     };
 };
 
-declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+/**
+ * @description A combobox component integrated with react-hook-form and Chakra UI.
+ *
+ * @example
+ * const { control } = useForm();
+ *
+ * <RhfCombobox
+ *   name="fruit"
+ *   control={control}
+ *   label="Select a fruit"
+ *   options={[
+ *     { label: 'Apple', value: 'apple' },
+ *     { label: 'Banana', value: 'banana' },
+ *     { label: 'Cherry', value: 'cherry' },
+ *   ]}
+ * />
+ */
+declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, onInputValueChange, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
 
 type RhfInputProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & {
     label: string;
@@ -225,6 +243,28 @@ declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Ele
 
 declare const EmptyState: typeof EmptyState$1;
 
+type ProgressRootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
+type ProgressRangeProps = ComponentPropsWithoutRef<typeof Progress$1.Range>;
+type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
+type ProgressValueTextProps = ComponentPropsWithoutRef<typeof Progress$1.ValueText>;
+interface ProgressProps extends ProgressRootProps {
+    showValueText?: boolean;
+    valueText?: React.ReactNode;
+    label?: React.ReactNode;
+    trackProps?: ProgressTrackProps;
+    rangeProps?: ProgressRangeProps;
+    labelProps?: ProgressLabelProps;
+    valueTextProps?: ProgressValueTextProps;
+}
+
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressRoot: react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressTrack: react.ForwardRefExoticComponent<Progress$1.TrackProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangeProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
+
 interface TooltipProps extends Tooltip$1.RootProps {
     content: react__default.ReactNode;
     showArrow?: boolean;
@@ -310,4 +350,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
 
 declare const theme: _chakra_ui_react.SystemContext;
 
-export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
+export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, Progress, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressRange, type ProgressRangeProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValueText, type ProgressValueTextProps, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };

package/dist/index.js

@@ -223,7 +223,8 @@ function RhfCombobox({
   variant,
   clearTriggerIcon,
   showTrigger = false,
-  allowCustomValue = true
+  allowCustomValue = true,
+  onInputValueChange
 }) {
   const {
     field: { value, onChange, ref, ...rest }
@@ -234,25 +235,37 @@ function RhfCombobox({
     filter: contains
   });
   const [inputValue, setInputValue] = react$1.useState(value || "");
+  const [isTyping, setIsTyping] = react$1.useState(false);
+  react$1.useEffect(() => {
+    if (isTyping) return;
+    if (value !== inputValue) {
+      setInputValue(value || "");
+    }
+  }, [value, inputValue, isTyping]);
   const handleValueChange = react$1.useCallback(
     (details) => {
       const newValue = details.value[0] || "";
+      setIsTyping(false);
       onChange(newValue);
       setInputValue(newValue);
+      onInputValueChange == null ? void 0 : onInputValueChange(newValue);
     },
-    [onChange]
+    [onChange, onInputValueChange]
   );
   const handleInputValueChange = react$1.useCallback(
     (details) => {
+      setIsTyping(true);
       setInputValue(details.inputValue);
       reactDom.flushSync(() => {
         filter(details.inputValue);
       });
+      onInputValueChange == null ? void 0 : onInputValueChange(details.inputValue);
       if (allowCustomValue) {
         onChange(details.inputValue);
       }
+      setTimeout(() => setIsTyping(false), 100);
     },
-    [filter, allowCustomValue, onChange]
+    [filter, allowCustomValue, onChange, onInputValueChange]
   );
   const handleOpenChange = react$1.useCallback(
     (details) => {
@@ -314,6 +327,7 @@ function RhfCombobox({
         invalid: !!error,
         allowCustomValue,
         selectionBehavior: "preserve",
+        defaultValue: [defaultValue || ""],
         ...slotProps == null ? void 0 : slotProps.root,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(react.Combobox.Control, { children: [
@@ -539,6 +553,30 @@ function AvatarGroup(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Group, { ...props });
 }
 var EmptyState = react.EmptyState;
+var Progress = react$1.forwardRef(
+  function Progress2(props, ref) {
+    const {
+      showValueText,
+      valueText,
+      label,
+      trackProps,
+      rangeProps,
+      labelProps,
+      valueTextProps,
+      ...rootProps
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Progress.Root, { ref, ...rootProps, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(react.Progress.Label, { ...labelProps, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Progress.Track, { ...trackProps, children: /* @__PURE__ */ jsxRuntime.jsx(react.Progress.Range, { ...rangeProps }) }),
+      showValueText && /* @__PURE__ */ jsxRuntime.jsx(react.Progress.ValueText, { ...valueTextProps, children: valueText })
+    ] });
+  }
+);
+var ProgressRoot = react.Progress.Root;
+var ProgressTrack = react.Progress.Track;
+var ProgressRange = react.Progress.Range;
+var ProgressLabel = react.Progress.Label;
+var ProgressValueText = react.Progress.ValueText;
 function Tooltip(props) {
   const { children, content, showArrow = true, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Tooltip.Root, { ...rest, children: [
@@ -762,7 +800,7 @@ var semanticColors = react.defineSemanticTokens.colors({
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.red.700}", _dark: "{colors.red.300}" }
+      value: { _light: "{colors.red.50}", _dark: "{colors.red.50}" }
     },
     subtle: {
       value: { _light: "{colors.red.100}", _dark: "{colors.red.900}" }
@@ -820,7 +858,7 @@ var semanticColors = react.defineSemanticTokens.colors({
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.green.300}", _dark: "{colors.green.300}" }
+      value: { _light: "{colors.green.50}", _dark: "{colors.green.50}" }
     },
     subtle: {
       value: { _light: "{colors.green.100}", _dark: "{colors.green.100}" }
@@ -843,7 +881,7 @@ var semanticColors = react.defineSemanticTokens.colors({
       value: { _light: "black", _dark: "black" }
     },
     fg: {
-      value: { _light: "{colors.yellow.800}", _dark: "{colors.yellow.300}" }
+      value: { _light: "{colors.yellow.50}", _dark: "{colors.yellow.50}" }
     },
     subtle: {
       value: { _light: "{colors.yellow.150}", _dark: "{colors.yellow.150}" }
@@ -860,6 +898,14 @@ var semanticColors = react.defineSemanticTokens.colors({
     focusRing: {
       value: { _light: "{colors.yellow.500}", _dark: "{colors.yellow.500}" }
     }
+  },
+  blue: {
+    solid: {
+      value: { _light: "{colors.blue.200}", _dark: "{colors.blue.200}" }
+    },
+    fg: {
+      value: { _light: "{colors.blue.50}", _dark: "{colors.blue.50}" }
+    }
   }
 });
 
@@ -889,6 +935,28 @@ var menuSlotRecipe = react.defineSlotRecipe({
     }
   }
 });
+var progessSlotRecipes = react.defineSlotRecipe({
+  slots: anatomy.progressAnatomy.keys(),
+  variants: {
+    size: {
+      xs: {
+        track: { h: "0.5" }
+      },
+      sm: {
+        track: { h: "1" }
+      },
+      md: {
+        track: { h: "2.5" }
+      },
+      lg: {
+        track: { h: "3" }
+      },
+      xl: {
+        track: { h: "4" }
+      }
+    }
+  }
+});
 var tabsSlotRecipe = react.defineSlotRecipe({
   slots: anatomy.tabsAnatomy.keys(),
   variants: {
@@ -917,11 +985,57 @@ var tabsSlotRecipe = react.defineSlotRecipe({
     }
   }
 });
+var toastSlotRecipe = react.defineSlotRecipe({
+  slots: anatomy.toastAnatomy.keys(),
+  base: {
+    root: {
+      py: "2",
+      ps: "2",
+      pe: "4",
+      gap: "2",
+      borderRadius: "lg",
+      border: "1px solid",
+      borderColor: "variable(--toast-border-color, transparent)",
+      "&[data-type=info]": {
+        bg: "blue.solid/15",
+        color: "blue.fg",
+        "--toast-trigger-bg": "{white/10}",
+        "--toast-border-color": "{blue.solid/30}"
+      },
+      "&[data-type=warning]": {
+        bg: "yellow.solid/15",
+        color: "yellow.fg",
+        "--toast-trigger-bg": "{white/10}",
+        "--toast-border-color": "{yellow.solid/30}"
+      },
+      "&[data-type=success]": {
+        bg: "green.solid/15",
+        color: "green.fg",
+        "--toast-trigger-bg": "{white/10}",
+        "--toast-border-color": "{green.solid/30}"
+      },
+      "&[data-type=error]": {
+        bg: "red.solid/15",
+        color: "red.fg",
+        "--toast-trigger-bg": "{white/10}",
+        "--toast-border-color": "{red.solid/30}"
+      }
+    },
+    title: {
+      fontWeight: "semibold"
+    },
+    description: {
+      fontStyle: "xs"
+    }
+  }
+});
 
 // src/theme/slot-recipes/index.ts
 var slotRecipes = {
   menu: menuSlotRecipe,
-  tabs: tabsSlotRecipe
+  tabs: tabsSlotRecipe,
+  progress: progessSlotRecipes,
+  toast: toastSlotRecipe
 };
 var colorsTokens = react.defineTokens.colors({
   primary: {
@@ -932,7 +1046,7 @@ var colorsTokens = react.defineTokens.colors({
     default: { value: "{colors.gray.500}" },
     contrast: { value: "{colors.gray.300}" }
   },
-  textPrimary: { value: "{colors.gray.50}" },
+  textPrimary: { value: "{colors.gray.100}" },
   textSecondary: { value: "{colors.gray.300}" },
   background: { value: "#0D0D0C" },
   // ------------------------------------------
@@ -1135,6 +1249,12 @@ exports.Loader = loader_default;
 exports.Menu = Menu;
 exports.MoneyField = MoneyField;
 exports.Popover = Popover;
+exports.Progress = Progress;
+exports.ProgressLabel = ProgressLabel;
+exports.ProgressRange = ProgressRange;
+exports.ProgressRoot = ProgressRoot;
+exports.ProgressTrack = ProgressTrack;
+exports.ProgressValueText = ProgressValueText;
 exports.QrCode = QrCode;
 exports.Radio = radio_default;
 exports.RadioGroup = RadioGroup;