@jenesei-software/jenesei-kit-react 1.2.6 → 1.2.7

package/build/component-checkbox.es.js

@@ -1,4 +1,4 @@
-import { C, c, a, b, d, S } from "./component.styles-WqYNZfbs.js";
+import { C, c, a, b, d, S } from "./component.styles-EnGR_IyC.js";
 export {
   C as Checkbox,
   c as CheckboxGenre,

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.types-DuE80PmF.cjs");exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputWrapper=e.DateInputWrapper,exports.DatePicker=e.DatePicker,exports.DatePickerVariant=e.DatePickerVariant,exports.DateWrapper=e.DateWrapper,exports.addDateDropdownDaySize=e.addDateDropdownDaySize,exports.addDateInputWrapperSize=e.addDateInputWrapperSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-DLtGYrvM.cjs");exports.DateDropdownDay=t.DateDropdownDay,exports.DateDropdownDayOfWeek=t.DateDropdownDayOfWeek,exports.DateDropdownDays=t.DateDropdownDays,exports.DateDropdownList=t.DateDropdownList,exports.DateDropdownListParent=t.DateDropdownListParent,exports.DateInput=t.DateInput,exports.DateInputButton=t.DateInputButton,exports.DateInputWrapper=t.DateInputWrapper,exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateWrapper=t.DateWrapper,exports.addDateDropdownDaySize=t.addDateDropdownDaySize,exports.addDateInputButtonSize=t.addDateInputButtonSize,exports.addDateInputWrapperSize=t.addDateInputWrapperSize;
 //# sourceMappingURL=component-date-picker.cjs.js.map

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

@@ -1,12 +1,16 @@
 import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { BaseObject } from 'styled-components/dist/types';
 import { ButtonHTMLAttributes } from 'react';
 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';
 import { DetailedHTMLProps } from 'react';
+import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { ForwardRefComponent } from 'framer-motion';
@@ -36,8 +40,10 @@ isCurrentMonth?: boolean;
 isDisabled?: boolean;
 }>>;
 
+export declare const addDateInputButtonSize: RuleSet<ButtonProps>;
+
 /****************************************** Size *************************************************/
-export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold"> & {
+export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -55,14 +61,71 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
+declare type addSXTypographyProps = {
+    sxTypography?: TypographySXProps;
+};
+
 declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
 
+declare type ButtonProps = ButtonPropsStandard | ButtonPropsIconGroup;
+
+declare type ButtonPropsDefault = PropsWithChildren & {
+    size: IThemeSize;
+    genre: TButtonGenre;
+    id?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLElement | null>;
+    className?: string;
+    icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'id'>['size'];
+    }) | (Omit<IconItemProps<'checkbox'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'checkbox'>['size'];
+    }) | (Omit<IconItemProps<'loading'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'loading'>['size'];
+    }) | (Omit<IconItemProps<'realebail'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'realebail'>['size'];
+    }) | (Omit<IconItemProps<'logo'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'logo'>['size'];
+    }))[];
+    isDisabled?: boolean;
+    isDisabledRipple?: boolean;
+    isHidden?: boolean;
+    isOnlyIcon?: boolean;
+    isWhileTapEffect?: boolean;
+    isWidthAsHeight?: boolean;
+    isMinWidthAsContent?: boolean;
+    isRadius?: boolean;
+    isHiddenBorder?: boolean;
+    isPlaystationEffect?: boolean;
+    isNotHoverEffect?: boolean;
+    isFullSize?: boolean;
+    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    type?: 'button' | 'submit' | 'reset';
+} & addSXProps & addSXTypographyProps;
+
+declare type ButtonPropsIconGroup = ButtonPropsDefault & {
+    isIconGroup?: true;
+    iconGroupOrder?: number;
+};
+
+declare type ButtonPropsStandard = ButtonPropsDefault & {
+    isIconGroup?: false;
+};
+
 export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
     genre: TDateGenre;
     id?: string;
     isDisabled?: boolean;
     isBold?: boolean;
     isMinWidth?: boolean;
+    isReadOnly?: boolean;
     isInputEffect?: InputStandardProps['isInputEffect'];
     isOnClickClose?: boolean;
     labelPlaceholder?: string;
@@ -172,19 +235,21 @@ 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" | "error" | "genre" | "isBold"> & {
+export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
 }>>> & string;
 
-export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold'> & {
+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'> & {
     isOpen?: boolean;
     isActive?: boolean;
     isHaveValue?: boolean;
 }>;
 
