@jenesei-software/jenesei-kit-react 1.3.8 → 1.3.10

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';
@@ -96,13 +96,10 @@ 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 { 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>;
 
@@ -123,7 +120,7 @@ export declare interface AccordionProps {
 
 export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute<    {
 type: keyof IconTypeMap_2;
-name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+name: "Menu" | "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "MapCluster" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei" | "BustMarket" | "Card" | "Delivery" | "Reviews";
 className?: string;
 onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
 size: IThemeSize_2 | "100%";
@@ -150,18 +147,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 +175,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 +231,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;
 }>>;
 
@@ -316,6 +318,9 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     }) | (Omit<IconItemProps<'logo'>, 'size'> & {
         isHidden?: boolean;
         size?: IconItemProps<'logo'>['size'];
+    }) | (Omit<IconItemProps<'bustmarket'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'logo'>['size'];
     }))[];
     isDisabled?: boolean;
     isDisabledRipple?: boolean;
@@ -333,7 +338,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;
@@ -381,7 +386,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>;
@@ -391,7 +396,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;
@@ -407,7 +412,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>;
@@ -419,13 +424,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;
@@ -446,7 +450,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;
@@ -461,7 +465,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -479,7 +482,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;
@@ -492,6 +495,8 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
     maxLength?: number;
     minLength?: number;
     isDisabled?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
     isResize?: boolean;
     isLoading?: boolean;
     isReadOnly?: boolean;
