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

package/build/component-select.d.ts

@@ -1,41 +1,33 @@
-import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { AddDollarSign } from '../..';
 import { addSXProps as addSXProps_2 } from '../../styles/sx';
-import { ClipboardEventHandler } from 'react';
+import { BaseObject } from 'styled-components/dist/types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
-import { default as default_2 } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FastOmit } from 'styled-components';
 import { FC } from 'react';
-import { FocusEventHandler } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefComponent } from 'framer-motion';
 import { HTMLAttributes } from 'react';
-import { HTMLInputAutoCompleteAttribute } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
 import { IconItemProps } from '../icon';
 import { IconTypeMap } from '../icon';
-import { InputProps as InputProps_2 } from '../input';
-import { InputStandardProps as InputStandardProps_2 } from '../input';
+import { ISelectItem as ISelectItem_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
-import { IThemePaletteKeys } from '../../theme';
-import { IThemeSize as IThemeSize_2 } from '../../theme';
+import { IThemePaletteKeys } from '../..';
+import { IThemeSize as IThemeSize_2 } from '../..';
 import { JSX } from 'react/jsx-runtime';
-import { KeyboardEventHandler } from 'react';
 import { LiHTMLAttributes } from 'react';
-import { NumberFormatValues } from 'react-number-format';
-import { NumericFormatProps } from 'react-number-format';
-import { PatternFormatProps } from 'react-number-format';
-import { PropsWithChildren } from 'react';
+import { MemoExoticComponent } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
-import { RuleSet } from 'styled-components';
+import { SelectProps as SelectProps_2 } from './component.types';
 import { Substitute } from 'styled-components/dist/types';
-import { TInputSelect as TInputSelect_2 } from './component.types';
+import { TextAreaProps } from '../textarea';
 
-declare type AddDollarSign<T> = {
+declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
 
@@ -47,48 +39,38 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
-export declare const ContainerDropdownOption: default_2.MemoExoticComponent<(params: addErrorProps & {
-    genre: keyof IThemeGenreInput;
-    size: IThemeSize;
+export declare const ButtonList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size">>>> & string;
+
+export declare type ButtonListProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size'>>;
+
+export declare const ContainerDropdownListOption: MemoExoticComponent<(<T extends object & ISelectItem>(props: ContainerDropdownListOptionProps<T>) => JSX.Element)>;
+
+export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon'> & {
+    item: T;
+    isChecked?: boolean;
+    isShowScroll?: boolean;
     onClick: () => void;
-    isLoading?: boolean;
-    isNotShowHoverStyle?: boolean;
-    isShowDropdownOptionIcon?: boolean;
-    isBold?: boolean;
-    isCenter?: boolean;
-    postfixChildren?: InputChildrenProps;
-    prefixChildren?: InputChildrenProps;
-    checked: boolean;
     virtualRowSize: number;
     virtualRowStart: number;
-    label: ReactNode;
-}) => JSX.Element>;
+};
 
-export declare const DropdownErase: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContainerSelectListOption: MemoExoticComponent<(<T extends object & ISelectItem>(props: ContainerSelectListOptionProps<T>) => JSX.Element)>;
 
-export declare const DropdownFooter: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledFooterProps>> & string;
+export declare type ContainerSelectListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isWrapSelectOption' | 'isClearWhenClickSelectListOption' | 'isOnlyColorInSelectListOption'> & {
+    item: T;
+    isChecked?: boolean;
+    onClick: () => void;
+};
 
 export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 
-export declare const DropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
-isShowScroll?: boolean;
-isFooter?: boolean;
-}>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare const DropdownListParentSize: RuleSet<AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
+export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
+item?: ISelectItem_2;
+isChecked?: boolean;
 isShowScroll?: boolean;
-isFooter?: boolean;
-}>>;
-
-export declare const DropdownListParentSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
-
-export declare const DropdownOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledOptionProps>> & string;
-
-export declare const DropdownOptionHoverAndCheckedSize: RuleSet<SelectStyledOptionProps>;
+}>>> & string;
 