-export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold"> & {
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -217,6 +282,130 @@ export declare type DateWrapperProps = AddDollarSign<Pick<InputStandardProps, 'g
     isMinWidth?: boolean;
 }> & StyledInputWrapperProps;
 
+declare enum ENUM_ICON_CHECKBOX {
+    Radio = 0,
+    Square = 1,
+    Arrow = 2,
+    Heart = 3
+}
+
+declare enum ENUM_ICON_ID {
+    Close = 0,
+    Biometry = 1,
+    QR = 2,
+    Search = 3,
+    Folder = 4,
+    Wallet = 5,
+    Graph = 6,
+    Bookmark = 7,
+    Category = 8,
+    Home = 9,
+    Notification = 10,
+    Chat = 11,
+    Heart = 12,
+    Paper = 13,
+    Plus = 14,
+    Minus = 15,
+    PaperPlus = 16,
+    PaperNegative = 17,
+    PaperFail = 18,
+    PaperDownload = 19,
+    PaperUpload = 20,
+    Send = 21,
+    PasswordMini = 22,
+    Swap = 23,
+    Work = 24,
+    Arrow1 = 25,
+    Arrow2 = 26,
+    Arrow3 = 27,
+    Arrow4 = 28,
+    ArrowMini1 = 29,
+    ArrowMini2 = 30,
+    Scan = 31,
+    Activity = 32,
+    Calendar = 33,
+    Message = 34,
+    PlusMini = 35,
+    ChartMini = 36,
+    Game = 37,
+    Bag1 = 38,
+    Bag2 = 39,
+    TicketStar = 40,
+    MoreCircle = 41,
+    MoreSquare = 42,
+    Discount = 43,
+    Buy = 44,
+    Web = 45,
+    InfoMini = 46,
+    DangerMini = 47,
+    DangerTriangle = 48,
+    CloseMini = 49,
+    TickMini = 50,
+    Video = 51,
+    Discovery = 52,
+    Location = 53,
+    Document = 54,
+    Setting = 55,
+    TimeSquare = 56,
+    TimeCircle = 57,
+    VolumeUp = 58,
+    VolumeDown = 59,
+    VolumeOff = 60,
+    Star = 61,
+    Select = 62,
+    Ticket = 63,
+    Camera = 64,
+    Profile = 65,
+    AddUser = 66,
+    TwoUser = 67,
+    ThreeUser = 68,
+    Login = 69,
+    Logout = 70,
+    Download = 71,
+    Upload = 72,
+    Voice = 73,
+    Voice2 = 74,
+    Delete = 75,
+    Edit = 76,
+    EditSquare = 77,
+    PlayMini = 78,
+    ShieldDone = 79,
+    ShieldFail = 80,
+    Show = 81,
+    Hide = 82,
+    Filter = 83,
+    Filter2 = 84,
+    Image = 85,
+    Image2 = 86,
+    Call = 87,
+    Calling = 88,
+    CallMissed = 89,
+    CallSilent = 90,
+    Lock = 91,
+    Unlock = 92,
+    Resources = 93,
+    Language = 94
+}
+
+declare enum ENUM_ICON_LOADING {
+    Line = 0,
+    Circle = 1,
+    Blocks = 2,
+    Balls = 3
+}
+
+declare enum ENUM_ICON_LOGO {
+    Jenesei = 0
+}
+
+declare enum ENUM_ICON_REALEBAIL {
+    Map = 0,
+    HomeLikes = 1,
+    HomeManagement = 2,
+    UserSettings = 3,
+    User = 4
+}
+
 declare type ErrorMessageProps = {
     errorMessage?: string;
     isError?: boolean;
@@ -225,6 +414,27 @@ declare type ErrorMessageProps = {
     sx?: addSXProps['sx'];
 };
 
+declare type IconItemProps<T extends keyof IconTypeMap> = {
+    type: T;
+    name: IconTypeMap[T];
+    className?: string;
+    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+    size: IThemeSize | '100%';
+    primaryColor?: IThemePaletteKeys;
+    secondColor?: IThemePaletteKeys;
+    turn?: number;
+    order?: number;
+    tabIndex?: number;
+} & addSXProps;
+
+declare type IconTypeMap = {
+    id: TIconIdNameString;
+    checkbox: TIconCheckboxNameString;
+    loading: TIconLoadingNameString;
+    realebail: TIconRealEbailNameString;
+    logo: TIconLogoNameString;
+};
+
 declare interface InputChildrenProps extends PropsWithChildren {
     left: string;
     right: string;
@@ -270,6 +480,10 @@ declare interface ISelectItem {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+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 IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
 
 declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
@@ -341,8 +555,14 @@ declare interface IThemeGenreTypeSelect {
     };
 }
 
+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 IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
+declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
+
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
 export declare type MonthItem = {
     localeLong: string;
     localeShort: string;
@@ -422,12 +642,59 @@ declare type SXProps = ({
     [K in IThemeDevice]?: CSSObject;
 });
 
+declare type TButtonGenre = keyof IThemeGenre;
+
 export declare type TDateGenre = keyof IThemeGenreDate;
 
+declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
+
+declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
+
+declare type TIconLoadingNameString = keyof typeof ENUM_ICON_LOADING;
+
+declare type TIconLogoNameString = keyof typeof ENUM_ICON_LOGO;
+
+declare type TIconRealEbailNameString = keyof typeof ENUM_ICON_REALEBAIL;
+
 declare type TInputGenre = keyof IThemeGenreInput;
 
 declare type TInputSelect = keyof IThemeGenreSelect;
 
+declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
+
+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 TypographySXProps = {
+    default: TypographyAllProps;
+} & {
+    [K in IThemeDevice]?: TypographyAllProps;
+};
+
+declare type TypographyVariantProps = TypographyDefaultProps & {
+    variant: IThemeTypographyHeading;
+};
+
 declare type UncontrolledValue = {
     value?: never;
     defaultValue: string | number | null | undefined;

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

@@ -1,4 +1,4 @@
-import { f, g, d, c, b, h, j, D, k, a, e, i } from "./component.types-DSAfJbbs.js";
+import { f, g, d, c, b, h, l, j, D, m, a, e, k, i } from "./component.types-Dz9FnrTw.js";
 export {
   f as DateDropdownDay,
   g as DateDropdownDayOfWeek,
@@ -6,11 +6,13 @@ export {
   c as DateDropdownList,
   b as DateDropdownListParent,
   h as DateInput,
+  l as DateInputButton,
   j as DateInputWrapper,
   D as DatePicker,
-  k as DatePickerVariant,
+  m as DatePickerVariant,
   a as DateWrapper,
   e as addDateDropdownDaySize,
+  k as addDateInputButtonSize,
   i as addDateInputWrapperSize
 };
 //# sourceMappingURL=component-date-picker.es.js.map

package/build/component-icon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-B-ZAk_1C.cjs"),N=require("./component.types-gy5Q9qHX.cjs");exports.Icon=e.Icon,exports.StyledSVG=e.StyledSVG,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-CBnEu0_t.cjs"),N=require("./component.types-gy5Q9qHX.cjs");exports.Icon=e.Icon,exports.StyledSVG=e.StyledSVG,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-CiGPOpxk.js";
+import { I, S } from "./component.styles-nkvjDCzl.js";
 import { a, E, b, d, c } from "./component.types-D05KdxnZ.js";
 export {
   a as ENUM_ICON_CHECKBOX,

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

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

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

@@ -52,6 +52,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isPlaystationEffect?: boolean;
     isNotHoverEffect?: boolean;
     isFullSize?: boolean;
+    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';

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

@@ -1,4 +1,4 @@
-import { I } from "./component-DTH1-Npa.js";
+import { I } from "./component-Cbmm9vBS.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-BScmaCvt.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-DJP7e7be.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

@@ -71,6 +71,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isPlaystationEffect?: boolean;
     isNotHoverEffect?: boolean;
     isFullSize?: boolean;
+    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';

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

@@ -1,4 +1,4 @@
-import { I, a, b, f, c, d, e } from "./component.styles-CFrk_dpy.js";
+import { I, a, b, f, c, d, e } from "./component.styles-DhJeYxo2.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-DGS-J9Sc.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-BTqRt0oT.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-c0DK2OSH.js";
+import { b, I, a, S } from "./component.constants-Xzo8ve1j.js";
 export {
   b as IMAGES,
   I as ImageSlider,

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-CzsKP7v-.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-D-4B1aHv.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.es.js

@@ -1,4 +1,4 @@
-import { I, a, b, c } from "./component.styles-DS53SD15.js";
+import { I, a, b, c } from "./component.styles-CGiPShK6.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-CV14RCdO.cjs"),e=require("./component.styles-C5GdZJou.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-DTu8fMn3.cjs"),e=require("./component.styles-D6vdSbHc.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

package/build/component-input.es.js

@@ -1,5 +1,5 @@
-import { I, f } from "./component-CTz8wF0z.js";
-import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-hc14mwUo.js";
+import { I, f } from "./component-CI1bPd1b.js";
+import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-CUNUEB0K.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-9ON8OLUd.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-BybNKDu3.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;
 //# sourceMappingURL=component-map.cjs.js.map

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-CnwUBa8n.js";
+import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-CEahleVE.js";
 export {
   C as CustomZoomControl,
   c as DEFAULT_MAP_CENTER,

package/build/component-pagination.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-DD964QJh.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-C6bU6nl_.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

@@ -51,6 +51,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isPlaystationEffect?: boolean;
     isNotHoverEffect?: boolean;
     isFullSize?: boolean;
+    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';

package/build/component-pagination.es.js

@@ -1,4 +1,4 @@
-import { D, P } from "./component.constants-Ck-Y1EPF.js";
+import { D, P } from "./component.constants-Dv6opwFG.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-DLbbGi9i.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-iM9QpRbs.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.es.js

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

package/build/component-select.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CGyQHdKu.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-D0jefRNH.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

package/build/component-select.es.js

@@ -1,4 +1,4 @@
-import { B, C, a, h, i, j, D, S, b, k, l, f, c, d, m, g, e } from "./component.styles-DsnwGPvj.js";
+import { B, C, a, h, i, j, D, S, b, k, l, f, c, d, m, g, e } from "./component.styles-Cx7rBBnD.js";
 export {
   B as ButtonList,
   C as ContainerDropdownListOption,

package/build/component-textarea.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-qRQ8i8W6.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-O1SAy-GB.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
 //# sourceMappingURL=component-textarea.cjs.js.map

package/build/component-textarea.es.js

@@ -1,4 +1,4 @@
-import { S, T, a, b } from "./component.styles-DxQx6LQO.js";
+import { S, T, a, b } from "./component.styles-DtFCv3SL.js";
 export {
   S as StyledTextArea,
   T as TextArea,

package/build/component-toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-D8ZAo-kS.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=e.ToggleCenter,exports.ToggleWrapper=e.ToggleWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CMxkHzEu.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=e.ToggleCenter,exports.ToggleWrapper=e.ToggleWrapper;
 //# sourceMappingURL=component-toggle.cjs.js.map

package/build/component-toggle.es.js

@@ -1,4 +1,4 @@
-import { T, b, a } from "./component.styles-N7ZFXn4z.js";
+import { T, b, a } from "./component.styles-D6jQq4GK.js";
 export {
   T as Toggle,
   b as ToggleCenter,

package/build/component-tooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-BfsH0boq.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-C8fz1syk.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
 //# sourceMappingURL=component-tooltip.cjs.js.map

package/build/component-tooltip.d.ts

@@ -170,6 +170,7 @@ declare type UsePopoverProps = {
     offset?: number;
     placement: Placement;
     refsExcludeClickOutside?: Ref<HTMLElement | null>[];
+    refsExcludeBlur?: Ref<HTMLElement | null>[];
     onFocus?: () => void;
     onBlur?: () => void;
     onBlurReference?: () => void;

package/build/component-tooltip.es.js

@@ -1,4 +1,4 @@
-import { f, D, d, c, T, e, a, b } from "./component-zhkRBgS8.js";
+import { f, D, d, c, T, e, a, b } from "./component-zZ5X_UdT.js";
 export {
   f as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
   D as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,

package/build/component-typography.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-BfsH0boq.cjs");exports.Title=o.Title,exports.Typography=o.Typography,exports.TypographyLink=o.TypographyLink,exports.TypographyTooltip=o.TypographyTooltip,exports.addSXTypography=o.addSXTypography,exports.getFontSizeStyles=o.getFontSizeStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-C8fz1syk.cjs");exports.Title=o.Title,exports.Typography=o.Typography,exports.TypographyLink=o.TypographyLink,exports.TypographyTooltip=o.TypographyTooltip,exports.addSXTypography=o.addSXTypography,exports.getFontSizeStyles=o.getFontSizeStyles;
 //# sourceMappingURL=component-typography.cjs.js.map

package/build/component-typography.d.ts

@@ -182,6 +182,7 @@ declare type UsePopoverProps = {
     offset?: number;
     placement: Placement;
     refsExcludeClickOutside?: Ref<HTMLElement | null>[];
+    refsExcludeBlur?: Ref<HTMLElement | null>[];
     onFocus?: () => void;
     onBlur?: () => void;
     onBlurReference?: () => void;

package/build/component-typography.es.js

@@ -1,4 +1,4 @@
-import { i, j, k, l, h, g } from "./component-zhkRBgS8.js";
+import { i, j, k, l, h, g } from "./component-zZ5X_UdT.js";
 export {
   i as Title,
   j as Typography,