@@ -507,7 +512,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;
@@ -575,29 +580,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;
@@ -609,7 +602,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;
@@ -618,14 +611,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;
@@ -723,7 +716,7 @@ export declare type DialogContentObjectProps = {
         padding?: string;
         borderRadius?: string;
         background?: IThemePaletteKeys;
-    };
+    } & addOutlineProps;
 };
 
 export declare type DialogContentProps<T extends object> = {
@@ -750,9 +743,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>>;
 
@@ -760,7 +753,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;
@@ -768,7 +761,7 @@ isShowScroll?: boolean;
 
 export declare const DropdownListOptionIcon: IStyledComponentBase<"web", Substitute<    {
 type: keyof IconTypeMap_2;
-name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+name: "Menu" | "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "MapCluster" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei" | "BustMarket" | "Card" | "Delivery" | "Reviews";
 className?: string;
 onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
 size: IThemeSize_2 | "100%";
@@ -785,7 +778,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;
@@ -795,6 +788,15 @@ export declare const DropdownListParent: IStyledComponentBase<"web", Substitute<
 
 export declare type DropdownListParentProps = AddDollarSign<Pick<SelectProps<ISelectItem>, 'size'>>;
 
+export declare enum ENUM_ICON_BUSTMARKET {
+    Card = 0,
+    Delivery = 1,
+    Heart = 2,
+    Reviews = 3,
+    Search = 4,
+    Menu = 5
+}
+
 export declare enum ENUM_ICON_CHECKBOX {
     Radio = 0,
     Square = 1,
@@ -908,11 +910,12 @@ export declare enum ENUM_ICON_LOADING {
 }
 
 export declare enum ENUM_ICON_LOGO {
-    Jenesei = 0
+    Jenesei = 0,
+    BustMarket = 1
 }
 
 export declare enum ENUM_ICON_REALEBAIL {
-    Map = 0,
+    MapCluster = 0,
     HomeLikes = 1,
     HomeManagement = 2,
     UserSettings = 3,
@@ -936,7 +939,7 @@ export declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
-};
+} & addFontProps;
 
 export declare type ErrorMessagePropsDollar = AddDollarSign<ErrorMessageProps>;
 
@@ -946,6 +949,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;
@@ -1004,6 +1014,7 @@ export declare type IconTypeMap = {
     loading: TIconLoadingNameString;
     realebail: TIconRealEbailNameString;
     logo: TIconLogoNameString;
+    bustmarket: TIconBustMarketNameString;
 };
 
 export declare type IImageFormat = (typeof ImageSupportedFormats)[number];
@@ -1177,7 +1188,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">>>;
@@ -1202,7 +1213,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>;
 
@@ -1270,6 +1281,7 @@ export declare interface ITheme {
         lineHeight: number;
     };
     palette: Record<IThemePaletteKeys, string>;
+    background: Record<IThemePaletteKeys, string>;
     screens: IThemeScreen;
     scrollbar: {
         width: number;
@@ -1288,19 +1300,19 @@ export declare interface ITheme {
 
 export declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-export declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+export declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
 
-export declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+export declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
 
 export declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
 
 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';
+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>;
 
@@ -1462,7 +1474,7 @@ export declare interface IThemeGenreTypeToggle {
     };
 }
 
-export declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'amnezia' | 'inherit' | 'currentColor';
+export declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
 
 export declare type IThemeScreen = Record<IThemeDevice, {
     width: number;
@@ -1538,28 +1550,26 @@ export declare interface LocalStorageContextProps {
 
 export declare const LoremIpsumText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
 
-declare const Map_2: <T extends object>(props: MapProps<T>) => JSX.Element | undefined;
-export { Map_2 as Map }
+export declare const MapCluster: <T extends object>(props: MapProps<T>) => JSX.Element | undefined;
 
 export declare const MapDot: (props: MapDotProps) => JSX.Element | undefined;
 
 export declare interface MapDotProps {
-    center?: [number, number];
     onSelect: (coords: [number, number]) => void;
-    coords?: [number, number] | null;
     theme: MapTheme;
-    zoom?: number;
+    center?: [number, number];
+    coords?: [number, number] | null;
     maxBounds?: [[number, number], [number, number]];
     maxBoundsViscosity?: number;
     maxZoom?: number;
     minZoom?: number;
+    zoom?: number;
 }
 
 export declare interface MapProps<T extends object> {
-    center?: [number, number];
-    zoom?: number;
-    theme: MapTheme;
     markers: MarkerProps<T>[];
+    theme: MapTheme;
+    center?: [number, number];
     getCustomClusterLabel?: (markers: T[]) => string;
     maxBounds?: [[number, number], [number, number]];
     maxBoundsViscosity?: number;
@@ -1569,12 +1579,13 @@ export declare interface MapProps<T extends object> {
         popupWrapper?: Styles<object>;
         popupContent?: Styles<object>;
     };
+    zoom?: number;
 }
 
 export declare interface MapTheme {
+    attribution: string;
     name: string;
     url: string;
-    attribution: string;
 }
 
 export declare const MapThemeList: MapTheme[];
@@ -1590,14 +1601,14 @@ export declare type MarkerClusterProps<T extends object> = {
 } & Pick<MapProps<T>, 'getCustomClusterLabel'>;
 
 export declare interface MarkerProps<T extends object> {
+    id: string;
+    popupContent: ReactNode;
     position: {
         lat: number;
         lng: number;
     };
     options?: T;
-    id: string;
     popupProps?: PopupProps;
-    popupContent: ReactNode;
 }
 
 export declare type MonthItem = {
@@ -1660,7 +1671,7 @@ declare type PopoverProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | null>;
     size?: IThemeSize;
     genre?: TButtonGenre;
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addSXTypographyProps;
 
 export declare const Preview: FC<PreviewProps>;
 
@@ -2004,7 +2015,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;
@@ -2139,11 +2150,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;
 
@@ -2152,9 +2163,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>;
 
@@ -2227,16 +2238,16 @@ 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<    {
 type: keyof IconTypeMap_2;
-name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+name: "Menu" | "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "MapCluster" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei" | "BustMarket" | "Card" | "Delivery" | "Reviews";
 className?: string;
 onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
 size: IThemeSize_3 | "100%";
@@ -2253,12 +2264,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;
@@ -2273,7 +2284,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;
@@ -2282,16 +2293,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>>;
 
@@ -2309,15 +2320,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;
@@ -2341,11 +2352,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;
 }>;
 
@@ -2353,6 +2364,8 @@ export declare const ThemeBlack: ITheme;
 
 export declare const ThemeLight: ITheme;
 
+export declare type TIconBustMarketNameString = keyof typeof ENUM_ICON_BUSTMARKET;
+
 export declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
 
 export declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
@@ -2369,10 +2382,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;
 
@@ -2384,7 +2394,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>>;
@@ -2405,7 +2415,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>>;
 
@@ -2435,7 +2445,7 @@ export declare type TypographyAllProps = TypographyDataProps | TypographyVariant
 export declare type TypographyCSSProps = AddDollarSign<{
     sxTypography: TypographySXProps;
     sx?: SXProps;
-}>;
+}> & addOutlinePropsDollar;
 
 export declare type TypographyDataProps = TypographyDefaultProps & {
     size?: number;
@@ -2476,7 +2486,7 @@ export declare type TypographyProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
     sx: TypographySXProps;
     sxStandard?: SXProps;
-};
+} & addOutlineProps;
 
 export declare type TypographySXProps = {
     default: TypographyAllProps;
@@ -2496,8 +2506,8 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
 };
 
 declare type UncontrolledValue = {
-    value?: never;
     defaultValue: string | number | null | undefined;
+    value?: never;
 };
 
 declare type UncontrolledValue_2 = {
@@ -2513,8 +2523,8 @@ declare type UncontrolledValue_3 = {
 export declare function UpdateMapSettings(props: UpdateMapSettingsProps): null;
 
 export declare interface UpdateMapSettingsProps {
-    maxBounds?: [[number, number], [number, number]];
     center?: [number, number];
+    maxBounds?: [[number, number], [number, number]];
     zoom?: number;
 }