@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.11

package/build/index.d.ts

@@ -1,6 +1,7 @@
 import { AccordionProps as AccordionProps_2 } from './component.types';
 import { AddDollarSign as AddDollarSign_2 } from '../..';
 import { addErrorProps as addErrorProps_2 } from './style.types';
+import { addFontProps as addFontProps_2 } from '../..';
 import { addSXProps as addSXProps_2 } from '../..';
 import { addSXProps as addSXProps_3 } from '../../styles/sx';
 import { addSXProps as addSXProps_4 } from './style.types';
@@ -20,7 +21,6 @@ import { ComponentType } from 'react';
 import { Context } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
-import { DateDayProps as DateDayProps_2 } from './component.types';
 import { DatePickerProps as DatePickerProps_2 } from './component.types';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'leaflet';
@@ -35,7 +35,9 @@ import { FastOmit } from 'styled-components';
 import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
+import { FocusHandlers } from 'framer-motion';
 import { ForwardRefComponent } from 'framer-motion';
+import { HoverHandlers } from 'framer-motion';
 import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
@@ -96,13 +98,11 @@ import { StackProps as StackProps_4 } from '../stack';
 import { Styles } from 'styled-components/dist/types';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
-import { SXProps as SXProps_2 } from '../../styles/sx';
+import { TapHandlers } from 'framer-motion';
 import { TButtonGenre as TButtonGenre_2 } from '../button';
 import { TextareaHTMLAttributes } from 'react';
 import { TextAreaProps as TextAreaProps_2 } from '../textarea';
 import { TextAreaProps as TextAreaProps_3 } from './component.types';
-import { TypographySXProps as TypographySXProps_2 } from './component.types';
-import { useDialogProps as useDialogProps_2 } from './context.types';
 
 export declare const Accordion: FC<AccordionProps>;
 
@@ -150,18 +150,12 @@ $isShowAlwaysOutline?: boolean;
 
 export declare const addColorTransition: RuleSet<object>;
 
-export declare const addDateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>;
+export declare const addDateDropdownDaySize: RuleSet<DateDropdownDayProps>;
 
 export declare const addDateInputButtonSize: RuleSet<ButtonProps>;
 
 /****************************************** Size *************************************************/
