@jenesei-software/jenesei-kit-react 1.0.0 → 1.0.1

package/build/component-checkbox-group.d.ts

@@ -313,7 +313,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -322,6 +322,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

package/build/component-checkbox-group.es.js

@@ -1,4 +1,4 @@
-import { f, C, d, e, a, b, c } from "./component.styles-CTo5NC52.js";
+import { f, C, d, e, a, b, c } from "./component.styles-DMBvhmz6.js";
 export {
   f as CheckboxChildren,
   C as CheckboxGroup,

package/build/component-checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-ZtwHuL4x.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=e.CheckboxGenre,exports.CheckboxSize=e.CheckboxSize,exports.CheckboxSizeConstructor=e.CheckboxSizeConstructor,exports.CheckboxWrapper=e.CheckboxWrapper,exports.StyledIcon=e.StyledIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-Bz2vyHqK.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=e.CheckboxGenre,exports.CheckboxSize=e.CheckboxSize,exports.CheckboxSizeConstructor=e.CheckboxSizeConstructor,exports.CheckboxWrapper=e.CheckboxWrapper,exports.StyledIcon=e.StyledIcon;
 //# sourceMappingURL=component-checkbox.cjs.js.map

package/build/component-checkbox.d.ts

@@ -318,7 +318,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -327,6 +327,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

package/build/component-checkbox.es.js

@@ -1,4 +1,4 @@
-import { C, c, a, b, d, S } from "./component.styles-DOPCUXcr.js";
+import { C, c, a, b, d, S } from "./component.styles-CRWn1pVi.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.styles-Dj3h7jd9.cjs");exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDaySize=e.DateDropdownDaySize,exports.DateDropdownDaySizeConstructor=e.DateDropdownDaySizeConstructor,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputWrapper=e.DateInputWrapper,exports.DateInputWrapperSize=e.DateInputWrapperSize,exports.DateInputWrapperSizeConstructor=e.DateInputWrapperSizeConstructor,exports.DatePicker=e.DatePicker,exports.DateWrapper=e.DateWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CdtZm7bl.cjs");exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDaySize=e.DateDropdownDaySize,exports.DateDropdownDaySizeConstructor=e.DateDropdownDaySizeConstructor,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputWrapper=e.DateInputWrapper,exports.DateInputWrapperSize=e.DateInputWrapperSize,exports.DateInputWrapperSizeConstructor=e.DateInputWrapperSizeConstructor,exports.DatePicker=e.DatePicker,exports.DateWrapper=e.DateWrapper;
 //# sourceMappingURL=component-date-picker.cjs.js.map

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

