@jenesei-software/jenesei-kit-react 1.3.33 → 1.3.34

package/build/component-input.d.ts

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { ClipboardEventHandler } from 'react';
 import { Component } from 'react';
 import { ComponentType } from 'react';
@@ -13,9 +12,7 @@ import { HTMLInputAutoCompleteAttribute } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
 import { InputAttributes } from 'react-number-format';
-import { InputChildrenProps as InputChildrenProps_2 } from './component.types';
 import { InputHTMLAttributes } from 'react';
-import { InputProps as InputProps_2 } from './component.types';
 import { InternalNumberFormatBase } from 'react-number-format/types/types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
@@ -31,6 +28,10 @@ import { RefAttributes } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -143,10 +144,10 @@ export declare type InputPatternProps = BaseInputProps & {
     propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
 };
 
-export declare const InputPostfixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+export declare const InputPostfixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "isDisabled"> & Pick<InputChildrenProps, "left" | "right" | "width">>>> & string;
 
 /****************************************** Children *************************************************/
-export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "isDisabled"> & Pick<InputChildrenProps, "left" | "right" | "width">>>> & string;
 
 export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
 
@@ -236,7 +237,7 @@ customInput?: ComponentType<unknown> | undefined;
 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 const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
 
 export declare type StyledInputWrapperProps = AddDollarSign_2<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
 

package/build/component-input.es.js