-export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -184,24 +178,35 @@ export declare interface addErrorProps {
 
 export declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
 
+export declare const addFont: RuleSet<AddDollarSign<addFontProps>>;
+
+export declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 export declare const addGridTransition: RuleSet<object>;
 
 /****************************************** is isInputEffect *************************************************/
-export declare const addInputIsInputEffect: RuleSet<Pick<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>, "$isInputEffect">>;
+export declare const addInputIsInputEffect: RuleSet<Pick<StyledInputProps, "$isInputEffect">>;
 
 /****************************************** Placeholder *************************************************/
-export declare const addInputPlaceholder: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const addInputPlaceholder: RuleSet<StyledInputProps>;
 
-export declare const addInputPlaceholderNiceNumber: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const addInputPlaceholderNiceNumber: RuleSet<StyledInputProps>;
 
 export declare const addNiceNumber: RuleSet<object>;
 
-export declare const addOutline: RuleSet<object>;
+export declare const addOutline: RuleSet<AddDollarSign<addOutlineProps>>;
 
-export declare const addOutlineChildren: RuleSet<    {
-$isReadOnly?: boolean;
-$isDisabled?: boolean;
-}>;
+export declare const addOutlineChildren: RuleSet<AddDollarSign<addOutlineProps>>;
+
+export declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+export declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
 
 export declare const addRemoveOutline: RuleSet<object>;
 
@@ -229,7 +234,7 @@ export declare type addSXTypographyProps = {
 
 export declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;
 
-export declare const addTextArea: RuleSet<AddDollarSign_2<Pick<TextAreaProps_3, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const addTextArea: RuleSet<AddDollarSign_2<Pick<TextAreaProps_3, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>;
 
@@ -336,7 +341,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
 
 export declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -384,7 +389,7 @@ export declare type CheckboxGroupProps<T extends ICheckboxValue> = {
     options: T[];
     value: T[];
     valueField: keyof T;
-} & addSXProps;
+} & addSXProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxGroupSize: RuleSet<CheckboxGroupWrapperProps>;
@@ -394,7 +399,7 @@ export declare const CheckboxGroupSizeConstructor: (props: IThemeSizePropertyDef
 /****************************************** Default *************************************************/
 export declare const CheckboxGroupWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CheckboxGroupWrapperProps>> & string;
 
-export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size'>> & addSXStyleProps;
+export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size' | 'font'>> & addSXStyleProps;
 
 export declare type CheckboxProps = PropsWithChildren & {
     checked?: boolean;
@@ -410,7 +415,7 @@ export declare type CheckboxProps = PropsWithChildren & {
     onChange?: (checked: boolean) => void;
     isWidthAsHeight?: boolean;
     size: IThemeSize;
-} & addSXProps & addErrorProps & addSXTypographyProps;
+} & addSXProps & addErrorProps & addSXTypographyProps & addOutlineProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;
@@ -422,13 +427,12 @@ export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault
 /****************************************** Default *************************************************/
 export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;
 
-export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
+export declare type CommonDatePickerProps = addErrorProps & addSXProps & addFontProps & addOutlineProps & {
     genre: TDateGenre;
     id?: string;
     isDisabled?: boolean;
     isBold?: boolean;
     isMinWidth?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: InputStandardProps['isInputEffect'];
     isOnClickClose?: boolean;
     labelPlaceholder?: string;
@@ -449,7 +453,7 @@ export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
     dateDefault: number;
 };
 
-declare type CommonInputProps = addErrorProps & addSXProps & {
+declare type CommonInputProps = addErrorProps & addFontProps & addOutlineProps & addSXProps & {
     ref?: Ref<HTMLInputElement | null>;
     name?: string;
     id?: string;
@@ -464,7 +468,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -482,7 +485,7 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     minLength?: number;
 };
 
-declare type CommonTextAreaProps = addErrorProps & addSXProps & {
+declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
     name?: string;
     autoComplete?: string;
     id?: string;
@@ -495,6 +498,8 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
     maxLength?: number;
     minLength?: number;
     isDisabled?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
     isResize?: boolean;
     isLoading?: boolean;
     isReadOnly?: boolean;
@@ -510,7 +515,7 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
 
 export declare const ContainerDropdownListOption: MemoExoticComponent<(<T extends object & ISelectItem>(props: ContainerDropdownListOptionProps<T>) => JSX.Element)>;
 
-export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon'> & {
+export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon' | 'font'> & {
     item: T;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -578,29 +583,17 @@ export declare interface DateDayProps {
     weekOfMonth: number;
 }
 
-export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>> & string;
+export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DateDropdownDayProps>> & string;
 
-export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>> & string;
+export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DateDropdownDayProps>> & string;
 
-export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
+export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size' | 'font'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
     row: number;
     column: number;
     isChoice?: boolean;
     isCurrentMonth?: boolean;
     isDisabled?: boolean;
-}>;
+}> & addOutlinePropsDollar;
 
 export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
 $rows: number;
@@ -612,7 +605,7 @@ export declare const DateDropdownListParent: IStyledComponentBase<"web", Substit
 
 export declare type DateDropdownListProps = AddDollarSign<Pick<DatePickerProps, 'isInputEffect'> & Pick<DatePickerProps, 'genre' | 'size'>>;
 
-export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -621,14 +614,14 @@ isShowPlaceholder?: boolean;
 
 export declare const DateInputButton: IStyledComponentBase<"web", Substitute<ButtonProps & BaseObject, BaseObject>> & string & Omit<FC<ButtonProps>, keyof Component<any, {}, any>>;
 
-export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly' | 'isDisabled'> & {
+export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly' | 'isDisabled' | 'font'> & {
     isOpen?: boolean;
     isActive?: boolean;
     isHaveValue?: boolean;
     isShowPlaceholder?: boolean;
 }>;
 
-export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -726,7 +719,7 @@ export declare type DialogContentObjectProps = {
         padding?: string;
         borderRadius?: string;
         background?: IThemePaletteKeys;
-    };
+    } & addOutlineProps;
 };
 
 export declare type DialogContentProps<T extends object> = {
@@ -753,9 +746,9 @@ export declare type DialogContextProps<T extends object> = {
 
 export declare type DialogElementProps = Pick<DialogContentProps<object>, 'id' | 'index' | 'content' | 'props'> & Pick<DialogContextItemProps<object>, 'remove'>;
 
-export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, AddDollarSign_2<useDialogProps_2<object>>>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
+export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, DialogElementWrapperProps>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
 
-export declare type DialogElementWrapperProps = AddDollarSign<useDialogProps<object>>;
+export declare type DialogElementWrapperProps = AddDollarSign<useDialogProps<object>> & addOutlinePropsDollar;
 
 export declare const DialogLayout: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ProviderDialogProps_2, "zIndex">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
@@ -763,7 +756,7 @@ export declare type DialogLayoutProps = AddDollarSign<Pick<ProviderDialogProps,
 
 export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 
-export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign_2<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
+export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign_2<Pick<SelectProps_2<ISelectItem_2>, "size" | "font" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
 item?: ISelectItem_2;
 isChecked?: boolean;
 isShowScroll?: boolean;
@@ -788,7 +781,7 @@ export declare type DropdownListOptionIconProps = AddDollarSign<Pick<SelectProps
     checked?: boolean;
 }>;
 
-export declare type DropdownListOptionProps = AddDollarSign<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold'> & {
+export declare type DropdownListOptionProps = AddDollarSign<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'font'> & {
     item?: ISelectItem;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -949,7 +942,7 @@ export declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
-};
+} & addFontProps;
 
 export declare type ErrorMessagePropsDollar = AddDollarSign<ErrorMessageProps>;
 
