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

package/build/component-date-picker.d.ts

@@ -5,7 +5,6 @@ import { ClipboardEventHandler } from 'react';
 import { Component } 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 { DefaultTheme } from 'styled-components';
@@ -32,18 +31,12 @@ import { RefAttributes } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
-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;
@@ -58,6 +51,18 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -112,7 +117,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;
 
 declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -123,13 +128,12 @@ declare type ButtonPropsStandard = ButtonPropsDefault & {
     isIconGroup?: false;
 };
 
-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;
@@ -150,7 +154,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;
@@ -165,7 +169,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -205,29 +208,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;
@@ -239,7 +230,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;
@@ -248,14 +239,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;
@@ -429,6 +420,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 declare type IconItemProps<T extends keyof IconTypeMap> = {
@@ -504,7 +502,7 @@ declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder'
 
 declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
 
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
 
 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';
 
@@ -596,7 +594,7 @@ declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' | 'value
     monthsLocale: MonthItem[];
 };
 
-declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+declare type SelectProps<T extends ISelectItem> = addErrorProps & addFontProps & addSXProps & {
     id?: string;
     size: IThemeSize;
     genre: TInputSelect;
@@ -646,7 +644,7 @@ declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
     getEstimateSize?: (index: number) => number;
 };
 
-declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter' | 'font'>> & addOutlinePropsDollar;
 
 declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
 