-export declare const DropdownOptionHoverAndCheckedSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
-
-export declare const DropdownOptionIcon: IStyledComponentBase<"web", Substitute<    {
+export declare const DropdownListOptionIcon: IStyledComponentBase<"web", Substitute<    {
 type: keyof IconTypeMap;
 name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
 className?: string;
@@ -99,21 +81,23 @@ secondColor?: IThemePaletteKeys;
 turn?: number;
 order?: number;
 tabIndex?: number;
-} & addSXProps_2, AddDollarSign_2<    {
+} & addSXProps_2, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre"> & {
 checked?: boolean;
-genre: TInputSelect_2;
-size: IThemeSize_2;
 }>>> & string & Omit<(<T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
 
-export declare type DropdownOptionIconProps = AddDollarSign<{
+export declare type DropdownListOptionIconProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'size'> & {
     checked?: boolean;
-    genre: TInputSelect;
-    size: IThemeSize;
 }>;
 
-export declare const DropdownOptionLayout: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectStyledOptionProps>> & string;
+export declare type DropdownListOptionProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold'> & {
+    item?: ISelectItem;
+    isChecked?: boolean;
+    isShowScroll?: boolean;
+}>;
+
+export declare const DropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
-export declare const DropdownSelectAll: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare type DropdownListParentProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size'>>;
 
 declare type ErrorMessageProps = {
     errorMessage?: string;
@@ -123,72 +107,10 @@ declare type ErrorMessageProps = {
     sx?: addSXProps['sx'];
 };
 
-declare interface InputChildrenProps extends PropsWithChildren {
-    left: string;
-    right: string;
-    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;
-};
-
-declare type InputNumericProps = InputDefaultProps & {
-    variety: 'numeric';
-    onChange?: (value: NumberFormatValues) => void;
-    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
-};
-
-declare type InputPatternProps = InputDefaultProps & {
-    variety: 'pattern';
-    onChange?: (value: NumberFormatValues) => void;
-    propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
-};
-
-declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
-
-declare type InputStandardProps = InputDefaultProps & {
-    variety: 'standard';
-    onChange?: (value: string) => void;
-    type?: HTMLInputTypeAttribute;
-    min?: number;
-    max?: number;
-    step?: number;
-};
-
 export declare interface ISelectItem {
     [key: string]: unknown;
+    isDisabled?: boolean;
+    isLoading?: boolean;
     label: string | number | ReactNode;
     value: string | number;
 }
@@ -205,28 +127,10 @@ export declare interface ISelectMapThemeOption extends ISelectItem {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
-
 declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
 
 declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
 
-declare interface IThemeGenreTypeDefault {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
 declare interface IThemeGenreTypeSelect {
     background: {
         rest: string;
@@ -248,14 +152,6 @@ declare interface IThemeGenreTypeSelect {
 
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
-declare interface IThemeSizePropertyDefault {
-    font: number;
-    height: number;
-    heightIcon: number;
-    padding: number;
-    radius: number;
-}
-
 declare interface MapTheme {
     name: string;
     url: string;
@@ -270,39 +166,29 @@ declare type MonthItem = {
 
 export declare const Select: <T extends object & ISelectItem>(props: SelectProps<T>) => JSX.Element;
 
-export declare type SelectDateProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
-    startDate?: number;
-    endDate?: number;
-    value: number;
-    isShortLabel?: boolean;
-    onChange: (timestamp: number) => void;
-    monthsLocale: MonthItem[];
-};
-
-export declare const SelectInputIcon: IStyledComponentBase<"web", Substitute<    {
-type: keyof IconTypeMap;
-name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
-className?: string;
-onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
-size: IThemeSize_2 | "100%";
-primaryColor?: IThemePaletteKeys;
-secondColor?: IThemePaletteKeys;
-turn?: number;
-order?: number;
-tabIndex?: number;
-} & addSXProps_2, AddDollarSign_2<    {
-checked?: boolean;
-genre: TInputSelect_2;
-size: IThemeSize_2;
-}>>> & string & Omit<(<T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+export declare type SelectInputProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size' | 'genre'>>;
 
 export declare const SelectLanguage: FC<SelectLanguageProps>;
 
 export declare type SelectLanguageProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
-    value: string;
-    onChange: (language: string) => void;
+    value: string | null;
+    onChange: (language: string | null) => void;
 };
 
+export declare const SelectList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "isWrapSelectOption">>>> & string;
+
+export declare const SelectListOption: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"li">, "ref"> & RefAttributes<HTMLLIElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isWrapSelectOption" | "isClearWhenClickSelectListOption" | "isOnlyColorInSelectListOption"> & {
+item?: ISelectItem_2;
+isChecked?: boolean;
+}>>> & string & Omit<ForwardRefComponent<HTMLLIElement, HTMLMotionProps<"li">>, keyof Component<any, {}, any>>;
+
+export declare type SelectListOptionProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isWrapSelectOption' | 'isClearWhenClickSelectListOption' | 'isOnlyColorInSelectListOption'> & {
+    item?: ISelectItem;
+    isChecked?: boolean;
+}>;
+
+export declare type SelectListProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size' | 'isWrapSelectOption'>>;
+
 export declare const SelectMapTheme: FC<SelectMapThemeProps>;
 
 export declare type SelectMapThemeProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
@@ -310,85 +196,96 @@ export declare type SelectMapThemeProps = Omit<SelectProps<ISelectItem>, 'option
     onChange: (theme: MapTheme | null) => void;
 };
 
-export declare const SelectMonth: FC<SelectDateProps>;
+export declare const SelectMonth: FC<SelectMonthProps>;
+
+export declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    startDate?: number;
+    endDate?: number;
+    value: number | null;
+    isShortLabel?: boolean;
+    onChange: (value: number | null) => void;
+    monthsLocale: MonthItem[];
+};
+
+export declare const SelectMonths: FC<SelectMonthsProps>;
+
+export declare type SelectMonthsProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    startDate?: number;
+    endDate?: number;
+    value: number[];
+    isShortLabel?: boolean;
+    onChange: (value: number[]) => void;
+    monthsLocale: MonthItem[];
+};
 
 export 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;
-        };
-    };
 };
 