@@ -44,6 +44,46 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
+declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
+
+declare type CommonInputProps = addErrorProps & addSXProps & {
+    ref?: Ref<HTMLInputElement | null>;
+    name?: string;
+    id?: string;
+    className?: string;
+    isNotShowHoverStyle?: boolean;
+    autoComplete?: HTMLInputAutoCompleteAttribute | string;
+    isAllowEmptyFormatting?: boolean;
+    genre: TInputGenre;
+    size: IThemeSize;
+    tabIndex?: number;
+    isWidthAsHeight?: boolean;
+    isNiceNumber?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isInputEffect?: boolean;
+    isRequired?: boolean;
+    isCenter?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    maxLength?: number;
+    minLength?: number;
+};
+
+declare type ControlledValue = {
+    value: string | number | null | undefined;
+    defaultValue?: never;
+};
+
 export declare interface DateDayProps {
     dayOfWeek: number;
     isCurrentMonth: boolean;
@@ -130,21 +170,21 @@ export declare type DatePickerProps = addErrorProps & addSXProps & {
     endDate?: number;
     genre: TDateGenre;
     id?: string;
-    inputProps: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width' | 'value' | 'isInputEffect' | 'error'>;
     isDisabled?: boolean;
     isMinWidth?: boolean;
     isInputEffect?: InputStandardProps['isInputEffect'];
     isOnClickClose?: boolean;
+    labelPlaceholder?: string;
     locale: {
-        months: SelectDateProps['monthsLocale'];
+        months: SelectMonthProps['monthsLocale'];
         weeks: WeekItem[];
         inputs: InputItem;
     };
     mode?: DatePickerMode;
     name?: string;
-    onBlur?: (event?: MouseEvent) => void;
+    onBlur?: () => void;
     onChange: (timestamp: number | null) => void;
-    onFocus?: (event: FocusEvent_2<HTMLDivElement, Element>) => void;
+    onFocus?: () => void;
     size: IThemeSize;
     startDate?: number;
     value: number | null;
@@ -179,54 +219,19 @@ declare interface InputChildrenProps extends PropsWithChildren {
     width: string;
 }
 
-declare type InputDefaultProps = addErrorProps & addSXProps & {
-    ref?: Ref<HTMLInputElement | null>;
-    name?: string;
-    id?: string;
-    className?: string;
-    defaultValue?: string;
-    isNotShowHoverStyle?: boolean;
-    autocomplete?: HTMLInputAutoCompleteAttribute;
-    isAllowEmptyFormatting?: boolean;
-    genre: TInputGenre;
-    size: IThemeSize;
-    tabIndex?: number;
-    isWidthAsHeight?: boolean;
-    isNiceNumber?: boolean;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    isReadOnly?: boolean;
-    isInputEffect?: boolean;
-    isRequired?: boolean;
-    isCenter?: boolean;
-    isNoSpaces?: boolean;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onPaste?: ClipboardEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    isBold?: boolean;
-    postfixChildren?: InputChildrenProps;
-    prefixChildren?: InputChildrenProps;
-    value?: string | null | number;
-    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-    maxLength?: number;
-    minLength?: number;
-};
-
 export declare type InputItem = {
     day: string;
     month: string;
     year: string;
 };
 
-declare type InputNumericProps = InputDefaultProps & {
+declare type InputNumericProps = BaseInputProps & {
     variety: 'numeric';
     onChange?: (value: NumberFormatValues) => void;
     propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
 };
 
-declare type InputPatternProps = InputDefaultProps & {
+declare type InputPatternProps = BaseInputProps & {
     variety: 'pattern';
     onChange?: (value: NumberFormatValues) => void;
     propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
@@ -234,7 +239,7 @@ declare type InputPatternProps = InputDefaultProps & {
 
 declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
 
-declare type InputStandardProps = InputDefaultProps & {
+declare type InputStandardProps = BaseInputProps & {
     variety: 'standard';
     onChange?: (value: string) => void;
     type?: HTMLInputTypeAttribute;
@@ -245,6 +250,8 @@ declare type InputStandardProps = InputDefaultProps & {
 
 declare interface ISelectItem {
     [key: string]: unknown;
+    isDisabled?: boolean;
+    isLoading?: boolean;
     label: string | number | ReactNode;
     value: string | number;
 }
@@ -338,52 +345,63 @@ export declare type MonthItem = {
     value: 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december';
 };
 
-declare type SelectDateProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
     startDate?: number;
     endDate?: number;
-    value: number;
+    value: number | null;
     isShortLabel?: boolean;
-    onChange: (timestamp: number) => void;
+    onChange: (value: number | null) => void;
     monthsLocale: MonthItem[];
 };
 
 declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
-    name?: string;
     id?: string;
     size: IThemeSize;
     genre: TInputSelect;
-    placeholder?: string;
     isDisabled?: boolean;
     isShowDropdownOptionIcon?: boolean;
-    isShowSelectInputIcon?: boolean;
+    isShowIconToggle?: boolean;
+    isShowIconSearchClear?: boolean;
+    isShowIconFetching?: boolean;
+    isShowSelectAll?: boolean;
+    isShowSelectAllLabel?: boolean;
+    isShowAddOption?: boolean;
+    isNotShowDisabledOptions?: boolean;
     isOnClickOptionClose?: boolean;
-    isEmptyOption?: boolean;
-    labelEmptyOption?: string;
-    inputProps?: Omit<InputStandardProps, 'isDisabled' | 'error' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
-    optionProps?: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
+    isNotShowHoverStyle?: boolean;
+    isSortValueAsOption?: boolean;
+    isCenter?: boolean;
+    isStayValueAfterSelect?: boolean;
+    isBold?: boolean;
+    isWrapSelectOption?: boolean;
     isMulti?: boolean;
+    isFetching?: boolean;
+    isClearWhenClickSelectListOption?: boolean;
+    isStaySearchAfterSelect?: boolean;
+    isOnlyColorInSelectListOption?: boolean;
+    labelPlaceholder?: string;
+    labelEmptyOption?: string;
+    labelSelectAll?: string;
+    labelAndMore?: (count: number) => string;
+    labelAddOption?: (value: string) => string;
+    isSearch?: boolean;
+    valueSearch?: string;
+    onChangeSearch?: (value: string) => void;
+    optionAllLength?: number;
     option: T[];
     value: T[];
-    onChange: (option: T[]) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    maxView?: number;
-    minView?: number;
+    maxViewSelect?: number;
+    maxViewDropdown?: number;
+    minViewDropdown?: number;
+    refFloating?: Ref<HTMLElement | null>;
+    refReference?: Ref<HTMLElement | null>;
+    onAddOption?: (value: string) => void;
+    onChange: (value: T[]) => void;
+    onChangeAll?: (value: T[], isAll: boolean) => void;
+    onFocus?: (event?: FocusEvent_2<HTMLElement>) => void;
+    onBlur?: (event?: FocusEvent_2<HTMLElement>) => void;
     fetchNextPage?: () => void;
     getEstimateSize?: (index: number) => number;
-    isFetching?: boolean;
-    footer?: {
-        erase?: {
-            label: string;
-            onCLick?: () => void;
-        };
-        selectAll?: {
-            defaultValue?: boolean;
-            isPagination?: boolean;
-            label: string;
-            onCLick?: () => void;
-        };
-    };
 };
 
 declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
@@ -406,6 +424,11 @@ declare type TInputGenre = keyof IThemeGenreInput;
 
 declare type TInputSelect = keyof IThemeGenreSelect;
 
+declare type UncontrolledValue = {
+    value?: never;
+    defaultValue: string | number | null | undefined;
+};
+
 export declare type WeekItem = {
     localeLong: string;
     localeShort: string;

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

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

package/build/component-icon.cjs.js

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

package/build/component-icon.es.js

@@ -1,4 +1,4 @@
-import { I, S } from "./component.styles-BapdQNhL.js";
+import { I, S } from "./component.styles-CiGPOpxk.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-nFn_uOy_.cjs");exports.ImageButton=e.ImageButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-Bovatz78.cjs");exports.ImageButton=e.ImageButton;
 //# sourceMappingURL=component-image-button.cjs.js.map

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

@@ -21,6 +21,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     size: IThemeSize;
     genre: TButtonGenre;
     id?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLElement | null>;
     className?: string;
     icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
@@ -49,8 +50,10 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isRadius?: boolean;
     isHiddenBorder?: boolean;
     isPlaystationEffect?: boolean;
+    isNotHoverEffect?: boolean;
     isFullSize?: boolean;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
 } & addSXProps & addSXTypographyProps;
 
@@ -316,7 +319,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -325,6 +328,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

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

@@ -1,4 +1,4 @@
-import { I } from "./component-CBshLNEf.js";
+import { I } from "./component-DURhph1i.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-BFwkFWkd.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-BrGPrrEb.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

@@ -40,6 +40,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     size: IThemeSize;
     genre: TButtonGenre;
     id?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLElement | null>;
     className?: string;
     icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
@@ -68,8 +69,10 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isRadius?: boolean;
     isHiddenBorder?: boolean;
     isPlaystationEffect?: boolean;
+    isNotHoverEffect?: boolean;
     isFullSize?: boolean;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
 } & addSXProps & addSXTypographyProps;
 
@@ -412,7 +415,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -421,6 +424,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

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

@@ -1,4 +1,4 @@
-import { I, a, b, f, c, d, e } from "./component.styles-CVBpx4fw.js";
+import { I, a, b, f, c, d, e } from "./component.styles-BzNkEurr.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-D9wVZ3zy.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-Gz2mf7IF.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-DbNhxh0k.js";
+import { b, I, a, S } from "./component.constants-B95xyW0s.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-B1DIataj.cjs");exports.Image=e.Image,exports.ImageIMG=e.ImageIMG;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BLh29xwF.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-Do1NYZEO.js";
+import { I, a } from "./component.styles-BI4OuDrG.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-CmBcHREH.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-w3iWQMCq.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

@@ -3,6 +3,7 @@ import { ClipboardEventHandler } from 'react';
 import { CSSObject } from 'styled-components';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
@@ -28,28 +29,15 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
-declare type ErrorMessageProps = {
-    errorMessage?: string;
-    isError?: boolean;
-    isErrorAbsolute?: boolean;
-    size?: IThemeSize;
-    sx?: addSXProps['sx'];
-};
-
-declare interface InputChildrenProps extends PropsWithChildren {
-    left: string;
-    right: string;
-    width: string;
-}
+declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
 
-declare type InputDefaultProps = addErrorProps & addSXProps & {
+declare type CommonInputProps = addErrorProps & addSXProps & {
     ref?: Ref<HTMLInputElement | null>;
     name?: string;
     id?: string;
     className?: string;
-    defaultValue?: string;
     isNotShowHoverStyle?: boolean;
-    autocomplete?: HTMLInputAutoCompleteAttribute;
+    autoComplete?: HTMLInputAutoCompleteAttribute | string;
     isAllowEmptyFormatting?: boolean;
     genre: TInputGenre;
     size: IThemeSize;
@@ -71,18 +59,37 @@ declare type InputDefaultProps = addErrorProps & addSXProps & {
     isBold?: boolean;
     postfixChildren?: InputChildrenProps;
     prefixChildren?: InputChildrenProps;
-    value?: string | null | number;
     inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
     maxLength?: number;
     minLength?: number;
 };
 
+declare type ControlledValue = {
+    value: string | number | null | undefined;
+    defaultValue?: never;
+};
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+}
+
 export declare const InputOTP: (props: InputOTPProps) => JSX.Element;
 
 export declare type InputOTPProps = {
     length: number;
     onComplete?: (otp: string) => void;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onFocus?: (event?: FocusEvent_2<HTMLElement>) => void;
+    onBlur?: (event?: FocusEvent_2<HTMLElement>) => void;
 } & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange'>;
 
 /****************************************** Size *************************************************/
@@ -94,7 +101,7 @@ export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<Det
 
 export declare type InputOTPWrapperProps = AddDollarSign_2<Pick<InputOTPProps, 'size' | 'sx' | 'error'>>;
 
-declare type InputStandardProps = InputDefaultProps & {
+declare type InputStandardProps = BaseInputProps & {
     variety: 'standard';
     onChange?: (value: string) => void;
     type?: HTMLInputTypeAttribute;
@@ -147,4 +154,9 @@ declare type SXProps = ({
 
 declare type TInputGenre = keyof IThemeGenreInput;
 
+declare type UncontrolledValue = {
+    value?: never;
+    defaultValue: string | number | null | undefined;
+};
+
 export { }

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

@@ -1,4 +1,4 @@
-import { I, a, b, c } from "./component.styles-RkQwTlwG.js";
+import { I, a, b, c } from "./component.styles-BoBaG6sX.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-BnI7BIp-.cjs"),e=require("./component.styles-BsZIuwWJ.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputIsInputEffect=e.InputIsInputEffect,exports.InputPlaceholder=e.InputPlaceholder,exports.InputPlaceholderNiceNumber=e.InputPlaceholderNiceNumber,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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-CbnBTIR5.cjs"),e=require("./component.styles-DWoybqna.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputIsInputEffect=e.InputIsInputEffect,exports.InputPlaceholderNiceNumber=e.InputPlaceholderNiceNumber,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.addInputPlaceholder=e.addInputPlaceholder;
 //# sourceMappingURL=component-input.cjs.js.map