@@ -716,8 +714,8 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
 };
 
 declare type UncontrolledValue = {
-    value?: never;
     defaultValue: string | number | null | undefined;
+    value?: never;
 };
 
 declare type UncontrolledValue_2 = {

package/build/component-date-picker.es.js

@@ -1,4 +1,4 @@
-import { f, g, d, c, b, h, l, j, D, m, a, e, k, i } from "./component.types-BzBjcohg.js";
+import { f, g, d, c, b, h, l, j, D, m, a, e, k, i } from "./component.types-CSnoBg2y.js";
 export {
   f as DateDropdownDay,
   g as DateDropdownDayOfWeek,

package/build/component-icon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DSle6iuF.cjs"),N=require("./component.types-DraGq1j_.cjs");exports.Icon=e.Icon,exports.StyledSVG=e.StyledSVG,exports.ENUM_ICON_BUSTMARKET=N.ENUM_ICON_BUSTMARKET,exports.ENUM_ICON_CHECKBOX=N.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=N.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=N.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=N.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=N.ENUM_ICON_REALEBAIL;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BKnUDWqO.cjs"),N=require("./component.types-DraGq1j_.cjs");exports.Icon=e.Icon,exports.StyledSVG=e.StyledSVG,exports.ENUM_ICON_BUSTMARKET=N.ENUM_ICON_BUSTMARKET,exports.ENUM_ICON_CHECKBOX=N.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=N.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=N.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=N.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=N.ENUM_ICON_REALEBAIL;
 //# sourceMappingURL=component-icon.cjs.js.map

package/build/component-icon.es.js

@@ -1,4 +1,4 @@
-import { I, S } from "./component.styles-Bm3Ec-Kd.js";
+import { I, S } from "./component.styles-DS0ofW1Y.js";
 import { e, a, E, b, d, c } from "./component.types-BBQ18Npa.js";
 export {
   e as ENUM_ICON_BUSTMARKET,

package/build/component-image-button.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DHq4T6Ku.cjs");exports.ImageButton=e.ImageButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-BYox4gmt.cjs");exports.ImageButton=e.ImageButton;
 //# sourceMappingURL=component-image-button.cjs.js.map

package/build/component-image-button.d.ts

@@ -7,6 +7,16 @@ import { FC } from 'react';
 import { PropsWithChildren } from 'react';
 import { Ref } from 'react';
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -59,7 +69,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;
 
 declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -204,6 +214,13 @@ declare enum ENUM_ICON_REALEBAIL {
     User = 4
 }
 
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 declare type IconItemProps<T extends keyof IconTypeMap> = {
     type: T;
     name: IconTypeMap[T];

package/build/component-image-button.es.js

@@ -1,4 +1,4 @@
-import { I } from "./component-DfxlJBGv.js";
+import { I } from "./component-CvW0MIM8.js";
 export {
   I as ImageButton
 };

package/build/component-image-select.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles--Ug3PJQ6.cjs");exports.ImageSelect=e.ImageSelect,exports.ImageSelectListSize=e.ImageSelectListSize,exports.ImageSelectListSizeConstructor=e.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=e.ImageSelectListWrapper,exports.ImageSelectSize=e.ImageSelectSize,exports.ImageSelectSizeConstructor=e.ImageSelectSizeConstructor,exports.ImageSelectWrapper=e.ImageSelectWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-iHE8mmya.cjs");exports.ImageSelect=e.ImageSelect,exports.ImageSelectListSize=e.ImageSelectListSize,exports.ImageSelectListSizeConstructor=e.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=e.ImageSelectListWrapper,exports.ImageSelectSize=e.ImageSelectSize,exports.ImageSelectSizeConstructor=e.ImageSelectSizeConstructor,exports.ImageSelectWrapper=e.ImageSelectWrapper;
 //# sourceMappingURL=component-image-select.cjs.js.map

package/build/component-image-select.d.ts

@@ -26,6 +26,16 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -78,7 +88,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;
 
 declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -229,6 +239,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 declare type IconItemProps<T extends keyof IconTypeMap> = {

package/build/component-image-select.es.js

@@ -1,4 +1,4 @@
-import { I, a, b, f, c, d, e } from "./component.styles-CggIUAVx.js";
+import { I, a, b, f, c, d, e } from "./component.styles-DOnQEUrI.js";
 export {
   I as ImageSelect,
   a as ImageSelectListSize,

package/build/component-image-slider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.constants-DwRduxMm.cjs");exports.IMAGES=e.IMAGES,exports.ImageSlider=e.ImageSlider,exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.constants-DRPyaSU8.cjs");exports.IMAGES=e.IMAGES,exports.ImageSlider=e.ImageSlider,exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage;
 //# sourceMappingURL=component-image-slider.cjs.js.map

package/build/component-image-slider.es.js

@@ -1,4 +1,4 @@
-import { b, I, a, S } from "./component.constants-C7DGbAC8.js";
+import { b, I, a, S } from "./component.constants-amkB3VHg.js";
 export {
   b as IMAGES,
   I as ImageSlider,

package/build/component-image.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DLU0S0KI.cjs");exports.Image=e.Image,exports.ImageIMG=e.ImageIMG;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BTsmbWT6.cjs");exports.Image=e.Image,exports.ImageIMG=e.ImageIMG;
 //# sourceMappingURL=component-image.cjs.js.map

package/build/component-image.es.js

@@ -1,4 +1,4 @@
-import { I, a } from "./component.styles-BirbSbuD.js";
+import { I, a } from "./component.styles-CPWNnqqm.js";
 export {
   I as Image,
   a as ImageIMG

package/build/component-input-otp.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.styles-CISd4naT.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=t.InputOTPSize,exports.InputOTPSizeConstructor=t.InputOTPSizeConstructor,exports.InputOTPWrapper=t.InputOTPWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.styles-gZHy-64x.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=t.InputOTPSize,exports.InputOTPSizeConstructor=t.InputOTPSizeConstructor,exports.InputOTPWrapper=t.InputOTPWrapper;
 //# sourceMappingURL=component-input-otp.cjs.js.map

package/build/component-input-otp.d.ts

@@ -1,6 +1,7 @@
 import { AddDollarSign } from '../..';
 import { ClipboardEventHandler } from 'react';
 import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
@@ -25,13 +26,23 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
 
 declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
 
-declare type CommonInputProps = addErrorProps & addSXProps & {
+declare type CommonInputProps = addErrorProps & addFontProps & addOutlineProps & addSXProps & {
     ref?: Ref<HTMLInputElement | null>;
     name?: string;
     id?: string;
@@ -46,7 +57,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -75,6 +85,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 declare interface InputChildrenProps extends PropsWithChildren {
@@ -90,7 +107,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<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
@@ -112,7 +129,9 @@ declare type InputStandardProps = BaseInputProps & {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
+
+declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
 
 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';
 
@@ -132,6 +151,8 @@ declare interface IThemeGenreTypeDefault {
     };
 }
 
+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';
+
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
 declare interface IThemeSizePropertyDefault {
@@ -142,6 +163,8 @@ declare interface IThemeSizePropertyDefault {
     radius: number;
 }
 
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
 declare type SXProps = ({
     default: CSSObject;
 } & {
@@ -154,9 +177,32 @@ declare type SXProps = ({
 
 declare type TInputGenre = keyof IThemeGenreInput;
 
+declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number | string;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
+};
+
 declare type UncontrolledValue = {
-    value?: never;
     defaultValue: string | number | null | undefined;
+    value?: never;
 };
 
 export { }

package/build/component-input-otp.es.js

@@ -1,4 +1,4 @@
-import { I, a, b, c } from "./component.styles-C1p3V7H6.js";
+import { I, a, b, c } from "./component.styles-BDKsgd6y.js";
 export {
   I as InputOTP,
   a as InputOTPSize,

package/build/component-input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-Dn-VRY7-.cjs"),e=require("./component.styles-Crx4pACx.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component--jGdo2yq.cjs"),e=require("./component.styles-BeRVOt5T.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
 //# sourceMappingURL=component-input.cjs.js.map