@jenesei-software/jenesei-kit-react 1.3.30 → 1.3.31

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

@@ -1,5 +1,5 @@
-import { I } from "./component-DXZrlFCa.js";
-import { aa, ab, ac } from "./context.constants-Dop398a2.js";
+import { I } from "./component-CMUWN8YO.js";
+import { aa, ab, ac } from "./context.constants-D8UVM6GL.js";
 export {
   I as InputOTP,
   aa 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-B0KY9CML.cjs"),e=require("./context.constants-p2bRkgM3.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DfZKriX4.cjs"),e=require("./context.constants-CPdsUeiQ.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
 //# sourceMappingURL=component-input.cjs.js.map

package/build/component-input.es.js

@@ -1,5 +1,5 @@
-import { I, f } from "./component-CVODnsK7.js";
-import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-Dop398a2.js";
+import { I, f } from "./component-Tjc4KXtU.js";
+import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-D8UVM6GL.js";
 export {
   I as Input,
   a9 as InputPostfixChildren,

package/build/{component-D5Bg68Aq.cjs → component-jeO6CsTP.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./context.constants-p2bRkgM3.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-D5Bg68Aq.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./context.constants-CPdsUeiQ.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-jeO6CsTP.cjs.map

package/build/{component-D5Bg68Aq.cjs.map → component-jeO6CsTP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-D5Bg68Aq.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-jeO6CsTP.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-map.cjs.js

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

package/build/component-map.es.js

@@ -1,5 +1,5 @@
-import { ag, ad, ae, ah, af, ai } from "./context.constants-Dop398a2.js";
-import { C, M, a, b, U, c, e, d } from "./component.components-BJ1nh728.js";
+import { ag, ad, ae, ah, af, ai } from "./context.constants-D8UVM6GL.js";
+import { C, M, a, b, U, c, e, d } from "./component.components-CFsHZ-xd.js";
 export {
   C as CustomZoomControl,
   ag as DEFAULT_MAP_CENTER,

package/build/component-pagination.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-B1XT0pqP.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-DIRNAI_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-ASMqRXmH.js";
+import { D, P } from "./component.constants-DWE902Cf.js";
 export {
   D as DEFAULT_COMPONENT_PAGINATION_GAP,
   P as Pagination

package/build/component-range.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-COVO0g4K.cjs"),r=require("./context.constants-p2bRkgM3.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-DE1S-lZ5.cjs"),r=require("./context.constants-CPdsUeiQ.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.es.js

@@ -1,5 +1,5 @@
-import { R } from "./component-CJ_IYmXp.js";
-import { al, ak, aj } from "./context.constants-Dop398a2.js";
+import { R } from "./component-BFDCc96N.js";
+import { al, ak, aj } from "./context.constants-D8UVM6GL.js";
 export {
   R as Range,
   al as RangeThumb,

package/build/component-select.cjs.js

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

package/build/component-select.es.js

@@ -1,4 +1,4 @@
-import { aA, an, ao, aw, ax, ay, av, am, ap, az, aB, at, aq, ar, aC, au, as } from "./context.constants-Dop398a2.js";
+import { aA, an, ao, aw, ax, ay, av, am, ap, az, aB, at, aq, ar, aC, au, as } from "./context.constants-D8UVM6GL.js";
 export {
   aA as ButtonList,
   an as ContainerDropdownListOption,

package/build/{component-BHINcJGw.cjs → component-ssaD7jJ-.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./consts.cjs.js"),i=require("./use-CHyIgo-M.cjs"),s=require("./context.constants-p2bRkgM3.cjs"),n=require("./component-AtGU3rIh.cjs"),r=require("./component-5Utdcc2G.cjs"),o=require("styled-components");require("./context.constants-wztrdG5Q.cjs");const a=require("./context.hooks-DDtUqE34.cjs"),l=require("react"),u=require("framer-motion");exports.ImageSelect=d=>{const{onChange:c}=d,g=l.useMemo(()=>s.KEY_SIZE_DATA[d.size],[d.size]),[p,x]=l.useState(d.images||[]),[m,h]=l.useState(!1),j=l.useRef(null),f=o.useTheme(),S=l.useCallback(e=>{e&&x(t=>{const i=e.map((e,i)=>({...e,index:t.length+i})),s=[...t,...i];return null==c||c(s),s})},[c]),b=()=>{var e;null==(e=j.current)||e.click()},{handleAddFiles:v}=i.useImageCrop({onSave:S,locale:d.locale,dialog:{button:{genre:d.propsButton.default.genre,size:d.propsButton.default.size},buttonDelete:{genre:d.propsButton.delete.genre,size:d.propsButton.delete.size}},imageSettings:{maxSize:d.imageSettings.maxSize,maxCount:d.imageSettings.maxCount-p.length,aspect:d.imageSettings.aspect},refInput:j}),{handleAdd:R}=(t=>{const i=l.useMemo(()=>s.KEY_SIZE_DATA[t.size],[t.size]),o=l.useMemo(()=>`${i.radius}px`,[i.radius]),{add:u}=a.useDialog({br:o,propsDialog:{borderRadius:o,padding:"0",background:"whiteStandard"}});return{handleAdd:l.useCallback(i=>{u({content:(o,a)=>e.jsxRuntimeExports.jsxs(r.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*t.imageSettings.aspect+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==o?void 0:o.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(n.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:!0,sxImage:{default:{objectFit:"contain"}},alt:null==i?void 0:i.imageSrc,src:null==i?void 0:i.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(s.Typography,{sx:{default:{variant:"h6"}},children:t.locale.imageFallback})}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:"realebail-white",size:"small",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==a?void 0:a()})]})})},[u,t.imageSettings.aspect,t.locale.imageFallback])}})({size:d.size,locale:d.locale,imageSettings:d.imageSettings,genre:d.genre});return l.useEffect(()=>{x(d.images||[])},[d.images]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.ImageSelectWrapper,{$genre:d.genre,$size:d.size,id:d.id,$sx:d.sx,$error:d.error,children:[e.jsxRuntimeExports.jsxs(s.ImageSelectListWrapper,{onDrop:e=>{(e=>{var t;e.preventDefault(),(null==(t=e.dataTransfer.files)?void 0:t.length)&&v(e.dataTransfer.files)})(e),h(!1)},onDragOver:e=>e.preventDefault(),onDragEnter:()=>h(!0),onDragLeave:()=>h(!1),animate:{borderColor:m?f.colors.imageSelect[d.genre].border.hover:f.colors.imageSelect[d.genre].border.rest},transition:{duration:.3},$genre:d.genre,$size:d.size,children:[e.jsxRuntimeExports.jsxs(u.motion.div,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,style:{display:"flex",flexWrap:"wrap",gap:g.padding-2+"px"},children:[p.map(t=>t.url&&e.jsxRuntimeExports.jsxs(u.motion.div,{style:{position:"relative",width:`${d.imageSettings.width}px`,height:`${d.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${g.radius}px`,flexGrow:1},layout:!0,transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},children:[e.jsxRuntimeExports.jsx(n.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:d.isContain,sxImage:{default:{objectFit:d.isContain?"contain":"cover"}},alt:t.name||"image",src:t.url,componentFallback:e.jsxRuntimeExports.jsx(s.Typography,{sx:{default:{variant:"h6"}},children:d.locale.imageFallback})}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",top:5,right:5}},genre:d.genre,size:"small",icons:[{type:"id",name:"Close"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>{return e=t.id,void x(t=>{const i=t.filter(t=>t.id!==e);return null==c||c(i),i});var e}}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:d.genre,size:"small",icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>t.url&&R({id:t.id,imageSrc:t.url})})]},t.id)),0===p.length?e.jsxRuntimeExports.jsx("div",{onClick:b,style:{position:"relative",width:`${d.imageSettings.width}px`,height:`${d.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${g.radius}px`,flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",cursor:"pointer"},children:e.jsxRuntimeExports.jsx(s.Typography,{style:{color:f.colors.imageSelect[d.genre].color.rest},sx:{default:{}},children:d.locale.dragAndDrop})},"empty"):null]}),e.jsxRuntimeExports.jsx("input",{ref:j,type:"file",accept:t.LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&v(e.target.files)}})]}),e.jsxRuntimeExports.jsxs(r.Stack,{sx:{default:{flexGrow:1,gap:g.padding-2+"px"}},children:[e.jsxRuntimeExports.jsx(s.Button,{type:"button",genre:d.genre,size:d.size,sx:{default:{flexGrow:3}},isRadius:!0,onClick:b,children:d.locale.buttonAdd}),e.jsxRuntimeExports.jsx(s.Button,{isRadius:!0,type:"button",sx:{default:{flexGrow:1}},onClick:()=>{x(d.defaultImages||[]),null==c||c(d.defaultImages||[])},genre:d.genre,size:d.size,children:d.locale.buttonReset})]})]}),(null==d?void 0:d.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...d.error,size:(null==d?void 0:d.error.size)??d.size,font:{size:12,weight:400,family:f.font.family}}):null]})};
-//# sourceMappingURL=component-BHINcJGw.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./consts.cjs.js"),i=require("./use-BwhyveId.cjs"),s=require("./context.constants-CPdsUeiQ.cjs"),n=require("./component-ByU2po_i.cjs"),r=require("./component-5Utdcc2G.cjs"),o=require("styled-components");require("./context.constants-wztrdG5Q.cjs");const a=require("./context.hooks-DDtUqE34.cjs"),l=require("react"),u=require("framer-motion");exports.ImageSelect=d=>{const{onChange:c}=d,g=l.useMemo(()=>s.KEY_SIZE_DATA[d.size],[d.size]),[p,x]=l.useState(d.images||[]),[m,h]=l.useState(!1),j=l.useRef(null),f=o.useTheme(),S=l.useCallback(e=>{e&&x(t=>{const i=e.map((e,i)=>({...e,index:t.length+i})),s=[...t,...i];return null==c||c(s),s})},[c]),b=()=>{var e;null==(e=j.current)||e.click()},{handleAddFiles:v}=i.useImageCrop({onSave:S,locale:d.locale,dialog:{button:{genre:d.propsButton.default.genre,size:d.propsButton.default.size},buttonDelete:{genre:d.propsButton.delete.genre,size:d.propsButton.delete.size}},imageSettings:{maxSize:d.imageSettings.maxSize,maxCount:d.imageSettings.maxCount-p.length,aspect:d.imageSettings.aspect},refInput:j}),{handleAdd:R}=(t=>{const i=l.useMemo(()=>s.KEY_SIZE_DATA[t.size],[t.size]),o=l.useMemo(()=>`${i.radius}px`,[i.radius]),{add:u}=a.useDialog({br:o,propsDialog:{borderRadius:o,padding:"0",background:"whiteStandard"}});return{handleAdd:l.useCallback(i=>{u({content:(o,a)=>e.jsxRuntimeExports.jsxs(r.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*t.imageSettings.aspect+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==o?void 0:o.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(n.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:!0,sxImage:{default:{objectFit:"contain"}},alt:null==i?void 0:i.imageSrc,src:null==i?void 0:i.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(s.Typography,{sx:{default:{variant:"h6"}},children:t.locale.imageFallback})}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:"realebail-white",size:"small",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==a?void 0:a()})]})})},[u,t.imageSettings.aspect,t.locale.imageFallback])}})({size:d.size,locale:d.locale,imageSettings:d.imageSettings,genre:d.genre});return l.useEffect(()=>{x(d.images||[])},[d.images]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.ImageSelectWrapper,{$genre:d.genre,$size:d.size,id:d.id,$sx:d.sx,$error:d.error,children:[e.jsxRuntimeExports.jsxs(s.ImageSelectListWrapper,{onDrop:e=>{(e=>{var t;e.preventDefault(),(null==(t=e.dataTransfer.files)?void 0:t.length)&&v(e.dataTransfer.files)})(e),h(!1)},onDragOver:e=>e.preventDefault(),onDragEnter:()=>h(!0),onDragLeave:()=>h(!1),animate:{borderColor:m?f.colors.imageSelect[d.genre].border.hover:f.colors.imageSelect[d.genre].border.rest},transition:{duration:.3},$genre:d.genre,$size:d.size,children:[e.jsxRuntimeExports.jsxs(u.motion.div,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,style:{display:"flex",flexWrap:"wrap",gap:g.padding-2+"px"},children:[p.map(t=>t.url&&e.jsxRuntimeExports.jsxs(u.motion.div,{style:{position:"relative",width:`${d.imageSettings.width}px`,height:`${d.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${g.radius}px`,flexGrow:1},layout:!0,transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},children:[e.jsxRuntimeExports.jsx(n.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:d.isContain,sxImage:{default:{objectFit:d.isContain?"contain":"cover"}},alt:t.name||"image",src:t.url,componentFallback:e.jsxRuntimeExports.jsx(s.Typography,{sx:{default:{variant:"h6"}},children:d.locale.imageFallback})}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",top:5,right:5}},genre:d.genre,size:"small",icons:[{type:"id",name:"Close"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>{return e=t.id,void x(t=>{const i=t.filter(t=>t.id!==e);return null==c||c(i),i});var e}}),e.jsxRuntimeExports.jsx(s.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:d.genre,size:"small",icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>t.url&&R({id:t.id,imageSrc:t.url})})]},t.id)),0===p.length?e.jsxRuntimeExports.jsx("div",{onClick:b,style:{position:"relative",width:`${d.imageSettings.width}px`,height:`${d.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${g.radius}px`,flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",cursor:"pointer"},children:e.jsxRuntimeExports.jsx(s.Typography,{style:{color:f.colors.imageSelect[d.genre].color.rest},sx:{default:{}},children:d.locale.dragAndDrop})},"empty"):null]}),e.jsxRuntimeExports.jsx("input",{ref:j,type:"file",accept:t.LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&v(e.target.files)}})]}),e.jsxRuntimeExports.jsxs(r.Stack,{sx:{default:{flexGrow:1,gap:g.padding-2+"px"}},children:[e.jsxRuntimeExports.jsx(s.Button,{type:"button",genre:d.genre,size:d.size,sx:{default:{flexGrow:3}},isRadius:!0,onClick:b,children:d.locale.buttonAdd}),e.jsxRuntimeExports.jsx(s.Button,{isRadius:!0,type:"button",sx:{default:{flexGrow:1}},onClick:()=>{x(d.defaultImages||[]),null==c||c(d.defaultImages||[])},genre:d.genre,size:d.size,children:d.locale.buttonReset})]})]}),(null==d?void 0:d.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...d.error,size:(null==d?void 0:d.error.size)??d.size,font:{size:12,weight:400,family:f.font.family}}):null]})};
+//# sourceMappingURL=component-ssaD7jJ-.cjs.map

package/build/{component-BHINcJGw.cjs.map → component-ssaD7jJ-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BHINcJGw.cjs","sources":["../src/components/image-select/component.tsx","../src/hooks/use-image-view/use.tsx"],"sourcesContent":["import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\nimport { useImageView } from '@local/hooks/use-image-view';\nimport { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport { DragEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Button } from '../button';\nimport { Image } from '../image';\nimport { Stack } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSelectItemProps, ImageSelectListWrapper, ImageSelectProps, ImageSelectWrapper } from '.';\n\nexport const ImageSelect = (props: ImageSelectProps) => {\n  const { onChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n\n  const [images, setImages] = useState<ImageSelectItemProps[]>(props.images || []);\n\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  const refInput = useRef<HTMLInputElement | null>(null);\n\n  const theme = useTheme();\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (e.dataTransfer.files?.length) {\n      handleAddFilesCrop(e.dataTransfer.files);\n    }\n  };\n\n  const handleDelete = (id: number) => {\n    setImages((prev) => {\n      const finalImages = prev.filter((img) => img.id !== id);\n      onChange?.(finalImages);\n      return finalImages;\n    });\n  };\n\n  const handleOnSave = useCallback(\n    (files: ImageSelectItemProps[] | null) => {\n      if (files) {\n        setImages((prev) => {\n          const newImages = files.map((file, idx) => ({\n            ...file,\n            index: prev.length + idx,\n          }));\n          const finalImages = [...prev, ...newImages];\n          onChange?.(finalImages);\n          return finalImages;\n        });\n      }\n    },\n    [onChange],\n  );\n\n  const openFileDialog = () => {\n    refInput.current?.click();\n  };\n\n  const resetImages = () => {\n    setImages(props.defaultImages || []);\n    onChange?.(props.defaultImages || []);\n  };\n\n  const { handleAddFiles: handleAddFilesCrop } = useImageCrop({\n    onSave: handleOnSave,\n    locale: props.locale,\n    dialog: {\n      button: {\n        genre: props.propsButton.default.genre,\n        size: props.propsButton.default.size,\n      },\n      buttonDelete: {\n        genre: props.propsButton.delete.genre,\n        size: props.propsButton.delete.size,\n      },\n    },\n    imageSettings: {\n      maxSize: props.imageSettings.maxSize,\n      maxCount: props.imageSettings.maxCount - images.length,\n      aspect: props.imageSettings.aspect,\n    },\n    refInput: refInput,\n  });\n\n  const { handleAdd } = useImageView({\n    size: props.size,\n    locale: props.locale,\n    imageSettings: props.imageSettings,\n    genre: props.genre,\n  });\n\n  useEffect(() => {\n    setImages(props.images || []);\n  }, [props.images]);\n\n  return (\n    <>\n      <ImageSelectWrapper $genre={props.genre} $size={props.size} id={props.id} $sx={props.sx} $error={props.error}>\n        <ImageSelectListWrapper\n          onDrop={(e) => {\n            handleDrop(e);\n            setIsDraggingOver(false);\n          }}\n          onDragOver={(e) => e.preventDefault()}\n          onDragEnter={() => setIsDraggingOver(true)}\n          onDragLeave={() => setIsDraggingOver(false)}\n          animate={{\n            borderColor: isDraggingOver\n              ? theme.colors.imageSelect[props.genre].border.hover\n              : theme.colors.imageSelect[props.genre].border.rest,\n          }}\n          transition={{ duration: 0.3 }}\n          $genre={props.genre}\n          $size={props.size}\n        >\n          <motion.div\n            transition={{\n              layout: {\n                duration: 0.3,\n                ease: 'easeInOut',\n                type: 'spring',\n              },\n            }}\n            layout\n            style={{ display: 'flex', flexWrap: 'wrap', gap: `${size.padding - 2}px` }}\n          >\n            {images.map(\n              (img) =>\n                img.url && (\n                  <motion.div\n                    key={img.id}\n                    style={{\n                      position: 'relative',\n                      width: `${props.imageSettings.width}px`,\n                      height: `${props.imageSettings.height}px`,\n                      userSelect: 'none',\n                      overflow: 'hidden',\n                      borderRadius: `${size.radius}px`,\n                      flexGrow: 1,\n                    }}\n                    layout\n                    transition={{\n                      layout: {\n                        duration: 0.3,\n                        ease: 'easeInOut',\n                        type: 'spring',\n                      },\n                    }}\n                  >\n                    <Image\n                      sxStack={(theme) => ({\n                        default: {\n                          width: '100%',\n                          height: '100%',\n                          alignItems: 'center',\n                          justifyContent: 'center',\n                          backgroundColor: theme.palette.black10,\n                          position: 'absolute',\n                          pointerEvents: 'none',\n                        },\n                      })}\n                      isShowBeforeImage={props.isContain}\n                      sxImage={{\n                        default: {\n                          objectFit: props.isContain ? 'contain' : 'cover',\n                        },\n                      }}\n                      alt={img.name || 'image'}\n                      src={img.url}\n                      componentFallback={\n                        <Typography\n                          sx={{\n                            default: {\n                              variant: 'h6',\n                            },\n                          }}\n                        >\n                          {props.locale.imageFallback}\n                        </Typography>\n                      }\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          top: 5,\n                          right: 5,\n                        },\n                      }}\n                      genre={props.genre}\n                      size='small'\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Close',\n                        },\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => handleDelete(img.id)}\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          bottom: 5,\n                          right: 5,\n                        },\n                      }}\n                      genre={props.genre}\n                      size='small'\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Activity',\n                        },\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => img.url && handleAdd({ id: img.id, imageSrc: img.url })}\n                    />\n                  </motion.div>\n                ),\n            )}\n            {images.length === 0 ? (\n              <div\n                onClick={openFileDialog}\n                key='empty'\n                style={{\n                  position: 'relative',\n                  width: `${props.imageSettings.width}px`,\n                  height: `${props.imageSettings.height}px`,\n                  userSelect: 'none',\n                  overflow: 'hidden',\n                  borderRadius: `${size.radius}px`,\n                  flexGrow: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  textAlign: 'center',\n                  cursor: 'pointer',\n                }}\n              >\n                <Typography\n                  style={{\n                    color: theme.colors.imageSelect[props.genre].color.rest,\n                  }}\n                  sx={{\n                    default: {},\n                  }}\n                >\n                  {props.locale.dragAndDrop}\n                </Typography>\n              </div>\n            ) : null}\n          </motion.div>\n\n          <input\n            ref={refInput}\n            type='file'\n            accept={LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT}\n            multiple\n            style={{ display: 'none' }}\n            onChange={(e) => {\n              if (e.target.files) handleAddFilesCrop(e.target.files);\n            }}\n          />\n        </ImageSelectListWrapper>\n        <Stack sx={{ default: { flexGrow: 1, gap: `${size.padding - 2}px` } }}>\n          <Button\n            type='button'\n            genre={props.genre}\n            size={props.size}\n            sx={{\n              default: {\n                flexGrow: 3,\n              },\n            }}\n            isRadius\n            onClick={openFileDialog}\n          >\n            {props.locale.buttonAdd}\n          </Button>\n          <Button\n            isRadius\n            type='button'\n            sx={{\n              default: {\n                flexGrow: 1,\n              },\n            }}\n            onClick={resetImages}\n            genre={props.genre}\n            size={props.size}\n          >\n            {props.locale.buttonReset}\n          </Button>\n        </Stack>\n      </ImageSelectWrapper>\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: theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n","import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { SliderImageProps } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useImageViewProps } from '.';\n\nexport const useImageView = (props: useImageViewProps) => {\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const { add } = useDialog<{\n    br?: string;\n  }>({\n    br: br,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard',\n    },\n  });\n  const handleAdd = useCallback(\n    (image: SliderImageProps) => {\n      add({\n        content: (params, remove) => (\n          <Stack\n            sx={{\n              default: {\n                position: 'relative',\n                overflow: 'hidden',\n                aspectRatio: `${props.imageSettings.aspect * 2} / 2`,\n                width: 'auto',\n                maxWidth: '70dvw',\n                height: '85dvh',\n                borderRadius: params?.br,\n              },\n              tablet: {\n                maxWidth: '95dvw',\n              },\n            }}\n          >\n            <Image\n              sxStack={(theme) => ({\n                default: {\n                  width: '100%',\n                  height: '100%',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: theme.palette.black10,\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                },\n              })}\n              isShowBeforeImage\n              sxImage={{\n                default: {\n                  objectFit: 'contain',\n                },\n              }}\n              alt={image?.imageSrc}\n              src={image?.imageSrc}\n              componentFallback={\n                <Typography\n                  sx={{\n                    default: {\n                      variant: 'h6',\n                    },\n                  }}\n                >\n                  {props.locale.imageFallback}\n                </Typography>\n              }\n            />\n            <Button\n              sx={{\n                default: {\n                  position: 'absolute',\n                  bottom: 15,\n                  right: 15,\n                },\n              }}\n              genre='realebail-white'\n              size='small'\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isRadius\n              onClick={() => remove?.()}\n            />\n          </Stack>\n        ),\n      });\n    },\n    [add, props.imageSettings.aspect, props.locale.imageFallback],\n  );\n  return { handleAdd };\n};\n"],"names":["props","onChange","size","useMemo","KEY_SIZE_DATA","images","setImages","useState","isDraggingOver","setIsDraggingOver","refInput","useRef","theme","useTheme","handleOnSave","useCallback","files","prev","newImages","map","file","idx","index","length","finalImages","openFileDialog","_a","current","click","handleAddFiles","handleAddFilesCrop","useImageCrop","onSave","locale","dialog","button","genre","propsButton","default","buttonDelete","delete","imageSettings","maxSize","maxCount","aspect","handleAdd","br","radius","add","useDialog","propsDialog","borderRadius","padding","background","image","content","params","remove","jsxs","Stack","sx","position","overflow","aspectRatio","width","maxWidth","height","tablet","children","jsx","Image","sxStack","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","imageSrc","src","componentFallback","Typography","variant","imageFallback","Button","bottom","right","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","useImageView","useEffect","Fragment","ImageSelectWrapper","$genre","$size","id","$sx","$error","error","ImageSelectListWrapper","onDrop","e","preventDefault","dataTransfer","handleDrop","onDragOver","onDragEnter","onDragLeave","animate","borderColor","colors","imageSelect","border","hover","rest","transition","duration","motion","div","layout","ease","style","display","flexWrap","gap","img","url","userSelect","flexGrow","isContain","top","handleDelete","filter","textAlign","cursor","color","dragAndDrop","ref","accept","LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT","multiple","target","buttonAdd","defaultImages","buttonReset","ErrorMessage","font","weight","family"],"mappings":"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"}
+{"version":3,"file":"component-ssaD7jJ-.cjs","sources":["../src/components/image-select/component.tsx","../src/hooks/use-image-view/use.tsx"],"sourcesContent":["import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\nimport { useImageView } from '@local/hooks/use-image-view';\nimport { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport { DragEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Button } from '../button';\nimport { Image } from '../image';\nimport { Stack } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSelectItemProps, ImageSelectListWrapper, ImageSelectProps, ImageSelectWrapper } from '.';\n\nexport const ImageSelect = (props: ImageSelectProps) => {\n  const { onChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n\n  const [images, setImages] = useState<ImageSelectItemProps[]>(props.images || []);\n\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  const refInput = useRef<HTMLInputElement | null>(null);\n\n  const theme = useTheme();\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (e.dataTransfer.files?.length) {\n      handleAddFilesCrop(e.dataTransfer.files);\n    }\n  };\n\n  const handleDelete = (id: number) => {\n    setImages((prev) => {\n      const finalImages = prev.filter((img) => img.id !== id);\n      onChange?.(finalImages);\n      return finalImages;\n    });\n  };\n\n  const handleOnSave = useCallback(\n    (files: ImageSelectItemProps[] | null) => {\n      if (files) {\n        setImages((prev) => {\n          const newImages = files.map((file, idx) => ({\n            ...file,\n            index: prev.length + idx,\n          }));\n          const finalImages = [...prev, ...newImages];\n          onChange?.(finalImages);\n          return finalImages;\n        });\n      }\n    },\n    [onChange],\n  );\n\n  const openFileDialog = () => {\n    refInput.current?.click();\n  };\n\n  const resetImages = () => {\n    setImages(props.defaultImages || []);\n    onChange?.(props.defaultImages || []);\n  };\n\n  const { handleAddFiles: handleAddFilesCrop } = useImageCrop({\n    onSave: handleOnSave,\n    locale: props.locale,\n    dialog: {\n      button: {\n        genre: props.propsButton.default.genre,\n        size: props.propsButton.default.size,\n      },\n      buttonDelete: {\n        genre: props.propsButton.delete.genre,\n        size: props.propsButton.delete.size,\n      },\n    },\n    imageSettings: {\n      maxSize: props.imageSettings.maxSize,\n      maxCount: props.imageSettings.maxCount - images.length,\n      aspect: props.imageSettings.aspect,\n    },\n    refInput: refInput,\n  });\n\n  const { handleAdd } = useImageView({\n    size: props.size,\n    locale: props.locale,\n    imageSettings: props.imageSettings,\n    genre: props.genre,\n  });\n\n  useEffect(() => {\n    setImages(props.images || []);\n  }, [props.images]);\n\n  return (\n    <>\n      <ImageSelectWrapper $genre={props.genre} $size={props.size} id={props.id} $sx={props.sx} $error={props.error}>\n        <ImageSelectListWrapper\n          onDrop={(e) => {\n            handleDrop(e);\n            setIsDraggingOver(false);\n          }}\n          onDragOver={(e) => e.preventDefault()}\n          onDragEnter={() => setIsDraggingOver(true)}\n          onDragLeave={() => setIsDraggingOver(false)}\n          animate={{\n            borderColor: isDraggingOver\n              ? theme.colors.imageSelect[props.genre].border.hover\n              : theme.colors.imageSelect[props.genre].border.rest,\n          }}\n          transition={{ duration: 0.3 }}\n          $genre={props.genre}\n          $size={props.size}\n        >\n          <motion.div\n            transition={{\n              layout: {\n                duration: 0.3,\n                ease: 'easeInOut',\n                type: 'spring',\n              },\n            }}\n            layout\n            style={{ display: 'flex', flexWrap: 'wrap', gap: `${size.padding - 2}px` }}\n          >\n            {images.map(\n              (img) =>\n                img.url && (\n                  <motion.div\n                    key={img.id}\n                    style={{\n                      position: 'relative',\n                      width: `${props.imageSettings.width}px`,\n                      height: `${props.imageSettings.height}px`,\n                      userSelect: 'none',\n                      overflow: 'hidden',\n                      borderRadius: `${size.radius}px`,\n                      flexGrow: 1,\n                    }}\n                    layout\n                    transition={{\n                      layout: {\n                        duration: 0.3,\n                        ease: 'easeInOut',\n                        type: 'spring',\n                      },\n                    }}\n                  >\n                    <Image\n                      sxStack={(theme) => ({\n                        default: {\n                          width: '100%',\n                          height: '100%',\n                          alignItems: 'center',\n                          justifyContent: 'center',\n                          backgroundColor: theme.palette.black10,\n                          position: 'absolute',\n                          pointerEvents: 'none',\n                        },\n                      })}\n                      isShowBeforeImage={props.isContain}\n                      sxImage={{\n                        default: {\n                          objectFit: props.isContain ? 'contain' : 'cover',\n                        },\n                      }}\n                      alt={img.name || 'image'}\n                      src={img.url}\n                      componentFallback={\n                        <Typography\n                          sx={{\n                            default: {\n                              variant: 'h6',\n                            },\n                          }}\n                        >\n                          {props.locale.imageFallback}\n                        </Typography>\n                      }\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          top: 5,\n                          right: 5,\n                        },\n                      }}\n                      genre={props.genre}\n                      size='small'\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Close',\n                        },\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => handleDelete(img.id)}\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          bottom: 5,\n                          right: 5,\n                        },\n                      }}\n                      genre={props.genre}\n                      size='small'\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Activity',\n                        },\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => img.url && handleAdd({ id: img.id, imageSrc: img.url })}\n                    />\n                  </motion.div>\n                ),\n            )}\n            {images.length === 0 ? (\n              <div\n                onClick={openFileDialog}\n                key='empty'\n                style={{\n                  position: 'relative',\n                  width: `${props.imageSettings.width}px`,\n                  height: `${props.imageSettings.height}px`,\n                  userSelect: 'none',\n                  overflow: 'hidden',\n                  borderRadius: `${size.radius}px`,\n                  flexGrow: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  textAlign: 'center',\n                  cursor: 'pointer',\n                }}\n              >\n                <Typography\n                  style={{\n                    color: theme.colors.imageSelect[props.genre].color.rest,\n                  }}\n                  sx={{\n                    default: {},\n                  }}\n                >\n                  {props.locale.dragAndDrop}\n                </Typography>\n              </div>\n            ) : null}\n          </motion.div>\n\n          <input\n            ref={refInput}\n            type='file'\n            accept={LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT}\n            multiple\n            style={{ display: 'none' }}\n            onChange={(e) => {\n              if (e.target.files) handleAddFilesCrop(e.target.files);\n            }}\n          />\n        </ImageSelectListWrapper>\n        <Stack sx={{ default: { flexGrow: 1, gap: `${size.padding - 2}px` } }}>\n          <Button\n            type='button'\n            genre={props.genre}\n            size={props.size}\n            sx={{\n              default: {\n                flexGrow: 3,\n              },\n            }}\n            isRadius\n            onClick={openFileDialog}\n          >\n            {props.locale.buttonAdd}\n          </Button>\n          <Button\n            isRadius\n            type='button'\n            sx={{\n              default: {\n                flexGrow: 1,\n              },\n            }}\n            onClick={resetImages}\n            genre={props.genre}\n            size={props.size}\n          >\n            {props.locale.buttonReset}\n          </Button>\n        </Stack>\n      </ImageSelectWrapper>\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: theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n","import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { SliderImageProps } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useImageViewProps } from '.';\n\nexport const useImageView = (props: useImageViewProps) => {\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const { add } = useDialog<{\n    br?: string;\n  }>({\n    br: br,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard',\n    },\n  });\n  const handleAdd = useCallback(\n    (image: SliderImageProps) => {\n      add({\n        content: (params, remove) => (\n          <Stack\n            sx={{\n              default: {\n                position: 'relative',\n                overflow: 'hidden',\n                aspectRatio: `${props.imageSettings.aspect * 2} / 2`,\n                width: 'auto',\n                maxWidth: '70dvw',\n                height: '85dvh',\n                borderRadius: params?.br,\n              },\n              tablet: {\n                maxWidth: '95dvw',\n              },\n            }}\n          >\n            <Image\n              sxStack={(theme) => ({\n                default: {\n                  width: '100%',\n                  height: '100%',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: theme.palette.black10,\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                },\n              })}\n              isShowBeforeImage\n              sxImage={{\n                default: {\n                  objectFit: 'contain',\n                },\n              }}\n              alt={image?.imageSrc}\n              src={image?.imageSrc}\n              componentFallback={\n                <Typography\n                  sx={{\n                    default: {\n                      variant: 'h6',\n                    },\n                  }}\n                >\n                  {props.locale.imageFallback}\n                </Typography>\n              }\n            />\n            <Button\n              sx={{\n                default: {\n                  position: 'absolute',\n                  bottom: 15,\n                  right: 15,\n                },\n              }}\n              genre='realebail-white'\n              size='small'\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isRadius\n              onClick={() => remove?.()}\n            />\n          </Stack>\n        ),\n      });\n    },\n    [add, props.imageSettings.aspect, props.locale.imageFallback],\n  );\n  return { handleAdd };\n};\n"],"names":["props","onChange","size","useMemo","KEY_SIZE_DATA","images","setImages","useState","isDraggingOver","setIsDraggingOver","refInput","useRef","theme","useTheme","handleOnSave","useCallback","files","prev","newImages","map","file","idx","index","length","finalImages","openFileDialog","_a","current","click","handleAddFiles","handleAddFilesCrop","useImageCrop","onSave","locale","dialog","button","genre","propsButton","default","buttonDelete","delete","imageSettings","maxSize","maxCount","aspect","handleAdd","br","radius","add","useDialog","propsDialog","borderRadius","padding","background","image","content","params","remove","jsxs","Stack","sx","position","overflow","aspectRatio","width","maxWidth","height","tablet","children","jsx","Image","sxStack","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","imageSrc","src","componentFallback","Typography","variant","imageFallback","Button","bottom","right","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","useImageView","useEffect","Fragment","ImageSelectWrapper","$genre","$size","id","$sx","$error","error","ImageSelectListWrapper","onDrop","e","preventDefault","dataTransfer","handleDrop","onDragOver","onDragEnter","onDragLeave","animate","borderColor","colors","imageSelect","border","hover","rest","transition","duration","motion","div","layout","ease","style","display","flexWrap","gap","img","url","userSelect","flexGrow","isContain","top","handleDelete","filter","textAlign","cursor","color","dragAndDrop","ref","accept","LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT","multiple","target","buttonAdd","defaultImages","buttonReset","ErrorMessage","font","weight","family"],"mappings":"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"}

package/build/component-textarea.cjs.js

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

package/build/component-textarea.d.ts

@@ -9,6 +9,7 @@ import { HTMLInputAutoCompleteAttribute } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 import { RefObject } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
@@ -69,6 +70,8 @@ declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
     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>;
 };
 

package/build/component-textarea.es.js

@@ -1,4 +1,4 @@
-import { aG, aD, aE, aF } from "./context.constants-Dop398a2.js";
+import { aG, aD, aE, aF } from "./context.constants-D8UVM6GL.js";
 export {
   aG as StyledTextArea,
   aD as TextArea,

package/build/component-toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-qRPasLxk.cjs"),o=require("./context.constants-p2bRkgM3.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-BFLPbIpv.cjs"),o=require("./context.constants-CPdsUeiQ.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
 //# sourceMappingURL=component-toggle.cjs.js.map

package/build/component-toggle.es.js

@@ -1,5 +1,5 @@
-import { T } from "./component-BI6fe9pl.js";
-import { aI, aH } from "./context.constants-Dop398a2.js";
+import { T } from "./component-UAARmvBH.js";
+import { aI, aH } from "./context.constants-D8UVM6GL.js";
 export {
   T as Toggle,
   aI as ToggleCenter,

package/build/component-tooltip.cjs.js

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

package/build/component-tooltip.d.ts

@@ -84,16 +84,59 @@ declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' |
 
 declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
 
+/**
+ * Props for the Popover component. / Свойства компонента Popover.
+ */
 declare type PopoverProps = PropsWithChildren & {
+    /**
+     * Additional class name for the popover root element.
+     * Дополнительный CSS-класс для корневого элемента поповера.
+     */
     className?: string;
+    /**
+     * Maximum width of the popover (CSS value, e.g. '300px' or '100%').
+     * Максимальная ширина поповера (CSS-значение, например, '300px' или '100%').
+     */
     maxWidth?: string;
+    /**
+     * Maximum height of the popover (CSS value, e.g. '400px' or '100%').
+     * Максимальная высота поповера (CSS-значение, например, '400px' или '100%').
+     */
     maxHeight?: string;
+    /**
+     * Controls whether the popover is open (visible).
+     * Управляет открытием поповера (видимостью).
+     */
     isOpen: boolean;
+    /**
+     * If true, always show the outline (for accessibility/debug).
+     * Если true — всегда показывать обводку (для доступности/отладки).
+     */
     isShowAlwaysOutline?: boolean;
+    /**
+     * Styles for the floating popover element (from floating-ui).
+     * Стили для плавающего элемента поповера (от floating-ui).
+     */
     floatingStyles: CSSProperties;
+    /**
+     * Callback fired when the popover should close (e.g. click outside).
+     * Колбэк, вызываемый при необходимости закрыть поповер (например, при клике вне).
+     */
     onClose?: () => void;
+    /**
+     * Ref to the popover root element.
+     * Ref на корневой элемент поповера.
+     */
     ref?: Ref<HTMLElement | null>;
+    /**
+     * Size of the popover (affects padding, font, etc.).
+     * Размер поповера (влияет на отступы, шрифт и т.д.).
+     */
     size?: IThemeSize;
+    /**
+     * Visual genre/style of the popover (e.g. 'black', 'primary').
+     * Визуальный стиль поповера (например, 'black', 'primary').
+     */
     genre?: TButtonGenre;
 } & addSXProps & addFontProps & addSXTypographyProps;
 
@@ -171,20 +214,84 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
     variant: IThemeTypographyHeading;
 };
 
+/**
+ * Props for the usePopover hook (popover logic and behavior).
+ * Свойства для хука usePopover (логика и поведение поповера).
+ */
 declare type UsePopoverProps = {
+    /**
+     * Поддержка фокуса внутри поповера (если true, фокус будет удерживаться внутри поповера).
+     */
+    isFocusTrap?: boolean;
+    /**
+     * Delay in ms before closing popover on hover out (default: 100).
+     * Задержка в мс перед закрытием поповера при уходе мыши (по умолчанию: 100).
+     */
     hoverCloseDelay?: number;
+    /**
+     * Offset in px for hover zone around popover (default: 8).
+     * Отступ в пикселях для hover-зоны вокруг поповера (по умолчанию: 8).
+     */
     hoverOffset?: number;
+    /**
+     * If true, popover closes when clicking outside.
+     * Если true — поповер закрывается при клике вне его.
+     */
     isClickOutside?: boolean;
+    /**
+     * If true, disables all popover logic and interaction.
+     * Если true — отключает всю логику и взаимодействие поповера.
+     */
     isDisabled?: boolean;
+    /**
+     * If true, enables floating hover mode (popover stays open while mouse is near).
+     * Если true — включает режим плавающего hover (поповер открыт, пока мышь рядом).
+     */
     isFloatingHover?: boolean;
+    /**
+     * If true, popover width matches reference element.
+     * Если true — ширина поповера совпадает с reference-элементом.
+     */
     isWidthAsContent?: boolean;
+    /**
+     * Popover open/close mode: 'click', 'hover', 'clickOpen', or 'independence'.
+     * Режим открытия/закрытия поповера: 'click', 'hover', 'clickOpen', 'independence'.
+     */
     mode?: 'click' | 'hover' | 'clickOpen' | 'independence';
+    /**
+     * Offset in px between reference and popover (default: 8).
+     * Отступ в пикселях между reference и поповером (по умолчанию: 8).
+     */
     offset?: number;
+    /**
+     * Placement of the popover relative to reference (from floating-ui).
+     * Положение поповера относительно reference (из floating-ui).
+     */
     placement: Placement;
+    /**
+     * Refs to elements that should not trigger click outside close.
+     * Массив ref'ов, которые не должны вызывать закрытие при клике вне.
+     */
     refsExcludeClickOutside?: Ref<HTMLElement | null>[];
+    /**
+     * Refs to elements that should not trigger blur close.
+     * Массив ref'ов, которые не должны вызывать закрытие при потере фокуса.
+     */
     refsExcludeBlur?: Ref<HTMLElement | null>[];
+    /**
+     * Callback fired when popover is focused/opened.
+     * Колбэк, вызываемый при открытии/фокусе поповера.
+     */
     onFocus?: () => void;
+    /**
+     * Callback fired when popover is blurred/closed.
+     * Колбэк, вызываемый при закрытии/потере фокуса поповера.
+     */
     onBlur?: () => void;
+    /**
+     * Callback fired when reference element loses focus (not to excluded refs).
+     * Колбэк, вызываемый при потере фокуса reference-элемента (не на исключённые ref'ы).
+     */
     onBlurReference?: () => void;
 };
 

package/build/component-tooltip.es.js

@@ -1,4 +1,4 @@
-import { aQ, aP, aN, aM, aJ, aO, aK, aL } from "./context.constants-Dop398a2.js";
+import { aQ, aP, aN, aM, aJ, aO, aK, aL } from "./context.constants-D8UVM6GL.js";
 export {
   aQ as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
   aP as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,

package/build/component-typography.cjs.js

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