@paygreen/pgui 2.9.2 → 2.10.1

package/dist/cjs/types/components/Card/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardProps } from '@chakra-ui/react';
-export declare const Card: (props: CardProps) => JSX.Element;
+export declare const Card: (props: CardProps) => React.JSX.Element;

package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
 export type StyledMenuItemProps = HTMLChakraProps<'button'>;
-export declare const MenuItem: import("@chakra-ui/system").ComponentWithAs<"button", MenuItemProps>;
+export declare const MenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", MenuItemProps>;
 type ConfirmMenuItemProps = MenuItemProps & {
     confirmDelay?: number;
     confirmColorScheme?: string;
@@ -9,5 +9,5 @@ type ConfirmMenuItemProps = MenuItemProps & {
     confirmText?: React.ReactNode;
     confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
 };
-export declare const ConfirmMenuItem: import("@chakra-ui/system").ComponentWithAs<"button", ConfirmMenuItemProps>;
+export declare const ConfirmMenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ConfirmMenuItemProps>;
 export {};

package/dist/cjs/types/components/DataList/index.d.ts

@@ -13,19 +13,19 @@ export type DataListCellProps = FlexProps & {
     colWidth?: string | number | Record<string, string | number>;
     isVisible?: boolean | boolean[] | Record<string, boolean>;
 };
-export declare const DataListCell: ({ children, colName, colWidth, isVisible, ...rest }: DataListCellProps) => JSX.Element | null;
+export declare const DataListCell: ({ children, colName, colWidth, isVisible, ...rest }: DataListCellProps) => React.JSX.Element | null;
 export declare const DataListAccordion: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const DataListAccordionButton: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const DataListAccordionIcon: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const DataListAccordionPanel: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export type DataListRowProps = FlexProps & {
     isVisible?: boolean | boolean[] | Record<string, boolean>;
     isDisabled?: boolean;

package/dist/cjs/types/components/DayPicker/index.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 import 'dayjs/locale/en';
 import 'dayjs/locale/fr';
 export type DayPickerProps = {
-    defaultValue?: string | Date;
+    defaultValue?: string | Date | undefined;
     onChange: (e: string | undefined) => void;
     locale?: string;
     customFormat?: string;
     withTime?: boolean;
-    minDate?: Date | null;
-    maxDate?: Date | null;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
     calendarFunc?: (date: any) => 'after-max-date' | 'before-min-date' | undefined;
     fieldRef?: any;
 };
-export declare const DayPicker: ({ defaultValue, onChange, locale, customFormat, withTime, minDate, maxDate, calendarFunc, fieldRef, ...props }: DayPickerProps) => JSX.Element;
+export declare const DayPicker: ({ defaultValue, onChange, locale, customFormat, withTime, minDate, maxDate, calendarFunc, fieldRef, ...props }: DayPickerProps) => React.JSX.Element;

package/dist/cjs/types/components/FormGroup/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { FormControlProps } from '@chakra-ui/react';
 export type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue' | 'label'> & {
     children?: ReactNode;
@@ -9,4 +9,4 @@ export type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue'
     label?: ReactNode;
     showError?: boolean;
 };
-export declare const FormGroup: ({ children, errorMessage, helper, id, isRequired, label, showError, ...props }: FormGroupProps) => JSX.Element;
+export declare const FormGroup: ({ children, errorMessage, helper, id, isRequired, label, showError, ...props }: FormGroupProps) => React.JSX.Element;

package/dist/cjs/types/components/InputDayPicker/index.d.ts

@@ -1,17 +1,17 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { InputProps } from '@chakra-ui/react';
-export type InputDayPickerProps = {
+export type InputDayPickerProps = Omit<InputProps, 'minDate' | 'maxDate' | 'defaultValue'> & {
     name: string;
     placeholder?: string;
     onChange: Dispatch<SetStateAction<string | undefined | null>>;
     value?: string | Date | null;
     locale?: string;
-    variant?: 'unstyled' | 'filled' | 'outlined';
+    variant?: 'filled' | 'outline';
     format?: string;
     withTime?: boolean;
     minDate?: Date | null | undefined;
     maxDate?: Date | null | undefined;
     calendarFunc?: (date: any) => 'after-max-date' | 'before-min-date' | undefined;
     isDisabled?: boolean;
-} & InputProps;
-export declare const InputDayPicker: ({ name, placeholder, value, onChange, locale, variant, format, withTime, minDate, maxDate, calendarFunc, isDisabled, ...inputProps }: InputDayPickerProps) => JSX.Element;
+};
+export declare const InputDayPicker: ({ name, placeholder, value, onChange, locale, variant, format, withTime, minDate, maxDate, calendarFunc, isDisabled, ...inputProps }: InputDayPickerProps) => React.JSX.Element;

package/dist/cjs/types/components/InputPhone/SearchOnList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Country = {
     name: string;
     flag: string;
@@ -10,10 +10,10 @@ export type Props = {
     data: Country[];
     onChange: (args: Country) => void;
 };
-export declare const SearchOnList: ({ options, onChange, iconComponent: Icon, locale, ...selectProps }: {
+export declare const SearchOnList: ({ options, onChange, iconComponent: IconComponent, locale, ...selectProps }: {
     [x: string]: any;
     options: any;
     onChange: any;
     iconComponent: any;
     locale: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/cjs/types/components/InputPhone/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import 'react-phone-number-input/style.css';
 export type InputPhoneProps = {
     locale?: string;
@@ -9,4 +9,4 @@ export type InputPhoneProps = {
 };
 export declare const isValidPhone: (val: string) => boolean;
 export declare const formatPhoneIntl: (val: string) => string;
-export declare const InputPhone: ({ locale, value, placeholder, isDisabled, inputProps, ...props }: InputPhoneProps) => JSX.Element;
+export declare const InputPhone: ({ locale, value, placeholder, isDisabled, inputProps, ...props }: InputPhoneProps) => React.JSX.Element;

package/dist/cjs/types/components/InputRangePicker/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 export interface ValueProps {
     from: Date | null | undefined;
     to: Date | null | undefined;
@@ -12,6 +12,6 @@ export type InputRangePickerProps = {
     format?: string;
     value?: ValueProps;
     withTime?: boolean;
-    variant?: 'unstyled' | 'filled' | 'outlined';
+    variant?: 'filled' | 'outline';
 };
-export declare const InputRangePicker: ({ fromLabel, toLabel, value, onChange, minDate, maxDate, withTime, format, variant, ...props }: InputRangePickerProps) => JSX.Element;
+export declare const InputRangePicker: ({ fromLabel, toLabel, value, onChange, minDate, maxDate, withTime, format, variant, ...props }: InputRangePickerProps) => React.JSX.Element;

package/dist/cjs/types/components/ModalResponsive/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { DrawerProps, ModalProps } from '@chakra-ui/react';
 type ModalResponsiveProps = ModalProps & DrawerProps;
-export declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => JSX.Element;
+export declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => React.JSX.Element;
 export {};

package/dist/cjs/types/components/Pagination/index.d.ts

@@ -32,7 +32,7 @@ export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconBut
 export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
 export declare const PaginationInfo: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export type PaginationProps = StackProps & {
     setPage: (page: number) => void;
     page?: number;
@@ -40,4 +40,4 @@ export type PaginationProps = StackProps & {
     totalItems?: number;
     isLoadingPage?: boolean;
 };
-export declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, children, ...rest }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, children, ...rest }: PaginationProps) => React.JSX.Element;

package/dist/cjs/types/components/SearchInput/index.d.ts

@@ -5,7 +5,8 @@ type CustomProps = {
     onChange?(value?: string): void;
     delay?: number;
     clearLabel?: string;
+    inputProps?: object;
 };
 type SearchInputProps = Overwrite<InputProps, CustomProps>;
-export declare const SearchInput: import("@chakra-ui/system").ComponentWithAs<"input", SearchInputProps>;
+export declare const SearchInput: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SearchInputProps>;
 export {};

package/dist/cjs/types/components/Select/index.d.ts

@@ -13,7 +13,7 @@ export type SelectProps<Option, IsMulti extends boolean = false, Group extends G
     loadOptions?: (input: unknown) => TODO;
     defaultOptions?: unknown | boolean;
     debounceDelay?: number;
-    variant?: 'unstyled' | 'filled' | 'outlined';
+    variant?: 'filled' | 'outline';
 } & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
 export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
     isAsync?: boolean | undefined;
@@ -24,8 +24,8 @@ export declare const Select: <Option, IsMulti extends boolean = false, Group ext
     loadOptions?: ((input: unknown) => TODO) | undefined;
     defaultOptions?: unknown | boolean;
     debounceDelay?: number | undefined;
-    variant?: "unstyled" | "filled" | "outlined" | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    variant?: "outline" | "filled" | undefined;
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -71,7 +71,7 @@ export declare const Select: <Option, IsMulti extends boolean = false, Group ext
     }) => string) | undefined;
     styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;

package/dist/cjs/types/components/Textarea/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps } from '@chakra-ui/react';
 export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     onMouseEnter?: (() => void) | undefined;
     onMouseLeave?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/cjs/types/layout/BottomBar/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FlexProps } from '@chakra-ui/react';