@@ -1,5 +1,5 @@
-import { I, f } from "./component-DAocGHCP.js";
-import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-YlWOZAd7.js";
+import { I, f } from "./component-C6JGm-CG.js";
+import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-Bh-ajJM2.js";
 export {
   I as Input,
   a9 as InputPostfixChildren,

package/build/component-pagination.cjs.js

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

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

package/build/{component-skAuX4C8.cjs → component-qR0HPUpL.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./context.constants-BMJ3rLa_.cjs"),i=require("react"),n=require("styled-components");require("./component.styles-Dpg-__rn.cjs");const r=require("./component-CLqcB5mM.cjs");exports.Checkbox=o=>{var t,l,d;const c=i.useCallback(e=>{var s;null==(s=o.onChange)||s.call(o,e)},[o.onChange]),a=n.useTheme(),x=i.useMemo(()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Icon,{...o.checked?o.view.true:o.view.false,size:(o.checked?o.view.true:o.view.false).size??o.size}),o.children&&o.children]}),[o.checked,o.children,o.size,o.view]),u=e.jsxRuntimeExports.jsx(s.Icon,{size:o.size,type:"loading",name:"Line"});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.CheckboxWrapper,{type:"button",$genre:o.genre,$error:o.error,$view:o.view,$font:{...o.font,size:(null==(t=o.font)?void 0:t.size)??s.KEY_SIZE_DATA[o.size].font,weight:(null==(l=o.font)?void 0:l.weight)??700},$checked:o.checked,$isWidthAsHeight:o.isWidthAsHeight,$size:o.size,$isDisabled:o.isDisabled,$isHiddenBorder:o.isHiddenBorder,$isNotBackground:o.isNotBackground,$sx:o.sx,$sxTypography:o.sxTypography,$isDisabledOutline:o.isDisabled??o.isDisabledOutline,$isOutlineBoxShadow:o.isOutlineBoxShadow,$isReadOnly:o.isReadOnly,disabled:o.isDisabled,tabIndex:0,onClick:()=>!o.isDisabled&&c(!o.checked),children:[e.jsxRuntimeExports.jsx(r.Ripple,{color:a.colors.checkbox[o.genre].color.rest,isDisabled:o.isDisabled}),o.isOnlyLoading?o.isLoading?u:x:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x,o.isLoading&&u]})]}),(null==o?void 0:o.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...o.error,size:(null==o?void 0:o.error.size)??o.size,font:{size:12,weight:400,family:(null==(d=o.font)?void 0:d.family)??a.font.family}}):null]})};
-//# sourceMappingURL=component-skAuX4C8.cjs.map
+"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),s=require("./context.constants-CDgzMcxb.cjs"),i=require("react"),n=require("styled-components");require("./component.styles-BX2Aiqp_.cjs");const r=require("./component-DqV_-YxZ.cjs");exports.Checkbox=o=>{var t,l,d;const c=i.useCallback(e=>{var s;null==(s=o.onChange)||s.call(o,e)},[o.onChange]),a=n.useTheme(),x=i.useMemo(()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Icon,{...o.checked?o.view.true:o.view.false,size:(o.checked?o.view.true:o.view.false).size??o.size}),o.children&&o.children]}),[o.checked,o.children,o.size,o.view]),u=e.jsxRuntimeExports.jsx(s.Icon,{size:o.size,type:"loading",name:"Line"});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.CheckboxWrapper,{type:"button",$genre:o.genre,$error:o.error,$view:o.view,$font:{...o.font,size:(null==(t=o.font)?void 0:t.size)??s.KEY_SIZE_DATA[o.size].font,weight:(null==(l=o.font)?void 0:l.weight)??700},$checked:o.checked,$isWidthAsHeight:o.isWidthAsHeight,$size:o.size,$isDisabled:o.isDisabled,$isHiddenBorder:o.isHiddenBorder,$isNotBackground:o.isNotBackground,$sx:o.sx,$sxTypography:o.sxTypography,$isDisabledOutline:o.isDisabled??o.isDisabledOutline,$isOutlineBoxShadow:o.isOutlineBoxShadow,$isReadOnly:o.isReadOnly,disabled:o.isDisabled,tabIndex:0,onClick:()=>!o.isDisabled&&c(!o.checked),children:[e.jsxRuntimeExports.jsx(r.Ripple,{color:a.colors.checkbox[o.genre].color.rest,isDisabled:o.isDisabled}),o.isOnlyLoading?o.isLoading?u:x:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x,o.isLoading&&u]})]}),(null==o?void 0:o.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...o.error,size:(null==o?void 0:o.error.size)??o.size,font:{size:12,weight:400,family:(null==(d=o.font)?void 0:d.family)??a.font.family}}):null]})};
+//# sourceMappingURL=component-qR0HPUpL.cjs.map

package/build/{component-skAuX4C8.cjs.map → component-qR0HPUpL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-skAuX4C8.cjs","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const handleOnClick = useCallback(\n    (checked: boolean) => {\n      props.onChange?.(checked);\n    },\n    [props.onChange],\n  );\n  const theme = useTheme();\n  const children = useMemo(\n    () => (\n      <>\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n        />\n        {props.children && props.children}\n      </>\n    ),\n    [props.checked, props.children, props.size, props.view],\n  );\n  const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n  return (\n    <>\n      <CheckboxWrapper\n        type='button'\n        $genre={props.genre}\n        $error={props.error}\n        $view={props.view}\n        $font={{\n          ...props.font,\n          size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n          weight: props.font?.weight ?? 700,\n        }}\n        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["props","handleOnClick","useCallback","checked","_a","onChange","call","theme","useTheme","children","useMemo","jsxs","Fragment","jsx","Icon","view","true","false","size","LoadingComponent","type","name","CheckboxWrapper","$genre","genre","$error","error","$view","$font","font","KEY_SIZE_DATA","weight","_b","$checked","$isWidthAsHeight","isWidthAsHeight","$size","$isDisabled","isDisabled","$isHiddenBorder","isHiddenBorder","$isNotBackground","isNotBackground","$sx","sx","$sxTypography","sxTypography","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","disabled","tabIndex","onClick","Ripple","color","colors","checkbox","rest","isOnlyLoading","isLoading","ErrorMessage","family","_c"],"mappings":"mQAU4CA,cAC1C,MAAMC,EAAgBC,EAAAA,YACnBC,UACC,OAAAC,EAAAJ,EAAMK,WAAND,EAAAE,KAAAN,EAAiBG,IAEnB,CAACH,EAAMK,WAEHE,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,QACf,MACEC,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAI,kBAAAA,IAACC,EAAAA,KAAA,IACMd,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,MAClDC,MAAOlB,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,OAAOC,MAAQlB,EAAMkB,OAE1ElB,EAAMS,UAAYT,EAAMS,YAG7B,CAACT,EAAMG,QAASH,EAAMS,SAAUT,EAAMkB,KAAMlB,EAAMe,OAE9CI,0BAAoBL,EAAAA,KAAA,CAAKI,KAAMlB,EAAMkB,KAAME,KAAK,UAAUC,KAAK,SAErE,SACEV,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAE,kBAAAA,KAACW,EAAAA,gBAAA,CACCF,KAAK,SACLG,OAAQvB,EAAMwB,MACdC,OAAQzB,EAAM0B,MACdC,MAAO3B,EAAMe,KACba,MAAO,IACF5B,EAAM6B,KACTX,MAAM,OAAAd,IAAMyB,WAAN,EAAAzB,EAAYc,OAAQY,EAAAA,cAAc9B,EAAMkB,MAAMW,KACpDE,QAAQ,OAAAC,EAAAhC,EAAM6B,WAAN,EAAAG,EAAYD,SAAU,KAEhCE,SAAUjC,EAAMG,QAChB+B,iBAAkBlC,EAAMmC,gBACxBC,MAAOpC,EAAMkB,KACbmB,YAAarC,EAAMsC,WACnBC,gBAAiBvC,EAAMwC,eACvBC,iBAAkBzC,EAAM0C,gBACxBC,IAAK3C,EAAM4C,GACXC,cAAe7C,EAAM8C,aACrBC,mBAAoB/C,EAAMsC,YAActC,EAAMgD,kBAC9CC,oBAAqBjD,EAAMkD,mBAC3BC,YAAanD,EAAMoD,WACnBC,SAAUrD,EAAMsC,WAChBgB,SAAU,EACVC,QAAS,KAAOvD,EAAMsC,YAAcrC,GAAeD,EAAMG,SAEzDM,SAAA,GAAAI,kBAAAA,IAAC2C,EAAAA,OAAA,CAAOC,MAAOlD,EAAMmD,OAAOC,SAAS3D,EAAMwB,OAAOiC,MAAMG,KAAMtB,WAAYtC,EAAMsC,aAC/EtC,EAAM6D,cACL7D,EAAM8D,UACJ3C,EAEAV,EAGFE,EAAAA,kBAAAA,KAAAC,6BAAA,CACGH,SAAA,CAAAA,EACAT,EAAM8D,WAAa3C,SAIzB,MAAAnB,OAAA,EAAAA,EAAO0B,OACNb,EAAAA,kBAAAA,IAACkD,EAAAA,aAAA,IACK/D,EAAM0B,MACVR,MAAM,MAAAlB,OAAA,EAAAA,EAAO0B,MAAMR,OAAQlB,EAAMkB,KACjCW,KAAM,CACJX,KAAM,GACNa,OAAQ,IACRiC,QAAQ,OAAAC,EAAAjE,EAAM6B,WAAN,EAAAoC,EAAYD,SAAUzD,EAAMsB,KAAKmC,UAG3C"}
+{"version":3,"file":"component-qR0HPUpL.cjs","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const handleOnClick = useCallback(\n    (checked: boolean) => {\n      props.onChange?.(checked);\n    },\n    [props.onChange],\n  );\n  const theme = useTheme();\n  const children = useMemo(\n    () => (\n      <>\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n        />\n        {props.children && props.children}\n      </>\n    ),\n    [props.checked, props.children, props.size, props.view],\n  );\n  const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n  return (\n    <>\n      <CheckboxWrapper\n        type='button'\n        $genre={props.genre}\n        $error={props.error}\n        $view={props.view}\n        $font={{\n          ...props.font,\n          size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n          weight: props.font?.weight ?? 700,\n        }}\n        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["props","handleOnClick","useCallback","checked","_a","onChange","call","theme","useTheme","children","useMemo","jsxs","Fragment","jsx","Icon","view","true","false","size","LoadingComponent","type","name","CheckboxWrapper","$genre","genre","$error","error","$view","$font","font","KEY_SIZE_DATA","weight","_b","$checked","$isWidthAsHeight","isWidthAsHeight","$size","$isDisabled","isDisabled","$isHiddenBorder","isHiddenBorder","$isNotBackground","isNotBackground","$sx","sx","$sxTypography","sxTypography","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","disabled","tabIndex","onClick","Ripple","color","colors","checkbox","rest","isOnlyLoading","isLoading","ErrorMessage","family","_c"],"mappings":"mQAU4CA,cAC1C,MAAMC,EAAgBC,EAAAA,YACnBC,UACC,OAAAC,EAAAJ,EAAMK,WAAND,EAAAE,KAAAN,EAAiBG,IAEnB,CAACH,EAAMK,WAEHE,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,QACf,MACEC,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAI,kBAAAA,IAACC,EAAAA,KAAA,IACMd,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,MAClDC,MAAOlB,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,OAAOC,MAAQlB,EAAMkB,OAE1ElB,EAAMS,UAAYT,EAAMS,YAG7B,CAACT,EAAMG,QAASH,EAAMS,SAAUT,EAAMkB,KAAMlB,EAAMe,OAE9CI,0BAAoBL,EAAAA,KAAA,CAAKI,KAAMlB,EAAMkB,KAAME,KAAK,UAAUC,KAAK,SAErE,SACEV,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAE,kBAAAA,KAACW,EAAAA,gBAAA,CACCF,KAAK,SACLG,OAAQvB,EAAMwB,MACdC,OAAQzB,EAAM0B,MACdC,MAAO3B,EAAMe,KACba,MAAO,IACF5B,EAAM6B,KACTX,MAAM,OAAAd,IAAMyB,WAAN,EAAAzB,EAAYc,OAAQY,EAAAA,cAAc9B,EAAMkB,MAAMW,KACpDE,QAAQ,OAAAC,EAAAhC,EAAM6B,WAAN,EAAAG,EAAYD,SAAU,KAEhCE,SAAUjC,EAAMG,QAChB+B,iBAAkBlC,EAAMmC,gBACxBC,MAAOpC,EAAMkB,KACbmB,YAAarC,EAAMsC,WACnBC,gBAAiBvC,EAAMwC,eACvBC,iBAAkBzC,EAAM0C,gBACxBC,IAAK3C,EAAM4C,GACXC,cAAe7C,EAAM8C,aACrBC,mBAAoB/C,EAAMsC,YAActC,EAAMgD,kBAC9CC,oBAAqBjD,EAAMkD,mBAC3BC,YAAanD,EAAMoD,WACnBC,SAAUrD,EAAMsC,WAChBgB,SAAU,EACVC,QAAS,KAAOvD,EAAMsC,YAAcrC,GAAeD,EAAMG,SAEzDM,SAAA,GAAAI,kBAAAA,IAAC2C,EAAAA,OAAA,CAAOC,MAAOlD,EAAMmD,OAAOC,SAAS3D,EAAMwB,OAAOiC,MAAMG,KAAMtB,WAAYtC,EAAMsC,aAC/EtC,EAAM6D,cACL7D,EAAM8D,UACJ3C,EAEAV,EAGFE,EAAAA,kBAAAA,KAAAC,6BAAA,CACGH,SAAA,CAAAA,EACAT,EAAM8D,WAAa3C,SAIzB,MAAAnB,OAAA,EAAAA,EAAO0B,OACNb,EAAAA,kBAAAA,IAACkD,EAAAA,aAAA,IACK/D,EAAM0B,MACVR,MAAM,MAAAlB,OAAA,EAAAA,EAAO0B,MAAMR,OAAQlB,EAAMkB,KACjCW,KAAM,CACJX,KAAM,GACNa,OAAQ,IACRiC,QAAQ,OAAAC,EAAAjE,EAAM6B,WAAN,EAAAoC,EAAYD,SAAUzD,EAAMsB,KAAKmC,UAG3C"}

package/build/component-range.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-CANbSEA3.cjs"),r=require("./context.constants-BMJ3rLa_.cjs");exports.Range=e.Range,exports.RangeThumb=r.RangeThumb,exports.RangeTrack=r.RangeTrack,exports.RangeWrapper=r.RangeWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DsLJSX6q.cjs"),r=require("./context.constants-CDgzMcxb.cjs");exports.Range=e.Range,exports.RangeThumb=r.RangeThumb,exports.RangeTrack=r.RangeTrack,exports.RangeWrapper=r.RangeWrapper;
 //# sourceMappingURL=component-range.cjs.js.map

package/build/component-range.d.ts

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { ClipboardEventHandler } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
@@ -13,10 +12,13 @@ import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
 import { PropsWithChildren } from 'react';
-import { RangeProps as RangeProps_2 } from './component.types';
 import { Ref } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -161,9 +163,9 @@ export declare type RangeThumbProps = RangeComponentProps & AddDollarSign_2<{
     colorBackground: string;
 }>;
 
-export declare const RangeTrack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps_2, "size" | "genre">>>> & string;
+export declare const RangeTrack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps, "size" | "genre">>>> & string;
 
-export declare const RangeWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps_2, "size" | "sx" | "error">>>> & string;
+export declare const RangeWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps, "size" | "sx" | "error">>>> & string;
 
 export declare type RangeWrapperProps = AddDollarSign_2<Pick<RangeProps, 'size' | 'sx' | 'error'>>;
 

package/build/component-range.es.js

@@ -1,9 +1,9 @@
-import { R } from "./component-CGPZf0Mx.js";
-import { al, ak, aj } from "./context.constants-YlWOZAd7.js";
+import { R } from "./component-C9Uf5Bc0.js";
+import { af, ae, ad } from "./context.constants-Bh-ajJM2.js";
 export {
   R as Range,
-  al as RangeThumb,
-  ak as RangeTrack,
-  aj as RangeWrapper
+  af as RangeThumb,
+  ae as RangeTrack,
+  ad as RangeWrapper
 };
 //# sourceMappingURL=component-range.es.js.map

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BX2Aiqp_.cjs"),p=require("./component-DqV_-YxZ.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.d.ts

@@ -1,9 +1,7 @@
-import { AddDollarSign as AddDollarSign_2 } from '../..';
 import { DetailedHTMLProps } from 'react';
 import { FC } from 'react';
 import { HTMLAttributes } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
-import { RippleProps as RippleProps_2 } from './component.types';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
@@ -11,6 +9,10 @@ declare type AddDollarSign<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
 
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 export declare const addRipple: RuleSet<    {
 $isRipple?: boolean;
 }>;
@@ -29,7 +31,7 @@ export declare interface RippleArrayElement {
     size: number;
 }
 
-export declare const RippleContainer: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<RippleProps_2>>> & string;
+export declare const RippleContainer: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<RippleProps>>> & string;
 
 export declare type RippleContainerProps = AddDollarSign<RippleProps>;
 
@@ -40,6 +42,6 @@ export declare interface RippleProps {
     isHidden?: boolean;
 }
 
-export declare const RippleSpan: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<RippleProps_2>>> & string;
+export declare const RippleSpan: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<RippleProps>>> & string;
 
 export { }

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-DHM9pbab.js";
+import { D, a, R, b, c, d } from "./component.styles-C0oU5oX_.js";
+import { R as R2 } from "./component-D-HMYzXU.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 t=require("./context.constants-BMJ3rLa_.cjs");exports.ButtonList=t.ButtonList,exports.ContainerDropdownListOption=t.ContainerDropdownListOption,exports.ContainerSelectListOption=t.ContainerSelectListOption,exports.DropdownList=t.DropdownList,exports.DropdownListOption=t.DropdownListOption,exports.DropdownListOptionIcon=t.DropdownListOptionIcon,exports.DropdownListParent=t.DropdownListParent,exports.Select=t.Select,exports.SelectLanguage=t.SelectLanguage,exports.SelectList=t.SelectList,exports.SelectListOption=t.SelectListOption,exports.SelectMapTheme=t.SelectMapTheme,exports.SelectMonth=t.SelectMonth,exports.SelectMonths=t.SelectMonths,exports.SelectTextArea=t.SelectTextArea,exports.SelectWrapper=t.SelectWrapper,exports.SelectYear=t.SelectYear;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-CDgzMcxb.cjs");exports.ButtonList=t.ButtonList,exports.ContainerDropdownListOption=t.ContainerDropdownListOption,exports.ContainerSelectListOption=t.ContainerSelectListOption,exports.DropdownList=t.DropdownList,exports.DropdownListOption=t.DropdownListOption,exports.DropdownListOptionIcon=t.DropdownListOptionIcon,exports.DropdownListParent=t.DropdownListParent,exports.Select=t.Select,exports.SelectLanguage=t.SelectLanguage,exports.SelectList=t.SelectList,exports.SelectListOption=t.SelectListOption,exports.SelectMonth=t.SelectMonth,exports.SelectMonths=t.SelectMonths,exports.SelectTextArea=t.SelectTextArea,exports.SelectWrapper=t.SelectWrapper,exports.SelectYear=t.SelectYear;
 //# sourceMappingURL=component-select.cjs.js.map

package/build/component-select.d.ts

@@ -1,8 +1,8 @@
-import { AddDollarSign } from '../..';
 import { BaseObject } from 'styled-components/dist/types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FastOmit } from 'styled-components';
@@ -10,19 +10,23 @@ import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefComponent } from 'framer-motion';
 import { HTMLAttributes } from 'react';
+import { HTMLInputAutoCompleteAttribute } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-import { IconItemProps } from '../icon';
-import { ISelectItem as ISelectItem_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
 import { LiHTMLAttributes } from 'react';
 import { MemoExoticComponent } from 'react';
+import { MouseEventHandler } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
-import { SelectProps as SelectProps_2 } from './component.types';
+import { RefObject } from 'react';
 import { Substitute } from 'styled-components/dist/types';
-import { TextAreaProps } from '../textarea';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
 
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
@@ -40,10 +44,49 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
-export declare const ButtonList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size">>>> & string;
+declare type AutoHeightTextAreaProps = BaseTextAreaProps & {
+    isAutoHeight: true;
+    maxRows: number;
+    isResize?: false | undefined;
+};
+
+declare type BaseTextAreaProps = CommonTextAreaProps & (ControlledValue | UncontrolledValue);
+
+export declare const ButtonList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "size">>>> & string;
 
 export declare type ButtonListProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size'>>;
 
+declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
+    name?: string;
+    ariaLabel?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute | string;
+    id?: string;
+    ref?: RefObject<HTMLTextAreaElement | null>;
+    className?: string;
+    genre: TextAreaGenre;
+    minRows: number;
+    size: IThemeSize;
+    placeholder?: string;
+    maxLength?: number;
+    minLength?: number;
+    isDisabled?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+    isResize?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isInputEffect?: boolean;
+    isRequired?: boolean;
+    isNoSpaces?: boolean;
+    isBold?: boolean;
+    onFocus?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
+    onBlur?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
+    onChange?: (value: string) => void;
+    onClick?: MouseEventHandler<HTMLTextAreaElement>;
+    onMouseDown?: MouseEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+};
+
 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' | 'font'> & {
@@ -63,15 +106,20 @@ export declare type ContainerSelectListOptionProps<T extends ISelectItem> = Pick
     onClick: () => void;
 };
 