@@ -959,6 +952,13 @@ declare type FixedTextAreaProps = BaseTextAreaProps & {
     maxRows?: never;
 };
 
+export declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 export declare function formatPhoneNumber(dialCode: string, international: string): {
     format: string;
     placeholder: string;
@@ -1191,7 +1191,7 @@ export declare type InputOTPProps = {
     onComplete?: (otp: string) => void;
     onFocus?: (event?: FocusEvent_2<HTMLElement>) => void;
     onBlur?: (event?: FocusEvent_2<HTMLElement>) => void;
-} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange'>;
+} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange' | 'font'>;
 
 /****************************************** Size *************************************************/
 export declare const InputOTPSize: RuleSet<AddDollarSign_2<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
@@ -1216,7 +1216,7 @@ export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute
 export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
 
 /****************************************** Size *************************************************/
-export declare const InputSize: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const InputSize: RuleSet<StyledInputProps>;
 
 export declare const InputSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
 
@@ -1311,11 +1311,11 @@ export declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | '
 
 export declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
 
-export declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+export declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
 
 export declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
-export declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeRange>;
+export declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeRange>;
 
 export declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
 
@@ -1654,13 +1654,13 @@ export declare type PaginationProps = {
 export declare const PermissionContext: Context<PermissionContextProps | null>;
 
 export declare interface PermissionContextProps {
-    pushNotificationSupported: boolean;
+    geolocationPermission: PermissionState | null;
     isBiometricSupported: boolean;
-    notificationPermission: NotificationPermission | null;
     isNotificationPermissionLoading: boolean;
-    requestNotificationPermission: () => Promise<NotificationPermission | undefined>;
-    geolocationPermission: PermissionState | null;
+    notificationPermission: NotificationPermission | null;
+    pushNotificationSupported: boolean;
     requestGeolocationPermission: () => void;
+    requestNotificationPermission: () => Promise<NotificationPermission | undefined>;
 }
 
 declare type PopoverProps = PropsWithChildren & {
@@ -1674,7 +1674,7 @@ declare type PopoverProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | null>;
     size?: IThemeSize;
     genre?: TButtonGenre;
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addSXTypographyProps;
 
 export declare const Preview: FC<PreviewProps>;
 
@@ -2018,7 +2018,7 @@ export declare type SelectMonthsProps = Omit<SelectProps<ISelectItem>, 'option'
     monthsLocale: MonthItem[];
 };
 
-export declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+export declare type SelectProps<T extends ISelectItem> = addErrorProps & addFontProps & addSXProps & {
     id?: string;
     size: IThemeSize;
     genre: TInputSelect;
@@ -2153,11 +2153,11 @@ declare type SonnerContentDefaultProps = {
         onClick?: () => void;
     } | false;
     index: number;
-};
+} & addFontProps;
 