-export declare const BottomBar: (props: FlexProps) => JSX.Element;
+export declare const BottomBar: (props: FlexProps) => React.JSX.Element;

package/dist/cjs/types/layout/LayoutContainer/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FlexProps } from '@chakra-ui/react';
-export declare const LayoutContainer: (props: FlexProps) => JSX.Element;
+export declare const LayoutContainer: (props: FlexProps) => React.JSX.Element;

package/dist/cjs/types/layout/SideNav/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
 export type SideNavProps = {
     isMobileMenuOpen: boolean;
@@ -10,10 +10,10 @@ export type SideNavMenuItemProps = {
 export type SideNavMenuProps = {
     textProps?: TextProps;
 } & StackProps;
-export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
-export declare const SideNavContainer: (props: StackProps) => JSX.Element;
-export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
-export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
-export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
-export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => JSX.Element;
-export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;
+export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => React.JSX.Element;
+export declare const SideNavContainer: (props: StackProps) => React.JSX.Element;
+export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => React.JSX.Element;
+export declare const SideNavBody: ({ children, ...rest }: StackProps) => React.JSX.Element;
+export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => React.JSX.Element;
+export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => React.JSX.Element;
+export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => React.JSX.Element;

package/dist/cjs/types/layout/TopBar/index.d.ts

@@ -1,10 +1,10 @@
-import { ReactComponentElement } from 'react';
+import React, { ReactComponentElement } from 'react';
 import { FlexProps, StackProps } from '@chakra-ui/react';
 export type TopBarBackActionProps = {
     backAction?: () => void;
     rightInformation?: ReactComponentElement<any>;
 } & FlexProps;
-export declare const TopBar: (props: StackProps) => JSX.Element;
-export declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
-export declare const TopBarLastElement: (props: StackProps) => JSX.Element;
-export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;
+export declare const TopBar: (props: StackProps) => React.JSX.Element;
+export declare const TopBarFirstElement: (props: FlexProps) => React.JSX.Element;
+export declare const TopBarLastElement: (props: StackProps) => React.JSX.Element;
+export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => React.JSX.Element;

package/dist/cjs/types/theme/components/button.d.ts

@@ -7,12 +7,16 @@ declare const _default: {
         '@primary': (props: any) => {
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
             _hover: {
                 bg: string;
                 color: string;
+                textDecoration: string;
                 _disabled: {
                     bg: string;
                 };
@@ -24,12 +28,16 @@ declare const _default: {
         '@secondary': (props: any) => {
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
             _hover: {
                 bg: string;
                 color: string;
+                textDecoration: string;
                 _disabled: {
                     bg: string;
                 };
@@ -41,12 +49,16 @@ declare const _default: {
         '@danger': (props: any) => {
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
             _hover: {
                 bg: string;
                 color: string;
+                textDecoration: string;
                 _disabled: {
                     bg: string;
                 };
@@ -59,19 +71,25 @@ declare const _default: {
             height: string;
             margin: number;
             padding: number;
-            _hover: {
-                textDecoration: string;
-                color: string;
-            };
-            _active: {
-                textDecoration: string;
-                color: string;
-            };
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
+            _hover: {
+                bg: string;
+                color: string;
+                textDecoration: string;
+                _disabled: {
+                    bg: string;
+                };
+            };
+            _active: {
+                bg: string;
+            };
         };
         '@linkNeutral': (props: any) => {
             height: string;
@@ -79,10 +97,12 @@ declare const _default: {
             padding: number;
             _hover: {
                 textDecoration: string;
-                color: string;
             };
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
@@ -93,12 +113,16 @@ declare const _default: {
         '@white': (props: any) => {
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
             _hover: {
                 bg: string;
                 color: string;
+                textDecoration: string;
                 _disabled: {
                     bg: string;
                 };
@@ -110,12 +134,16 @@ declare const _default: {
         '@whiteNeutral': (props: any) => {
             bg: string;
             color: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderColor: string;
             _focus: {
                 boxShadow: string;
             };
             _hover: {
                 bg: string;
                 color: string;
+                textDecoration: string;
                 _disabled: {
                     bg: string;
                 };

package/dist/cjs/types/theme/components/form.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {
+        helperText: {
+            color: string;
+        };
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/index.d.ts

@@ -2,7 +2,9 @@ export { default as Badge } from './badge';
 export { default as Button } from './button';
 export { default as Checkbox } from './checkbox';
 export { default as Drawer } from './drawer';
+export { default as Form } from './form';
 export { default as Input } from './input';
+export { default as Menu } from './menu';
 export { default as NumberInput } from './number-input';
 export { default as PinInput } from './pin-input';
 export { default as Radio } from './radio';

package/dist/cjs/types/theme/components/input.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
             field: {
                 bg: string;
                 borderColor: string;
+                _hover: {
+                    bg: string;
+                };
                 _focus: {
                     borderColor: string;
                 };
@@ -23,17 +26,17 @@ declare const _default: {
         filled: (props: any) => {
             field: {
                 bg: string;
-                borderWidth: string;
                 borderColor: string;
+                borderWidth: string;
                 _hover: {
                     bg: string;
-                    borderColor: string;
                 };
                 _focus: {
                     bg: string;
                     borderColor: string;
                 };
                 _focusVisible: {
+                    bg: string;
                     boxShadow: string;
                 };
             };

package/dist/cjs/types/theme/components/menu.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {
+        list: {
+            overflow: string;
+        };
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/number-input.d.ts

@@ -16,6 +16,9 @@ declare const _default: {
                 bg: string;
                 borderColor: string;
                 borderRadius: string;
+                _hover: {
+                    bg: string;
+                };
                 _focus: {
                     borderColor: string;
                 };
@@ -35,13 +38,13 @@ declare const _default: {
                 borderRadius: string;
                 _hover: {
                     bg: string;
-                    borderColor: string;
                 };
                 _focus: {
                     bg: string;
                     borderColor: string;
                 };
                 _focusVisible: {
+                    bg: string;
                     boxShadow: string;
                 };
             };

package/dist/cjs/types/theme/components/pin-input.d.ts

@@ -3,6 +3,9 @@ declare const _default: {
         outline: (props: any) => {
             bg: string;
             borderColor: string;
+            _hover: {
+                bg: string;
+            };
             _focus: {
                 borderColor: string;
             };
@@ -12,17 +15,17 @@ declare const _default: {
         };
         filled: (props: any) => {
             bg: string;
-            borderWidth: string;
             borderColor: string;
+            borderWidth: string;
             _hover: {
                 bg: string;
-                borderColor: string;
             };
             _focus: {
                 bg: string;
                 borderColor: string;
             };
             _focusVisible: {
+                bg: string;
                 boxShadow: string;
             };
         };

package/dist/cjs/types/theme/components/textarea.d.ts

@@ -10,6 +10,9 @@ declare const _default: {
         outline: (props: any) => {
             bg: string;
             borderColor: string;
+            _hover: {
+                bg: string;
+            };
             _focus: {
                 borderColor: string;
             };
@@ -19,17 +22,17 @@ declare const _default: {
         };
         filled: (props: any) => {
             bg: string;
-            borderWidth: string;
             borderColor: string;
+            borderWidth: string;
             _hover: {
                 bg: string;
-                borderColor: string;
             };
             _focus: {
                 bg: string;
                 borderColor: string;
             };
             _focusVisible: {
+                bg: string;
                 boxShadow: string;
             };
         };

package/dist/cjs/types/theme/foundations/colors.d.ts

@@ -11,7 +11,7 @@ export declare const colors: {
         800: string;
         900: string;
     };
-    gray: {
+    green: {
         50: string;
         100: string;
         200: string;
@@ -23,6 +23,9 @@ export declare const colors: {
         800: string;
         900: string;
     };
+    gradients: {
+        primary: string;
+    };
     red: {
         50: string;
         100: string;
@@ -35,7 +38,8 @@ export declare const colors: {
         800: string;
         900: string;
     };
-    orange: {
+    background: string;
+    gray: {
         50: string;
         100: string;
         200: string;
@@ -47,7 +51,7 @@ export declare const colors: {
         800: string;
         900: string;
     };
-    green: {
+    orange: {
         50: string;
         100: string;
         200: string;
@@ -59,8 +63,4 @@ export declare const colors: {
         800: string;
         900: string;
     };
-    gradients: {
-        primary: string;
-    };
-    background: string;
 };