-export declare type SelectStyledFooterProps = StyledInputProps & AddDollarSign<{
-    isErase?: boolean;
-    isSelectAll?: boolean;
-}>;
+export declare const SelectTextArea: IStyledComponentBase<"web", Substitute<TextAreaProps & BaseObject, BaseObject>> & string & Omit<(props: TextAreaProps) => JSX.Element, keyof Component<any, {}, any>>;
 
-export declare const SelectStyledInput: IStyledComponentBase<"web", Substitute<FastOmit<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, "$sx" | "$isDisabled" | "$size" | "$genre" | "$error" | "$isInputEffect" | "$isLoading" | "$postfixChildren" | "$prefixChildren" | "$isBold" | "$isNiceNumber" | "$isNotShowHoverStyle" | "$isCenter"> & AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string;
-
-export declare type SelectStyledInputProps = StyledInputProps;
+export declare const SelectWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "sx" | "error" | "genre" | "isCenter" | "isNotShowHoverStyle"> & {
+isOpen: boolean;
+}>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
-export declare type SelectStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'> & {
-    isShowScroll?: boolean;
-    isFooter?: boolean;
+export declare type SelectWrapperProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'sx' | 'size' | 'isNotShowHoverStyle' | 'error' | 'isCenter'> & {
+    isOpen: boolean;
 }>;
 
-export declare type SelectStyledOptionProps = AddDollarSign<{
-    isSelectedItem?: boolean;
-    checked?: boolean;
-}> & StyledInputProps;
-
-export declare const SelectWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, SelectWrapperProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare type SelectWrapperProps = AddDollarSign<Pick<InputStandardProps, 'genre'> & {
-    parentListHeight: number;
-    radius: number;
-}> & StyledInputWrapperProps;
-
 export declare const SelectYear: FC<SelectYearProps>;
 