+declare type ControlledValue = {
+    value: string | null | undefined;
+    defaultValue?: never;
+};
+
 export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 
-export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "font" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
-item?: ISelectItem_2;
+export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "size" | "font" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
+item?: ISelectItem;
 isChecked?: boolean;
 isShowScroll?: boolean;
 }>>> & string;
 
-export declare const DropdownListOptionIcon: IStyledComponentBase<"web", Substitute<IconItemProps & BaseObject, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre"> & {
+export declare const DropdownListOptionIcon: IStyledComponentBase<"web", Substitute<IconItemProps & BaseObject, AddDollarSign<Pick<SelectProps<ISelectItem>, "size" | "genre"> & {
 checked?: boolean;
 }>>> & string & Omit<(props: IconItemProps) => JSX.Element, keyof Component<any, {}, any>>;
 
@@ -85,7 +133,7 @@ export declare type DropdownListOptionProps = AddDollarSign_2<Pick<SelectProps<I
     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 DropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "size">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
 export declare type DropdownListParentProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size'>>;
 
@@ -97,6 +145,12 @@ declare type ErrorMessageProps = {
     sx?: addSXProps['sx'];
 } & addFontProps;
 
+declare type FixedTextAreaProps = BaseTextAreaProps & {
+    isResize?: false | undefined;
+    isAutoHeight?: false | undefined;
+    maxRows?: never;
+};
+
 declare type FontSizeStylesProps = {
     size?: TypographyDataProps['size'];
     weight?: TypographyDataProps['weight'];
@@ -104,6 +158,20 @@ declare type FontSizeStylesProps = {
     height?: TypographyDataProps['height'];
 };
 
+declare type IconItemProps = {
+    [K in keyof DefaultTheme['icon']['map']]: {
+        type: K;
+        name: DefaultTheme['icon']['map'][K][number];
+        className?: string;
+        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+        size: IThemeSize | '100%';
+        color?: IThemePaletteKeys;
+        turn?: number;
+        order?: number;
+        tabIndex?: number;
+    } & addSXProps;
+}[keyof DefaultTheme['icon']['map']];
+
 export declare interface ISelectItem {
     [key: string]: unknown;
     isDisabled?: boolean;
@@ -117,11 +185,6 @@ export declare interface ISelectLanguageOption extends ISelectItem {
     search?: string;
 }
 
-export declare interface ISelectMapThemeOption extends ISelectItem {
-    placeholder: string;
-    search?: string;
-}
-
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
 declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
@@ -130,6 +193,24 @@ declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' |
 
 declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
 
+declare type IThemeGenreTextArea = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+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;
@@ -155,18 +236,18 @@ declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | '
 
 declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
 
-declare interface MapTheme {
-    attribution: string;
-    name: string;
-    url: string;
-}
-
 declare type MonthItem = {
     localeLong: string;
     localeShort: string;
     value: 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december';
 };
 
+declare type ResizableTextAreaProps = BaseTextAreaProps & {
+    isResize: true;
+    isAutoHeight?: false | undefined;
+    maxRows?: never;
+};
+
 export declare const Select: <T extends object & ISelectItem>(props: SelectProps<T>) => JSX.Element;
 
 export declare type SelectInputProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'size' | 'genre'>>;
@@ -178,10 +259,10 @@ export declare type SelectLanguageProps = Omit<SelectProps<ISelectItem>, 'option
     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 SelectList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "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;
+export declare const SelectListOption: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"li">, "ref"> & RefAttributes<HTMLLIElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isWrapSelectOption" | "isClearWhenClickSelectListOption" | "isOnlyColorInSelectListOption"> & {
+item?: ISelectItem;
 isChecked?: boolean;
 }>>> & string & Omit<ForwardRefComponent<HTMLLIElement, HTMLMotionProps<"li">>, keyof Component<any, {}, any>>;
 
@@ -192,13 +273,6 @@ export declare type SelectListOptionProps = AddDollarSign_2<Pick<SelectProps<ISe
 
 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'> & {
-    value: MapTheme;
-    onChange: (theme: MapTheme | null) => void;
-};
-
 export declare const SelectMonth: FC<SelectMonthProps>;
 
 export declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