-export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "font" | "genre">>>>> & string;
 
-export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
 
 export declare type SonnerContentProps = SonnerContentContentProps | SonnerContentStandardProps;
 
@@ -2166,9 +2166,9 @@ export declare type SonnerContentStandardProps = SonnerContentDefaultProps & {
     title?: string | ReactNode;
 };
 
-export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "font" | "genre">>>>> & string;
 
-export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
 
 export declare const SonnerContext: Context<SonnerContextProps | null>;
 
@@ -2214,13 +2214,8 @@ export declare const Stack: FC<StackProps>;
 
 export declare const StackMotion: FC<StackMotionProps>;
 
-export declare type StackMotionProps = StackProps & LayoutProps & AnimationProps & DraggableProps & {
+export declare type StackMotionProps = StackProps & LayoutProps & AnimationProps & HoverHandlers & TapHandlers & FocusHandlers & DraggableProps & {
     style?: CSSProperties;
-    className?: string;
-    isHover?: boolean;
-    isRipple?: boolean;
-    onClick?: () => void;
-    ref?: Ref<HTMLDivElement | null>;
 };
 
 export declare interface StackProps extends addSXProps, PropsWithChildren {
@@ -2228,8 +2223,8 @@ export declare interface StackProps extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 
@@ -2241,11 +2236,11 @@ export declare type StyledButtonGroupProps = AddDollarSign<Pick<ButtonGroupProps
 /****************************************** Icons Wrapper *************************************************/
 export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps_2, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup_2, "iconGroupOrder">>>> & string;
 
-export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps;
+export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder' | 'font'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps & addOutlinePropsDollar;
 
 export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
 
-export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect'>> & addSXStyleProps & addSXTypographyStyleProps;
+export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect' | 'font'>> & addSXStyleProps & addOutlinePropsDollar & addSXTypographyStyleProps;
 
 /****************************************** Styled *************************************************/
 export declare const StyledIcon: IStyledComponentBase<"web", Substitute<    {
@@ -2267,12 +2262,12 @@ export declare type StyledIconIdItemProps = AddDollarSign<Pick<IconItemProps<'id
 
 export declare type StyledIconProps = AddDollarSign<Pick<CheckboxProps, 'genre' | 'checked'>>;
 
-export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string;
+export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
 
 export declare type StyledInputChildrenProps = AddDollarSign<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
 
 /****************************************** Default *************************************************/
-export declare const StyledInputCSS: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const StyledInputCSS: RuleSet<StyledInputProps>;
 
 export declare const StyledInputNumeric: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
 thousandSeparator?: boolean | string;
@@ -2287,7 +2282,7 @@ suffix?: string;
 prefix?: string;
 } & Omit<InputAttributes, never> & Omit<unknown, "value" | "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
 customInput?: ComponentType<unknown> | undefined;
-}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
+}, StyledInputProps>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
 
 export declare const StyledInputPattern: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
 format: string;