-export declare type SelectYearProps = Omit<SelectDateProps, 'monthsLocale'> & {
+export declare type SelectYearProps = Omit<SelectMonthProps, 'monthsLocale'> & {
     startDate?: number;
     endDate?: number;
     sortOrder?: 'asc' | 'desc';
 };
 
-declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
-
-declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
-
 declare type SXProps = ({
     default: CSSObject;
 } & {
@@ -399,8 +296,6 @@ declare type SXProps = ({
     [K in IThemeDevice]?: CSSObject;
 });
 
-declare type TInputGenre = keyof IThemeGenreInput;
-
 export declare type TInputSelect = keyof IThemeGenreSelect;
 
 export { }

package/build/component-select.es.js

@@ -1,25 +1,21 @@
-import { C, p, o, h, g, D, f, i, j, k, m, l, q, S, n, a, d, b, r, e, c } from "./component.styles-Bn6ylF83.js";
+import { B, C, a, h, i, j, D, S, b, k, l, f, c, d, m, g, e } from "./component.styles-DqTkSP8L.js";
 export {
-  C as ContainerDropdownOption,
-  p as DropdownErase,
-  o as DropdownFooter,
+  B as ButtonList,
+  C as ContainerDropdownListOption,
+  a as ContainerSelectListOption,
   h as DropdownList,
-  g as DropdownListParent,
-  D as DropdownListParentSize,
-  f as DropdownListParentSizeConstructor,
-  i as DropdownOption,
-  j as DropdownOptionHoverAndCheckedSize,
-  k as DropdownOptionHoverAndCheckedSizeConstructor,
-  m as DropdownOptionIcon,
-  l as DropdownOptionLayout,
-  q as DropdownSelectAll,
+  i as DropdownListOption,
+  j as DropdownListOptionIcon,
+  D as DropdownListParent,
   S as Select,
-  n as SelectInputIcon,
-  a as SelectLanguage,
-  d as SelectMapTheme,
-  b as SelectMonth,
-  r as SelectStyledInput,
-  e as SelectWrapper,
-  c as SelectYear
+  b as SelectLanguage,
+  k as SelectList,
+  l as SelectListOption,
+  f as SelectMapTheme,
+  c as SelectMonth,
+  d as SelectMonths,
+  m as SelectTextArea,
+  g as SelectWrapper,
+  e as SelectYear
 };
 //# sourceMappingURL=component-select.es.js.map

package/build/component-separator.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./component.styles-BSEA2Dqn.cjs");exports.Separator=r.Separator,exports.SeparatorWrapper=r.SeparatorWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./component.styles-CLn52hJD.cjs");exports.Separator=r.Separator,exports.SeparatorWrapper=r.SeparatorWrapper;
 //# sourceMappingURL=component-separator.cjs.js.map

package/build/component-separator.d.ts

@@ -27,11 +27,12 @@ export declare interface SeparatorProps {
     radius?: string;
     type?: 'horizontal' | 'vertical';
     color?: IThemePaletteKeys;
+    thickness?: string;
 }
 
-export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SeparatorProps_2, "color" | "sx" | "type" | "radius">>>> & string;
+export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SeparatorProps_2, "color" | "sx" | "type" | "radius" | "thickness">>>> & string;
 
-export declare type SeparatorWrapperProps = AddDollarSign_2<Pick<SeparatorProps, 'sx' | 'radius' | 'color' | 'type'>>;
+export declare type SeparatorWrapperProps = AddDollarSign_2<Pick<SeparatorProps, 'sx' | 'radius' | 'color' | 'type' | 'thickness'>>;
 
 declare type SXProps = ({
     default: CSSObject;

package/build/component-separator.es.js

@@ -1,4 +1,4 @@
-import { S, a } from "./component.styles-CEBh8X5q.js";
+import { S, a } from "./component.styles-BnJjm_ES.js";
 export {
   S as Separator,
   a as SeparatorWrapper

package/build/component-textarea.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DpkFoWEh.cjs");exports.StyledTextArea=e.StyledTextArea,exports.StyledTextAreaCSS=e.StyledTextAreaCSS,exports.StyledTextAreaWrapper=e.StyledTextAreaWrapper,exports.TextArea=e.TextArea,exports.TextAreaIsTextAreaEffect=e.TextAreaIsTextAreaEffect,exports.TextAreaPlaceholder=e.TextAreaPlaceholder,exports.TextAreaSize=e.TextAreaSize,exports.TextAreaSizeConstructor=e.TextAreaSizeConstructor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DwdN7mQq.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
 //# sourceMappingURL=component-textarea.cjs.js.map