@@ -274,7 +348,7 @@ export declare type SelectProps<T extends ISelectItem> = addErrorProps & addFont
 
 export declare const SelectTextArea: IStyledComponentBase<"web", Substitute<TextAreaProps & BaseObject, BaseObject>> & string & Omit<(props: TextAreaProps) => JSX.Element, keyof Component<any, {}, any>>;
 
-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"> & {
+export declare const SelectWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<SelectProps<ISelectItem>, "size" | "sx" | "error" | "genre" | "isCenter" | "isNotShowHoverStyle"> & {
 isOpen: boolean;
 }>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
@@ -300,6 +374,10 @@ declare type SXProps = ({
     [K in IThemeDevice]?: CSSObject;
 });
 
+declare type TextAreaGenre = keyof IThemeGenreTextArea;
+
+declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
+
 export declare type TInputSelect = keyof IThemeGenreSelect;
 
 declare type TypographyDataProps = TypographyDefaultProps & {
@@ -325,4 +403,9 @@ declare type TypographyDefaultProps = {
     isNoUserSelect?: boolean;
 };
 
+declare type UncontrolledValue = {
+    value?: never;
+    defaultValue: string;
+};
+
 export { }

package/build/component-select.es.js

@@ -1,21 +1,20 @@
-import { aA, an, ao, aw, ax, ay, av, am, ap, az, aB, at, aq, ar, aC, au, as } from "./context.constants-YlWOZAd7.js";
+import { at, ah, ai, ap, aq, ar, ao, ag, aj, as, au, ak, al, av, an, am } from "./context.constants-Bh-ajJM2.js";
 export {
-  aA as ButtonList,
-  an as ContainerDropdownListOption,
-  ao as ContainerSelectListOption,
-  aw as DropdownList,
-  ax as DropdownListOption,
-  ay as DropdownListOptionIcon,
-  av as DropdownListParent,
-  am as Select,
-  ap as SelectLanguage,
-  az as SelectList,
-  aB as SelectListOption,
-  at as SelectMapTheme,
-  aq as SelectMonth,
-  ar as SelectMonths,
-  aC as SelectTextArea,
-  au as SelectWrapper,
-  as as SelectYear
+  at as ButtonList,
+  ah as ContainerDropdownListOption,
+  ai as ContainerSelectListOption,
+  ap as DropdownList,
+  aq as DropdownListOption,
+  ar as DropdownListOptionIcon,
+  ao as DropdownListParent,
+  ag as Select,
+  aj as SelectLanguage,
+  as as SelectList,
+  au as SelectListOption,
+  ak as SelectMonth,
+  al as SelectMonths,
+  av as SelectTextArea,
+  an as SelectWrapper,
+  am 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 e=require("./component-86oA9dYz.cjs"),r=require("./component.styles-CD6ZzRrk.cjs");exports.Separator=e.Separator,exports.SeparatorWrapper=r.SeparatorWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DJAq34yj.cjs"),r=require("./component.styles-CD6ZzRrk.cjs");exports.Separator=e.Separator,exports.SeparatorWrapper=r.SeparatorWrapper;
 //# sourceMappingURL=component-separator.cjs.js.map

package/build/component-separator.d.ts

@@ -1,13 +1,15 @@
-import { AddDollarSign } from '../..';
 import { CSSObject } from 'styled-components';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FC } from 'react';
 import { HTMLAttributes } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
-import { SeparatorProps as SeparatorProps_2 } from './component.types';
 import { Substitute } from 'styled-components/dist/types';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -30,7 +32,7 @@ export declare interface SeparatorProps {
     thickness?: string;
 }
 
-export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SeparatorProps_2, "color" | "sx" | "type" | "radius" | "thickness">>>> & string;
+export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SeparatorProps, "color" | "sx" | "type" | "radius" | "thickness">>>> & string;
 
 export declare type SeparatorWrapperProps = AddDollarSign_2<Pick<SeparatorProps, 'sx' | 'radius' | 'color' | 'type' | 'thickness'>>;
 

package/build/component-separator.es.js

@@ -1,4 +1,4 @@
-import { S } from "./component-Cp8VTqb2.js";
+import { S } from "./component-Cfs39n8Q.js";
 import { S as S2 } from "./component.styles-SZ5VuhNG.js";
 export {
   S as Separator,

package/build/component-stack.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-5Utdcc2G.cjs");exports.Stack=t.Stack,exports.StackMotion=t.StackMotion,exports.StyledStack=t.StyledStack,exports.StyledStackMotion=t.StyledStackMotion;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-CoOTSdM5.cjs");exports.Stack=t.Stack,exports.StackMotion=t.StackMotion,exports.StyledStack=t.StyledStack,exports.StyledStackMotion=t.StyledStackMotion;
 //# sourceMappingURL=component-stack.cjs.js.map

package/build/component-stack.d.ts

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { AnimationProps } from 'framer-motion';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
@@ -19,10 +18,13 @@ import { LayoutProps } from 'framer-motion';
 import { PropsWithChildren } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
-import { StackProps as StackProps_2 } from './component.types';
 import { Substitute } from 'styled-components/dist/types';
 import { TapHandlers } from 'framer-motion';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -51,9 +53,9 @@ export declare interface StackProps extends addSXProps, PropsWithChildren {
     ref?: Ref<HTMLDivElement | null>;
 }
 
-export declare const StyledStack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<StackProps_2>>> & string;
+export declare const StyledStack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<StackProps>>> & string;
 
-export declare const StyledStackMotion: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<StackProps_2>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+export declare const StyledStackMotion: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<StackProps>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
 export declare type StyledStackProps = AddDollarSign_2<StackProps>;
 

package/build/component-stack.es.js

@@ -1,4 +1,4 @@
-import { b, c, S, a } from "./component-DEZX8aBs.js";
+import { b, c, S, a } from "./component-gcvwlILJ.js";
 export {
   b as Stack,
   c as StackMotion,