@@ -2296,16 +2291,16 @@ allowEmptyFormatting?: boolean;
 patternChar?: string;
 } & Omit<InputAttributes, never> & Omit<unknown, "mask" | "value" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
 customInput?: ComponentType<unknown> | undefined;
-}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+}, StyledInputProps>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
 
-export declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+export declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter' | 'font'>> & addOutlinePropsDollar;
 
 /****************************************** Wrapper *************************************************/
 export declare const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
 
 export declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
 
-export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
+export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, StyledInputProps>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
 
 export declare const StyledScroll: IStyledComponentBase<"web", Substitute<StackProps_2, StyledScrollProps>> & string & Omit<FC<StackProps_2>, keyof Component<any, {}, any>>;
 
@@ -2323,15 +2318,15 @@ export declare type StyledStackProps = AddDollarSign<StackProps>;
 
 export declare const StyledSVG: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconIdItemProps>> & string;
 
-export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type StyledTextAreaProps = AddDollarSign<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize'> & {
+export declare type StyledTextAreaProps = AddDollarSign<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize' | 'font'> & {
     lineHeight: number;
 }>;
 
-export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps;
+export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps & addOutlinePropsDollar;
 
 export declare type SXProps = ({
     default: CSSObject;
@@ -2355,11 +2350,11 @@ export declare type TextAreaGenre = keyof IThemeGenreTextArea;
 
 export declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
 
-export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "sx" | "isDisabled" | "genre" | "isReadOnly" | "isInputEffect"> & {
+export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type TextAreaWrapperProps = AddDollarSign<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly'> & {
+export declare type TextAreaWrapperProps = AddDollarSign<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly' | 'isDisabledOutline' | 'isOutlineBoxShadow'> & {
     lineHeight: number;
 }>;
 
@@ -2385,10 +2380,7 @@ export declare type TInputGenre = keyof IThemeGenreInput;
 
 export declare type TInputSelect = keyof IThemeGenreSelect;
 
-export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<    {
-sxTypography: TypographySXProps_2;
-sx?: SXProps_2;
-}>>> & string;
+export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TypographyCSSProps>> & string;
 
 export declare const Toggle: (props: ToggleProps) => JSX.Element;
 
@@ -2400,7 +2392,7 @@ export declare type ToggleProps = {
     isDisabled?: boolean;
     genre: TToggleGenre;
     size: IThemeSize;
-} & addErrorProps;
+} & addErrorProps & addOutlineProps;
 
 /****************************************** Standard *************************************************/
 export declare const ToggleWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
@@ -2421,7 +2413,7 @@ onClose?: () => void;
 ref?: Ref<HTMLElement | null>;
 size?: IThemeSize_3;
 genre?: TButtonGenre_2;
-} & addSXProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+} & addSXProps_2 & addFontProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
 
 export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps_4, never>> & string & Omit<FC<StackProps_4>, keyof Component<any, {}, any>>;
 
@@ -2451,7 +2443,7 @@ export declare type TypographyAllProps = TypographyDataProps | TypographyVariant
 export declare type TypographyCSSProps = AddDollarSign<{
     sxTypography: TypographySXProps;
     sx?: SXProps;
-}>;
+}> & addOutlinePropsDollar;
 
 export declare type TypographyDataProps = TypographyDefaultProps & {
     size?: number;
@@ -2492,7 +2484,7 @@ export declare type TypographyProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
     sx: TypographySXProps;
     sxStandard?: SXProps;
-};
+} & addOutlineProps;
 
 export declare type TypographySXProps = {
     default: TypographyAllProps;
@@ -2512,8 +2504,8 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
 };
 
 declare type UncontrolledValue = {
-    value?: never;
     defaultValue: string | number | null | undefined;
+    value?: never;
 };
 
 declare type UncontrolledValue_2 = {