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

package/build/component-icon.es.js

@@ -1,6 +1,7 @@
-import { I, S } from "./component.styles-DYAuT7U2.js";
-import { a, E, b, d, c } from "./component.types-D05KdxnZ.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,
   a as ENUM_ICON_CHECKBOX,
   E as ENUM_ICON_ID,
   b as ENUM_ICON_LOADING,

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DfqhPd0e.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;
 }
@@ -39,6 +49,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;
@@ -56,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;
@@ -67,6 +80,15 @@ declare type ButtonPropsStandard = ButtonPropsDefault & {
     isIconGroup?: false;
 };
 
+declare enum ENUM_ICON_BUSTMARKET {
+    Card = 0,
+    Delivery = 1,
+    Heart = 2,
+    Reviews = 3,
+    Search = 4,
+    Menu = 5
+}
+
 declare enum ENUM_ICON_CHECKBOX {
     Radio = 0,
     Square = 1,
@@ -180,17 +202,25 @@ declare enum ENUM_ICON_LOADING {
 }
 
 declare enum ENUM_ICON_LOGO {
-    Jenesei = 0
+    Jenesei = 0,
+    BustMarket = 1
 }
 
 declare enum ENUM_ICON_REALEBAIL {
-    Map = 0,
+    MapCluster = 0,
     HomeLikes = 1,
     HomeManagement = 2,
     UserSettings = 3,
     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];
@@ -210,6 +240,7 @@ declare type IconTypeMap = {
     loading: TIconLoadingNameString;
     realebail: TIconRealEbailNameString;
     logo: TIconLogoNameString;
+    bustmarket: TIconBustMarketNameString;
 };
 
 export declare const ImageButton: FC<ImageButtonProps>;
@@ -255,11 +286,11 @@ declare type ImageSelectItemProps = {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
 
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+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>;
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+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';
 
 declare interface IThemeGenreTypeDefault {
     background: {
@@ -277,7 +308,7 @@ declare interface IThemeGenreTypeDefault {
     };
 }
 
-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';
+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';
 
@@ -297,6 +328,8 @@ declare type SXProps = ({
 
 declare type TButtonGenre = keyof IThemeGenre;
 
+declare type TIconBustMarketNameString = keyof typeof ENUM_ICON_BUSTMARKET;
+
 declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
 
 declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;

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

@@ -1,4 +1,4 @@
-import { I } from "./component-BFhXrZ3a.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-CKLd9UoP.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;
 }
@@ -58,6 +68,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;
@@ -75,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;
@@ -86,6 +99,15 @@ declare type ButtonPropsStandard = ButtonPropsDefault & {
     isIconGroup?: false;
 };
 
+declare enum ENUM_ICON_BUSTMARKET {
+    Card = 0,
+    Delivery = 1,
+    Heart = 2,
+    Reviews = 3,
+    Search = 4,
+    Menu = 5
+}
+
 declare enum ENUM_ICON_CHECKBOX {
     Radio = 0,
     Square = 1,
@@ -199,11 +221,12 @@ declare enum ENUM_ICON_LOADING {
 }
 
 declare enum ENUM_ICON_LOGO {
-    Jenesei = 0
+    Jenesei = 0,
+    BustMarket = 1
 }
 
 declare enum ENUM_ICON_REALEBAIL {
-    Map = 0,
+    MapCluster = 0,
     HomeLikes = 1,
     HomeManagement = 2,
     UserSettings = 3,
@@ -216,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> = {
@@ -237,6 +267,7 @@ declare type IconTypeMap = {
     loading: TIconLoadingNameString;
     realebail: TIconRealEbailNameString;
     logo: TIconLogoNameString;
+    bustmarket: TIconBustMarketNameString;
 };
 
 declare interface ImageButtonProps extends addSXProps {
@@ -323,13 +354,13 @@ export declare type ImageSelectWrapperProps = AddDollarSign_2<Pick<ImageSelectPr
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
 
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+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>;
 
 declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+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';
 
 declare interface IThemeGenreTypeDefault {
     background: {
@@ -363,7 +394,7 @@ declare interface IThemeGenreTypeImageSelect {
     };
 }
 
-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';
+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';
 
@@ -391,6 +422,8 @@ declare type SXProps = ({
 
 declare type TButtonGenre = keyof IThemeGenre;
 
+declare type TIconBustMarketNameString = keyof typeof ENUM_ICON_BUSTMARKET;
+
 declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
 
 declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;

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

@@ -1,4 +1,4 @@
-import { I, a, b, f, c, d, e } from "./component.styles-BfzC8j7O.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-D8QVKsqc.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.d.ts

@@ -47,7 +47,7 @@ declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
 declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+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';
 
 declare interface IThemeGenreTypeImageSelect {
     background: {

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

@@ -1,4 +1,4 @@
-import { b, I, a, S } from "./component.constants-Dtw4932G.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-l0Dr5zHf.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,9 +129,11 @@ 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';
+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';
 
 declare interface IThemeGenreTypeDefault {
     background: {
@@ -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-ClU_KFe9.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-DUUxsxY6.cjs"),e=require("./component.styles-DETkOSnM.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