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

package/build/component-input.d.ts

@@ -3,6 +3,7 @@ import { ClipboardEventHandler } from 'react';
 import { Component } from 'react';
 import { ComponentType } from 'react';
 import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FocusEventHandler } from 'react';
@@ -38,13 +39,25 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 /****************************************** is isInputEffect *************************************************/
-export declare const addInputIsInputEffect: RuleSet<Pick<AddDollarSign<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<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<StyledInputProps>;
 
-export declare const addInputPlaceholderNiceNumber: RuleSet<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+declare type addOutlinePropsDollar = AddDollarSign_2<addOutlineProps>;
 
 declare interface addSXProps {
     sx?: SXProps;
@@ -52,7 +65,7 @@ declare interface addSXProps {
 
 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;
@@ -67,7 +80,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -96,6 +108,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'];
 };
 
 export declare function formatPhoneNumber(dialCode: string, international: string): {
@@ -131,7 +150,7 @@ export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute
 export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
 
 /****************************************** Size *************************************************/
-export declare const InputSize: RuleSet<AddDollarSign<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>;
 
@@ -146,9 +165,11 @@ export 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: {
@@ -166,6 +187,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 {
@@ -176,12 +199,14 @@ declare interface IThemeSizePropertyDefault {
     radius: number;
 }
 
-export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string;
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
+export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
 
 export declare type StyledInputChildrenProps = AddDollarSign_2<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
 
 /****************************************** Default *************************************************/
-export declare const StyledInputCSS: RuleSet<AddDollarSign<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;
@@ -196,7 +221,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<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;
@@ -205,16 +230,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<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_2<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+export declare type StyledInputProps = AddDollarSign_2<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<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
 
 export declare type StyledInputWrapperProps = AddDollarSign_2<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
 
-export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, AddDollarSign<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>>;
 
 declare type SXProps = ({
     default: CSSObject;
@@ -228,9 +253,32 @@ declare type SXProps = ({
 
 export 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.es.js

@@ -1,5 +1,5 @@
-import { I, f } from "./component-D8qbXvM4.js";
-import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-CMXsg9Uj.js";
+import { I, f } from "./component-DaXKDHnc.js";
+import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-BbwS_Ekx.js";
 export {
   I as Input,
   k as InputPostfixChildren,

package/build/component-map.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.components-BWWKHxKD.cjs");exports.CustomZoomControl=t.CustomZoomControl,exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.Map=t.Map,exports.MapDot=t.MapDot,exports.MapWrapper=t.MapWrapper,exports.MarkerCluster=t.MarkerCluster,exports.UpdateMapSettings=t.UpdateMapSettings,exports.createClusterIcon=t.createClusterIcon,exports.customDefaultIcon=t.customDefaultIcon,exports.customTextIcon=t.customTextIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.components-CeKyOsDE.cjs");exports.CustomZoomControl=t.CustomZoomControl,exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.MapCluster=t.MapCluster,exports.MapDot=t.MapDot,exports.MapWrapper=t.MapWrapper,exports.MarkerCluster=t.MarkerCluster,exports.UpdateMapSettings=t.UpdateMapSettings,exports.createClusterIcon=t.createClusterIcon,exports.customDefaultIcon=t.customDefaultIcon,exports.customTextIcon=t.customTextIcon;
 //# sourceMappingURL=component-map.cjs.js.map

package/build/component-map.d.ts

@@ -26,28 +26,26 @@ export declare const DEFAULT_MAP_THEME: MapTheme;
 
 export declare const DEFAULT_MAP_ZOOM = 13;
 
-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;
@@ -57,12 +55,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 MapWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
@@ -76,21 +75,21 @@ 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 function UpdateMapSettings(props: UpdateMapSettingsProps): null;
 
 export declare interface UpdateMapSettingsProps {
-    maxBounds?: [[number, number], [number, number]];
     center?: [number, number];
+    maxBounds?: [[number, number], [number, number]];
     zoom?: number;
 }
 

package/build/component-map.es.js

@@ -1,4 +1,4 @@
-import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-BPIVZi-R.js";
+import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-f-tFdB6f.js";
 export {
   C as CustomZoomControl,
   c as DEFAULT_MAP_CENTER,
@@ -6,7 +6,7 @@ export {
   a as DEFAULT_MAP_MIN_ZOOM,
   d as DEFAULT_MAP_THEME,
   b as DEFAULT_MAP_ZOOM,
-  M as Map,
+  M as MapCluster,
   e as MapDot,
   g as MapWrapper,
   f as MarkerCluster,

package/build/component-pagination.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-DyKCJRH3.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-B9xzGc3A.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
 //# sourceMappingURL=component-pagination.cjs.js.map

package/build/component-pagination.d.ts

@@ -6,6 +6,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;
 }
@@ -38,6 +48,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;
@@ -55,7 +68,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;
@@ -68,6 +81,15 @@ declare type ButtonPropsStandard = ButtonPropsDefault & {
 
 export declare const DEFAULT_COMPONENT_PAGINATION_GAP = 12;
 
+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,
@@ -181,17 +203,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];
@@ -211,15 +241,16 @@ declare type IconTypeMap = {
     loading: TIconLoadingNameString;
     realebail: TIconRealEbailNameString;
     logo: TIconLogoNameString;
+    bustmarket: TIconBustMarketNameString;
 };
 
 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: {
@@ -237,7 +268,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';
 
@@ -278,6 +309,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-pagination.es.js

@@ -1,4 +1,4 @@
-import { D, P } from "./component.constants-CmQuESzl.js";
+import { D, P } from "./component.constants-BrJrCmlA.js";
 export {
   D as DEFAULT_COMPONENT_PAGINATION_GAP,
   P as Pagination

package/build/component-range.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-b_DLfQqU.cjs");exports.Range=e.Range,exports.RangeThumb=e.RangeThumb,exports.RangeTrack=e.RangeTrack,exports.RangeWrapper=e.RangeWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-ZU_GyVub.cjs");exports.Range=e.Range,exports.RangeThumb=e.RangeThumb,exports.RangeTrack=e.RangeTrack,exports.RangeWrapper=e.RangeWrapper;
 //# sourceMappingURL=component-range.cjs.js.map

package/build/component-range.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 { FocusEventHandler } from 'react';
@@ -24,13 +25,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;
@@ -45,7 +56,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -74,6 +84,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 {
@@ -93,9 +110,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: {
@@ -113,8 +132,12 @@ 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 type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
 declare const Range_2: (props: RangeProps) => JSX.Element;
 export { Range_2 as Range }
 
@@ -155,9 +178,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-range.es.js

@@ -1,4 +1,4 @@
-import { R, c, b, a } from "./component.styles-usmYNSi8.js";
+import { R, c, b, a } from "./component.styles-BGYbrzvh.js";
 export {
   R as Range,
   c as RangeThumb,

package/build/component-ripple.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-Dpg-__rn.cjs"),p=require("./component-D7A-4DNQ.cjs");exports.DEFAULT_RIPPLE_DURATION=e.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=e.DEFAULT_RIPPLE_ID,exports.RippleContainer=e.RippleContainer,exports.RippleSpan=e.RippleSpan,exports.addRipple=e.addRipple,exports.addRippleDefault=e.addRippleDefault,exports.Ripple=p.Ripple;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-Dpg-__rn.cjs"),p=require("./component-CLqcB5mM.cjs");exports.DEFAULT_RIPPLE_DURATION=e.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=e.DEFAULT_RIPPLE_ID,exports.RippleContainer=e.RippleContainer,exports.RippleSpan=e.RippleSpan,exports.addRipple=e.addRipple,exports.addRippleDefault=e.addRippleDefault,exports.Ripple=p.Ripple;
 //# sourceMappingURL=component-ripple.cjs.js.map

package/build/component-ripple.es.js

@@ -1,5 +1,5 @@
 import { D, a, R, b, c, d } from "./component.styles-B0L4jbOO.js";
-import { R as R2 } from "./component-vpCWcIhC.js";
+import { R as R2 } from "./component-DHM9pbab.js";
 export {
   D as DEFAULT_RIPPLE_DURATION,
   a as DEFAULT_RIPPLE_ID,

package/build/component-select.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-B5kjhqh4.cjs");exports.ButtonList=e.ButtonList,exports.ContainerDropdownListOption=e.ContainerDropdownListOption,exports.ContainerSelectListOption=e.ContainerSelectListOption,exports.DropdownList=e.DropdownList,exports.DropdownListOption=e.DropdownListOption,exports.DropdownListOptionIcon=e.DropdownListOptionIcon,exports.DropdownListParent=e.DropdownListParent,exports.Select=e.Select,exports.SelectLanguage=e.SelectLanguage,exports.SelectList=e.SelectList,exports.SelectListOption=e.SelectListOption,exports.SelectMapTheme=e.SelectMapTheme,exports.SelectMonth=e.SelectMonth,exports.SelectMonths=e.SelectMonths,exports.SelectTextArea=e.SelectTextArea,exports.SelectWrapper=e.SelectWrapper,exports.SelectYear=e.SelectYear;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-mhkAuWyU.cjs");exports.ButtonList=e.ButtonList,exports.ContainerDropdownListOption=e.ContainerDropdownListOption,exports.ContainerSelectListOption=e.ContainerSelectListOption,exports.DropdownList=e.DropdownList,exports.DropdownListOption=e.DropdownListOption,exports.DropdownListOptionIcon=e.DropdownListOptionIcon,exports.DropdownListParent=e.DropdownListParent,exports.Select=e.Select,exports.SelectLanguage=e.SelectLanguage,exports.SelectList=e.SelectList,exports.SelectListOption=e.SelectListOption,exports.SelectMapTheme=e.SelectMapTheme,exports.SelectMonth=e.SelectMonth,exports.SelectMonths=e.SelectMonths,exports.SelectTextArea=e.SelectTextArea,exports.SelectWrapper=e.SelectWrapper,exports.SelectYear=e.SelectYear;
 //# sourceMappingURL=component-select.cjs.js.map