@jenesei-software/jenesei-kit-react 1.3.14 → 1.3.16

package/build/{area-sDVSuS3G.js → area-BDMDiVi1.js}

@@ -1,7 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useState, useEffect } from "react";
 import { b as Stack } from "./component-mzzOCXSx.js";
-import { b as addTransition } from "./style-RL73t3JD.js";
 import styled, { keyframes, css } from "styled-components";
 const shimmer = keyframes`
   0% {
@@ -38,7 +37,9 @@ const StyledSkeleton = styled(Stack)`
   `}
   & > * {
     opacity: ${(props) => !props.$visible ? 0 : 1};
-    ${addTransition};
+    transition:
+      outline 0s,
+      opacity ${(props) => props.theme.transition.default};
   }
 `;
 const Skeleton = (props) => {
@@ -64,4 +65,4 @@ export {
   StyledSkeleton as S,
   Skeleton as a
 };
-//# sourceMappingURL=area-sDVSuS3G.js.map
+//# sourceMappingURL=area-BDMDiVi1.js.map

package/build/area-BDMDiVi1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-BDMDiVi1.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    transition:\n      outline 0s,\n      opacity ${(props) => props.theme.transition.default};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;AAeA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAST,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,IAGtC,CAAC,UAAU;AAAA,MAET,CAAC,MAAM,YACP;AAAA,QAEE,MAAM,UAAU,cACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQN;AAAA;AAAA,mBAEa,OAAO;AAAA;AAAA,KAGtB;AAAA,GACD;AAAA;AAAA,eAEY,CAAC,UAAW,CAAC,MAAM,WAAW,IAAI,CAAE;AAAA;AAAA;AAAA,gBAGnC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAAA;ACxDlD,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,KAAK;AAEpE,YAAU,MAAM;AACd,QAAI,UAAU,OAAO;AACnB,YAAM,QAAQ,WAAW,MAAM;AAC7B,mBAAW,IAAI;AAAA,MAAA,GACd,MAAM,IAAI;AAEb,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,GACC,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa,OAAO;AACtB,iBAAW,CAAC,MAAM,OAAO;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,KAAK,CAAC;AAEV,SACEA,kCAAAA,IAAC,gBAAA,EAAgB,GAAG,OAAO,UAAU,SAAS,OAAO,MAAM,MACxD,UAAA,MAAM,SAAA,CACT;AAEJ;"}

package/build/area-Bopd6mWj.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("./component.styles-BviHtzJH.cjs"),t=require("react"),n=require("./component-GKvpOWlO.cjs"),o=require("framer-motion");exports.Preview=l=>{const[s,r]=t.useState(l.defaultVisible??!0),u=t.useMemo(()=>"visible"in l?l.visible:null,[l]),a=t.useMemo(()=>"time"in l?l.time:null,[l]),d=t.useMemo(()=>"minTime"in l?l.minTime:null,[l]);return t.useEffect(()=>{if(null!==a){const e=setTimeout(()=>{r(!0)},a);return()=>{clearTimeout(e)}}},[a]),t.useEffect(()=>{if(null!==u)if(u){if(d){const e=setTimeout(()=>{r(u)},d);return()=>clearTimeout(e)}r(u)}else r(u)},[u,d]),e.jsxRuntimeExports.jsxs(o.AnimatePresence,{children:[s?null:e.jsxRuntimeExports.jsxs(n.StackMotion,{sx:e=>({...null==l?void 0:l.sxLoader,default:{backgroundColor:e.palette.whiteStandard,width:"100%",height:"100%",position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,...(null==l?void 0:l.sxLoader)?"function"==typeof(null==l?void 0:l.sxLoader)?null==l?void 0:l.sxLoader(e).default:null==l?void 0:l.sxLoader.default:{}}}),transition:{duration:.3},exit:{opacity:0},animate:{opacity:1},children:[e.jsxRuntimeExports.jsx(n.Stack,{sx:{default:{position:"absolute",width:"8vmin",height:"8vmin"}},children:e.jsxRuntimeExports.jsx(i.Icon,{size:"100%",type:"loading",color:"blueFocus",name:"Line"})}),l.content&&e.jsxRuntimeExports.jsx(n.Stack,{sx:{default:{position:"relative",marginTop:"18vmin"}},children:l.content})]},"loader"),s?e.jsxRuntimeExports.jsx(n.StackMotion,{sx:e=>({...null==l?void 0:l.sxChildren,default:{display:"contents",zIndex:0,...(null==l?void 0:l.sxChildren)?"function"==typeof(null==l?void 0:l.sxChildren)?null==l?void 0:l.sxChildren(e).default:null==l?void 0:l.sxChildren.default:{}}}),transition:{duration:.3},initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},children:l.children},"children"):null]})};
+//# sourceMappingURL=area-Bopd6mWj.cjs.map

package/build/area-Bopd6mWj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-Bopd6mWj.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { PreviewProps } from '.';\n\nexport const Preview: FC<PreviewProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props]);\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, propsTime);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [propsTime]);\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible);\n          }, propsMinTime);\n          return () => clearTimeout(timer);\n        } else {\n          setVisible(propsVisible);\n        }\n      } else {\n        setVisible(propsVisible);\n      }\n    }\n  }, [propsVisible, propsMinTime]);\n\n  return (\n    <AnimatePresence>\n      {!visible ? (\n        <StackMotion\n          key='loader'\n          sx={(theme) => ({\n            ...props?.sxLoader,\n            default: {\n              backgroundColor: theme.palette.whiteStandard,\n              width: '100%',\n              height: '100%',\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              zIndex: 1,\n              ...(props?.sxLoader\n                ? typeof props?.sxLoader === 'function'\n                  ? props?.sxLoader(theme).default\n                  : props?.sxLoader.default\n                : {}),\n            },\n          })}\n          transition={{ duration: 0.3 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                width: '8vmin',\n                height: '8vmin',\n              },\n            }}\n          >\n            <Icon size='100%' type='loading' color='blueFocus' name='Line' />\n          </Stack>\n          {props.content && (\n            <Stack\n              sx={{\n                default: {\n                  position: 'relative',\n                  marginTop: '18vmin',\n                },\n              }}\n            >\n              {props.content}\n            </Stack>\n          )}\n        </StackMotion>\n      ) : null}\n      {visible ? (\n        <StackMotion\n          key='children'\n          sx={(theme) => ({\n            ...props?.sxChildren,\n            default: {\n              display: 'contents',\n              zIndex: 0,\n              ...(props?.sxChildren\n                ? typeof props?.sxChildren === 'function'\n                  ? props?.sxChildren(theme).default\n                  : props?.sxChildren.default\n                : {}),\n            },\n          })}\n          transition={{ duration: 0.3 }}\n          initial={{ opacity: 0 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          {props.children}\n        </StackMotion>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n"],"names":["props","visible","setVisible","useState","defaultVisible","propsVisible","useMemo","propsTime","time","propsMinTime","minTime","useEffect","timer","setTimeout","clearTimeout","AnimatePresence","children","jsxs","StackMotion","sx","theme","sxLoader","default","backgroundColor","palette","whiteStandard","width","height","position","top","left","display","alignItems","justifyContent","zIndex","transition","duration","exit","opacity","animate","jsx","Stack","Icon","size","type","color","name","content","marginTop","sxChildren","initial"],"mappings":"4MAQ0CA,IACxC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAeC,UAAQ,IAAO,YAAaN,EAAQA,EAAMC,QAAU,KAAO,CAACD,IAC3EO,EAAYD,UAAQ,IAAO,SAAUN,EAAQA,EAAMQ,KAAO,KAAO,CAACR,IAClES,EAAeH,UAAQ,IAAO,YAAaN,EAAQA,EAAMU,QAAU,KAAO,CAACV,IA+BjF,OA7BAW,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBX,GAAW,IACVK,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBX,EAAWG,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BV,EAAWG,EACb,MAEAH,EAAWG,IAGd,CAACA,EAAcI,6BAGfM,kBAAA,CACEC,SAAA,CAACf,EAmDE,KAlDFgB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAApB,OAAA,EAAAA,EAAOqB,SACVC,QAAS,CACPC,gBAAiBH,EAAMI,QAAQC,cAC/BC,MAAO,OACPC,OAAQ,OACRC,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,OAAQ,MACJ,MAAAlC,OAAA,EAAAA,EAAOqB,UACoB,yBAApBrB,WAAOqB,UACZ,MAAArB,OAAA,EAAAA,EAAOqB,SAASD,GAAOE,QACvB,MAAAtB,OAAA,EAAAA,EAAOqB,SAASC,QAClB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBC,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEpBtB,SAAA,GAAAwB,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVF,MAAO,QACPC,OAAQ,UAIZX,SAAAwB,EAAAA,kBAAAA,IAACE,QAAKC,KAAK,OAAOC,KAAK,UAAUC,MAAM,YAAYC,KAAK,WAEzD9C,EAAM+C,SACLP,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVoB,UAAW,WAIdhC,SAAAhB,EAAM+C,YA7CP,UAkDP9C,IACCuC,kBAAAA,IAACtB,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAApB,OAAA,EAAAA,EAAOiD,WACV3B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAAlC,OAAA,EAAAA,EAAOiD,YACsB,yBAAtBjD,WAAOiD,YACZ,MAAAjD,OAAA,EAAAA,EAAOiD,WAAW7B,GAAOE,QACzB,MAAAtB,OAAA,EAAAA,EAAOiD,WAAW3B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBc,QAAS,CAAEZ,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBtB,SAAAhB,EAAMgB,UAlBH,YAoBJ"}

package/build/{area-DEwj0-O3.js → area-Cvp3eBBo.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { I as Icon } from "./component.styles-DS0ofW1Y.js";
+import { I as Icon } from "./component.styles-CtZeOnGH.js";
+import { useState, useMemo, useEffect } from "react";
 import { c as StackMotion, b as Stack } from "./component-mzzOCXSx.js";
 import { AnimatePresence } from "framer-motion";
-import { useState, useMemo, useEffect } from "react";
 const Preview = (props) => {
   const [visible, setVisible] = useState(props.defaultVisible ?? true);
   const propsVisible = useMemo(() => "visible" in props ? props.visible : null, [props]);
@@ -68,7 +68,7 @@ const Preview = (props) => {
                   height: "8vmin"
                 }
               },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: "100%", type: "loading", primaryColor: "blueFocus", name: "Line" })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: "100%", type: "loading", color: "blueFocus", name: "Line" })
             }
           ),
           props.content && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -111,4 +111,4 @@ const Preview = (props) => {
 export {
   Preview as P
 };
-//# sourceMappingURL=area-DEwj0-O3.js.map
+//# sourceMappingURL=area-Cvp3eBBo.js.map

package/build/area-Cvp3eBBo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-Cvp3eBBo.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { PreviewProps } from '.';\n\nexport const Preview: FC<PreviewProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props]);\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, propsTime);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [propsTime]);\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible);\n          }, propsMinTime);\n          return () => clearTimeout(timer);\n        } else {\n          setVisible(propsVisible);\n        }\n      } else {\n        setVisible(propsVisible);\n      }\n    }\n  }, [propsVisible, propsMinTime]);\n\n  return (\n    <AnimatePresence>\n      {!visible ? (\n        <StackMotion\n          key='loader'\n          sx={(theme) => ({\n            ...props?.sxLoader,\n            default: {\n              backgroundColor: theme.palette.whiteStandard,\n              width: '100%',\n              height: '100%',\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              zIndex: 1,\n              ...(props?.sxLoader\n                ? typeof props?.sxLoader === 'function'\n                  ? props?.sxLoader(theme).default\n                  : props?.sxLoader.default\n                : {}),\n            },\n          })}\n          transition={{ duration: 0.3 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                width: '8vmin',\n                height: '8vmin',\n              },\n            }}\n          >\n            <Icon size='100%' type='loading' color='blueFocus' name='Line' />\n          </Stack>\n          {props.content && (\n            <Stack\n              sx={{\n                default: {\n                  position: 'relative',\n                  marginTop: '18vmin',\n                },\n              }}\n            >\n              {props.content}\n            </Stack>\n          )}\n        </StackMotion>\n      ) : null}\n      {visible ? (\n        <StackMotion\n          key='children'\n          sx={(theme) => ({\n            ...props?.sxChildren,\n            default: {\n              display: 'contents',\n              zIndex: 0,\n              ...(props?.sxChildren\n                ? typeof props?.sxChildren === 'function'\n                  ? props?.sxChildren(theme).default\n                  : props?.sxChildren.default\n                : {}),\n            },\n          })}\n          transition={{ duration: 0.3 }}\n          initial={{ opacity: 0 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          {props.children}\n        </StackMotion>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/build/{area-DRsIULcw.cjs → area-DqLK4RX5.cjs}

@@ -1,23 +1,23 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-GKvpOWlO.cjs"),s=require("./style-Df37KnoJ.cjs"),n=require("styled-components"),r=n.keyframes`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-GKvpOWlO.cjs"),s=require("styled-components"),n=s.keyframes`
   0% {
     background-position: 100%;
   }
   100% {
     background-position: -100%;
   }
-`,c=n(t.Stack)`
+`,r=s(t.Stack)`
   background: transparent;
 
-  ${e=>n.css`
-    ${!e.$visible&&n.css`
-      ${"secondary"===e.$type?n.css`
+  ${e=>s.css`
+    ${!e.$visible&&s.css`
+      ${"secondary"===e.$type?s.css`
             background: linear-gradient(
         90deg,
         #f6f7f8 25%,
         #edeef1 50%,
         #f6f7f8 75%
       );
-          `:n.css`
+          `:s.css`
             background: linear-gradient(
         90deg,
         #edeef1 25%,
@@ -26,13 +26,15 @@
       );   
           `};
       background-size: 200% 100%;
-      animation: ${r} 1.5s infinite linear;
+      animation: ${n} 1.5s infinite linear;
 
     `};
   `}
   & > * {
     opacity: ${e=>e.$visible?1:0};
-    ${s.addTransition};
+    transition:
+      outline 0s,
+      opacity ${e=>e.theme.transition.default};
   }
-`;exports.Skeleton=t=>{const[s,n]=i.useState(t.defaultVisible??!1);return i.useEffect(()=>{if("time"in t){const e=setTimeout(()=>{n(!0)},t.time);return()=>{clearTimeout(e)}}},[t]),i.useEffect(()=>{"visible"in t&&n(!t.visible)},[t]),e.jsxRuntimeExports.jsx(c,{...t,$visible:s,$type:t.type,children:t.children})},exports.StyledSkeleton=c;
-//# sourceMappingURL=area-DRsIULcw.cjs.map
+`;exports.Skeleton=t=>{const[s,n]=i.useState(t.defaultVisible??!1);return i.useEffect(()=>{if("time"in t){const e=setTimeout(()=>{n(!0)},t.time);return()=>{clearTimeout(e)}}},[t]),i.useEffect(()=>{"visible"in t&&n(!t.visible)},[t]),e.jsxRuntimeExports.jsx(r,{...t,$visible:s,$type:t.type,children:t.children})},exports.StyledSkeleton=r;
+//# sourceMappingURL=area-DqLK4RX5.cjs.map

package/build/area-DqLK4RX5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-DqLK4RX5.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    transition:\n      outline 0s,\n      opacity ${(props) => props.theme.transition.default};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["shimmer","keyframes","StyledSkeleton","styled","Stack","props","css","$visible","$type","theme","transition","default","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"mJAeMA,EAAUC,EAAAA,SAAAA;;;;;;;EASHC,EAAiBC,EAAOC,QAAK;;;IAGrCC,GAAUC,EAAAA,GAAAA;OAERD,EAAME,UACPD,EAAAA,GAAAA;QAEkB,cAAhBD,EAAMG,MACFF,EAAAA,GAAAA;;;;;;;YAQAA,EAAAA,GAAAA;;;;;;;;;mBAUON;;;;;eAMHK,GAAYA,EAAME,SAAe,EAAJ;;;gBAG5BF,GAAUA,EAAMI,MAAMC,WAAWC;;mBCxDNN,IAC1C,MAAOO,EAASC,GAAcC,EAAAA,SAAST,EAAMU,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUX,EAAO,CACnB,MAAMY,EAAQC,WAAW,KACvBL,GAAW,IACVR,EAAMc,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACZ,IAEJW,EAAAA,UAAU,KACJ,YAAaX,GACfQ,GAAYR,EAAMO,UAEnB,CAACP,IAGFgB,EAAAA,kBAAAA,IAACnB,EAAA,IAAmBG,EAAOE,SAAUK,EAASJ,MAAOH,EAAMiB,KACxDC,SAAAlB,EAAMkB"}

package/build/area-preview.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.hooks-C_UKZzcb.cjs"),r=require("./area-CZkDIeGx.cjs");exports.useRemovePreviewLoader=e.useRemovePreviewLoader,exports.Preview=r.Preview;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.hooks-C_UKZzcb.cjs"),r=require("./area-Bopd6mWj.cjs");exports.useRemovePreviewLoader=e.useRemovePreviewLoader,exports.Preview=r.Preview;
 //# sourceMappingURL=area-preview.cjs.js.map

package/build/area-preview.es.js

@@ -1,5 +1,5 @@
 import { u } from "./area.hooks-Bk04M7mk.js";
-import { P } from "./area-DEwj0-O3.js";
+import { P } from "./area-Cvp3eBBo.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

package/build/area-skeleton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-DRsIULcw.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-DqLK4RX5.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
 //# sourceMappingURL=area-skeleton.cjs.js.map

package/build/area-skeleton.es.js

@@ -1,4 +1,4 @@
-import { a, S } from "./area-sDVSuS3G.js";
+import { a, S } from "./area-BDMDiVi1.js";
 export {
   a as Skeleton,
   S as StyledSkeleton

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.3.14
-commit: 1caa7db
-date: 2025-08-29T04:16:13Z
+version: 1.3.16
+commit: a3d792f
+date: 2025-09-06T17:46:50Z

package/build/{component-DkEqMT7w.cjs → component-5o60aes-.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-BLWcOf3A.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-BfppCwz9.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -49,4 +49,4 @@
   ${t=>"horizontal"===t.$position?i:s};
   ${o.addSX};
 `;exports.ButtonGroup=r=>{var o;return t.jsxRuntimeExports.jsx(n,{$sx:r.sx,$position:r.position,className:r.className,id:"jenesei-button-group",children:null==(o=r.value)?void 0:o.map((r,o)=>t.jsxRuntimeExports.jsx(e.Button,{id:"jenesei-button",...r},o))})},exports.ButtonGroupWrapper=n;
-//# sourceMappingURL=component-DkEqMT7w.cjs.map
+//# sourceMappingURL=component-5o60aes-.cjs.map

package/build/{component-DkEqMT7w.cjs.map → component-5o60aes-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DkEqMT7w.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components';\n\nimport { addSX } from '@local/styles/sx';\n\nimport { StyledButtonGroupProps } from '.';\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`;\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`;\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${(props) =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`;\n","import { FC } from 'react';\n\nimport { Button } from '@local/components/button';\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.';\n\nexport const ButtonGroup: FC<ButtonGroupProps> = (props) => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id='jenesei-button-group'>\n      {props.value?.map((button, id) => (\n        <Button id='jenesei-button' key={id} {...button} />\n      ))}\n    </ButtonGroupWrapper>\n  );\n};\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMpCC,GACmB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD8CF,UAChD,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IACzBL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}
+{"version":3,"file":"component-5o60aes-.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components';\n\nimport { addSX } from '@local/styles/sx';\n\nimport { StyledButtonGroupProps } from '.';\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`;\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`;\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${(props) =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`;\n","import { FC } from 'react';\n\nimport { Button } from '@local/components/button';\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.';\n\nexport const ButtonGroup: FC<ButtonGroupProps> = (props) => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id='jenesei-button-group'>\n      {props.value?.map((button, id) => (\n        <Button id='jenesei-button' key={id} {...button} />\n      ))}\n    </ButtonGroupWrapper>\n  );\n};\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMpCC,GACmB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD8CF,UAChD,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IACzBL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}

package/build/{component-CLqcB5mM.cjs → component-6hRanOkU.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),i=require("./component.styles-Dpg-__rn.cjs");exports.Ripple=s=>{const r=t.useMemo(()=>s.color??"unset",[s.color]),o=t.useMemo(()=>s.duration??i.DEFAULT_RIPPLE_DURATION,[s.duration]),[n,u]=t.useState([]);((e,i,s)=>{t.useLayoutEffect(()=>{let t=null;return e>0&&(t&&clearTimeout(t),t=setTimeout(()=>{s(),t&&clearTimeout(t)},4*i)),()=>{t&&clearTimeout(t)}},[e,i,s])})(n.length,o??i.DEFAULT_RIPPLE_DURATION,()=>{u([])});const l=t.useCallback(e=>{if(!e.isTrusted)return;const t=e.currentTarget.getBoundingClientRect(),i=t.width>t.height?t.width:t.height,s={x:e.pageX-t.x-i/2,y:e.pageY-t.y-i/2,size:i};u([]),setTimeout(()=>{u([s])},0)},[]);return s.isDisabled||s.isHidden?null:e.jsxRuntimeExports.jsx(i.RippleContainer,{id:i.DEFAULT_RIPPLE_ID,$duration:o,$color:r,onMouseUp:l,children:n.length>0&&n.map((t,s)=>e.jsxRuntimeExports.jsx(i.RippleSpan,{$duration:o,$color:r,style:{top:t.y,left:t.x,width:t.size,height:t.size}},`span-${s}`))})};
-//# sourceMappingURL=component-CLqcB5mM.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),i=require("./component.styles-Dpg-__rn.cjs");exports.Ripple=s=>{const o=t.useMemo(()=>s.color??"unset",[s.color]),r=t.useMemo(()=>s.duration??i.DEFAULT_RIPPLE_DURATION,[s.duration]),[n,u]=t.useState([]);((e,i,s)=>{t.useLayoutEffect(()=>{let t=null;return e>0&&(t&&clearTimeout(t),t=setTimeout(()=>{s(),t&&clearTimeout(t)},4*i)),()=>{t&&clearTimeout(t)}},[e,i,s])})(n.length,r??i.DEFAULT_RIPPLE_DURATION,()=>{u([])});const l=t.useCallback(e=>{if(!e.isTrusted)return;const t=e.currentTarget.getBoundingClientRect(),i=t.width>t.height?t.width:t.height,s={x:e.pageX-t.x-i/2,y:e.pageY-t.y-i/2,size:i};u([]),setTimeout(()=>{u([s])},0)},[]);return s.isDisabled||s.isHidden?null:e.jsxRuntimeExports.jsx(i.RippleContainer,{id:i.DEFAULT_RIPPLE_ID,$duration:r,$color:o,onMouseUp:l,children:n.length>0&&n.map((t,s)=>e.jsxRuntimeExports.jsx(i.RippleSpan,{$duration:r,$color:o,style:{top:t.y,left:t.x,width:t.size,height:t.size}},`span-${s}`))})};
+//# sourceMappingURL=component-6hRanOkU.cjs.map

package/build/{component-CLqcB5mM.cjs.map → component-6hRanOkU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CLqcB5mM.cjs","sources":["../src/components/ripple/component.tsx"],"sourcesContent":["import React, { FC, useCallback, useLayoutEffect, useMemo, useState } from 'react';\n\nimport {\n  DEFAULT_RIPPLE_DURATION,\n  DEFAULT_RIPPLE_ID,\n  RippleArrayElement,\n  RippleContainer,\n  RippleProps,\n  RippleSpan,\n} from '.';\n\nconst useDebouncedRippleCleanUp = (rippleCount: number, duration: number, cleanUpFunction: () => void) => {\n  useLayoutEffect(() => {\n    // eslint-disable-next-line no-undef\n    let bounce: NodeJS.Timeout | null = null;\n    if (rippleCount > 0) {\n      if (bounce) {\n        clearTimeout(bounce);\n      }\n\n      bounce = setTimeout(() => {\n        cleanUpFunction();\n        if (bounce) {\n          clearTimeout(bounce);\n        }\n      }, duration * 4);\n    }\n\n    return () => {\n      if (bounce) {\n        clearTimeout(bounce);\n      }\n    };\n  }, [rippleCount, duration, cleanUpFunction]);\n};\n\nexport const Ripple: FC<RippleProps> = (props) => {\n  const color = useMemo(() => props.color ?? 'unset', [props.color]);\n  const duration = useMemo(() => props.duration ?? DEFAULT_RIPPLE_DURATION, [props.duration]);\n\n  const [rippleArray, setRippleArray] = useState<RippleArrayElement[]>([]);\n\n  useDebouncedRippleCleanUp(rippleArray.length, duration ?? DEFAULT_RIPPLE_DURATION, () => {\n    setRippleArray([]);\n  });\n\n  const onMouseUp = useCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (!event.isTrusted) return;\n    const rippleContainer = event.currentTarget.getBoundingClientRect();\n    const size = rippleContainer.width > rippleContainer.height ? rippleContainer.width : rippleContainer.height;\n    const x = event.pageX - rippleContainer.x - size / 2;\n    const y = event.pageY - rippleContainer.y - size / 2;\n    const newRipple = { x, y, size };\n    setRippleArray([]);\n    setTimeout(() => {\n      setRippleArray([newRipple]);\n    }, 0);\n  }, []);\n\n  if (props.isDisabled || props.isHidden) return null;\n  return (\n    <RippleContainer id={DEFAULT_RIPPLE_ID} $duration={duration} $color={color} onMouseUp={onMouseUp}>\n      {rippleArray.length > 0 &&\n        rippleArray.map((ripple, index) => {\n          return (\n            <RippleSpan\n              $duration={duration}\n              $color={color}\n              key={`span-${index}`}\n              style={{\n                top: ripple.y,\n                left: ripple.x,\n                width: ripple.size,\n                height: ripple.size,\n              }}\n            />\n          );\n        })}\n    </RippleContainer>\n  );\n};\n"],"names":["props","color","useMemo","duration","DEFAULT_RIPPLE_DURATION","rippleArray","setRippleArray","useState","rippleCount","cleanUpFunction","useLayoutEffect","bounce","clearTimeout","setTimeout","useDebouncedRippleCleanUp","length","onMouseUp","useCallback","event","isTrusted","rippleContainer","currentTarget","getBoundingClientRect","size","width","height","newRipple","x","pageX","y","pageY","isDisabled","isHidden","RippleContainer","id","DEFAULT_RIPPLE_ID","$duration","$color","children","map","ripple","index","jsx","RippleSpan","style","top","left"],"mappings":"0IAoCwCA,IACtC,MAAMC,EAAQC,EAAAA,QAAQ,IAAMF,EAAMC,OAAS,QAAS,CAACD,EAAMC,QACrDE,EAAWD,EAAAA,QAAQ,IAAMF,EAAMG,UAAYC,0BAAyB,CAACJ,EAAMG,YAE1EE,EAAaC,GAAkBC,EAAAA,SAA+B,IA7BrC,EAACC,EAAqBL,EAAkBM,KACxEC,EAAAA,gBAAgB,KAEd,IAAIC,EAAgC,KAcpC,OAbIH,EAAc,IACZG,GACFC,aAAaD,GAGfA,EAASE,WAAW,KAClBJ,IACIE,GACFC,aAAaD,IAEH,EAAXR,IAGE,KACDQ,GACFC,aAAaD,KAGhB,CAACH,EAAaL,EAAUM,KAS3BK,CAA0BT,EAAYU,OAAQZ,GAAYC,EAAAA,wBAAyB,KACjFE,EAAe,MAGjB,MAAMU,EAAYC,cAAaC,IAC7B,IAAKA,EAAMC,UAAW,OACtB,MAAMC,EAAkBF,EAAMG,cAAcC,wBACtCC,EAAOH,EAAgBI,MAAQJ,EAAgBK,OAASL,EAAgBI,MAAQJ,EAAgBK,OAGhGC,EAAY,CAAEC,EAFVT,EAAMU,MAAQR,EAAgBO,EAAIJ,EAAO,EAE5BM,EADbX,EAAMY,MAAQV,EAAgBS,EAAIN,EAAO,EACzBA,QAC1BjB,EAAe,IACfO,WAAW,KACTP,EAAe,CAACoB,KACf,IACF,IAEH,OAAI1B,EAAM+B,YAAc/B,EAAMgC,SAAiB,6BAE5CC,EAAAA,gBAAA,CAAgBC,GAAIC,EAAAA,kBAAmBC,UAAWjC,EAAUkC,OAAQpC,EAAOe,YACzEsB,SAAAjC,EAAYU,OAAS,GACpBV,EAAYkC,IAAI,CAACC,EAAQC,MAErBC,kBAAAA,IAACC,EAAAA,WAAA,CACCP,UAAWjC,EACXkC,OAAQpC,EAER2C,MAAO,CACLC,IAAKL,EAAOX,EACZiB,KAAMN,EAAOb,EACbH,MAAOgB,EAAOjB,KACdE,OAAQe,EAAOjB,OALZ,QAAQkB"}
+{"version":3,"file":"component-6hRanOkU.cjs","sources":["../src/components/ripple/component.tsx"],"sourcesContent":["import React, { FC, useCallback, useLayoutEffect, useMemo, useState } from 'react';\n\nimport {\n  DEFAULT_RIPPLE_DURATION,\n  DEFAULT_RIPPLE_ID,\n  RippleArrayElement,\n  RippleContainer,\n  RippleProps,\n  RippleSpan,\n} from '.';\n\nconst useDebouncedRippleCleanUp = (rippleCount: number, duration: number, cleanUpFunction: () => void) => {\n  useLayoutEffect(() => {\n    // eslint-disable-next-line no-undef\n    let bounce: NodeJS.Timeout | null = null;\n    if (rippleCount > 0) {\n      if (bounce) {\n        clearTimeout(bounce);\n      }\n\n      bounce = setTimeout(() => {\n        cleanUpFunction();\n        if (bounce) {\n          clearTimeout(bounce);\n        }\n      }, duration * 4);\n    }\n\n    return () => {\n      if (bounce) {\n        clearTimeout(bounce);\n      }\n    };\n  }, [rippleCount, duration, cleanUpFunction]);\n};\n\nexport const Ripple: FC<RippleProps> = (props) => {\n  const color = useMemo(() => props.color ?? 'unset', [props.color]);\n  const duration = useMemo(() => props.duration ?? DEFAULT_RIPPLE_DURATION, [props.duration]);\n\n  const [rippleArray, setRippleArray] = useState<RippleArrayElement[]>([]);\n\n  useDebouncedRippleCleanUp(rippleArray.length, duration ?? DEFAULT_RIPPLE_DURATION, () => {\n    setRippleArray([]);\n  });\n\n  const onMouseUp = useCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (!event.isTrusted) return;\n    const rippleContainer = event.currentTarget.getBoundingClientRect();\n    const size = rippleContainer.width > rippleContainer.height ? rippleContainer.width : rippleContainer.height;\n    const x = event.pageX - rippleContainer.x - size / 2;\n    const y = event.pageY - rippleContainer.y - size / 2;\n    const newRipple = { x, y, size };\n    setRippleArray([]);\n    setTimeout(() => {\n      setRippleArray([newRipple]);\n    }, 0);\n  }, []);\n\n  if (props.isDisabled || props.isHidden) return null;\n  return (\n    <RippleContainer id={DEFAULT_RIPPLE_ID} $duration={duration} $color={color} onMouseUp={onMouseUp}>\n      {rippleArray.length > 0 &&\n        rippleArray.map((ripple, index) => {\n          return (\n            <RippleSpan\n              $duration={duration}\n              $color={color}\n              key={`span-${index}`}\n              style={{\n                top: ripple.y,\n                left: ripple.x,\n                width: ripple.size,\n                height: ripple.size,\n              }}\n            />\n          );\n        })}\n    </RippleContainer>\n  );\n};\n"],"names":["props","color","useMemo","duration","DEFAULT_RIPPLE_DURATION","rippleArray","setRippleArray","useState","rippleCount","cleanUpFunction","useLayoutEffect","bounce","clearTimeout","setTimeout","useDebouncedRippleCleanUp","length","onMouseUp","useCallback","event","isTrusted","rippleContainer","currentTarget","getBoundingClientRect","size","width","height","newRipple","x","pageX","y","pageY","isDisabled","isHidden","RippleContainer","id","DEFAULT_RIPPLE_ID","$duration","$color","children","map","ripple","index","jsx","RippleSpan","style","top","left"],"mappings":"0IAoCwCA,IACtC,MAAMC,EAAQC,EAAAA,QAAQ,IAAMF,EAAMC,OAAS,QAAS,CAACD,EAAMC,QACrDE,EAAWD,EAAAA,QAAQ,IAAMF,EAAMG,UAAYC,0BAAyB,CAACJ,EAAMG,YAE1EE,EAAaC,GAAkBC,EAAAA,SAA+B,IA7BrC,EAACC,EAAqBL,EAAkBM,KACxEC,EAAAA,gBAAgB,KAEd,IAAIC,EAAgC,KAcpC,OAbIH,EAAc,IACZG,GACFC,aAAaD,GAGfA,EAASE,WAAW,KAClBJ,IACIE,GACFC,aAAaD,IAEH,EAAXR,IAGE,KACDQ,GACFC,aAAaD,KAGhB,CAACH,EAAaL,EAAUM,KAS3BK,CAA0BT,EAAYU,OAAQZ,GAAYC,EAAAA,wBAAyB,KACjFE,EAAe,MAGjB,MAAMU,EAAYC,cAAaC,IAC7B,IAAKA,EAAMC,UAAW,OACtB,MAAMC,EAAkBF,EAAMG,cAAcC,wBACtCC,EAAOH,EAAgBI,MAAQJ,EAAgBK,OAASL,EAAgBI,MAAQJ,EAAgBK,OAGhGC,EAAY,CAAEC,EAFVT,EAAMU,MAAQR,EAAgBO,EAAIJ,EAAO,EAE5BM,EADbX,EAAMY,MAAQV,EAAgBS,EAAIN,EAAO,EACzBA,QAC1BjB,EAAe,IACfO,WAAW,KACTP,EAAe,CAACoB,KACf,IACF,IAEH,OAAI1B,EAAM+B,YAAc/B,EAAMgC,SAAiB,6BAE5CC,EAAAA,gBAAA,CAAgBC,GAAIC,EAAAA,kBAAmBC,UAAWjC,EAAUkC,OAAQpC,EAAOe,YACzEsB,SAAAjC,EAAYU,OAAS,GACpBV,EAAYkC,IAAI,CAACC,EAAQC,MAErBC,kBAAAA,IAACC,EAAAA,WAAA,CACCP,UAAWjC,EACXkC,OAAQpC,EAER2C,MAAO,CACLC,IAAKL,EAAOX,EACZiB,KAAMN,EAAOb,EACbH,MAAOgB,EAAOjB,KACdE,OAAQe,EAAOjB,OALZ,QAAQkB"}

package/build/{component-CPzlyKwR.js → component-B80It4vM.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useRef, useCallback } from "react";
 import { ImageSupportedFormatsForInput } from "./consts.es.js";
-import { u as useImageCrop } from "./use-CuHzkWqv.js";
-import { c as Button } from "./component-CeuA5Ry0.js";
+import { u as useImageCrop } from "./use-CnGHh8iL.js";
+import { B as Button } from "./component-jPLOz52P.js";
 const ImageButton = (props) => {
   const refInput = useRef(null);
   const handleOpenFileDialog = useCallback(() => {
@@ -47,4 +47,4 @@ const ImageButton = (props) => {
 export {
   ImageButton as I
 };
-//# sourceMappingURL=component-CPzlyKwR.js.map
+//# sourceMappingURL=component-B80It4vM.js.map

package/build/{component-CPzlyKwR.js.map → component-B80It4vM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CPzlyKwR.js","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react';\n\nimport { ImageSupportedFormatsForInput } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { ImageButtonProps } from '.';\nimport { Button } from '../button';\n\nexport const ImageButton: FC<ImageButtonProps> = (props) => {\n  const refInput = useRef<HTMLInputElement | null>(null);\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click();\n  }, []);\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput,\n  });\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={(e) => {\n          props.button.onClick?.(e);\n          handleOpenFileDialog();\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\n      <input\n        ref={refInput}\n        type='file'\n        accept={ImageSupportedFormatsForInput}\n        multiple\n        style={{ display: 'none' }}\n        onChange={(e) => {\n          if (e.target.files) handleAddFiles(e.target.files);\n        }}\n      />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAQO,MAAM,cAAoC,CAAC,UAAU;AAC1D,QAAM,WAAW,OAAgC,IAAI;AAErD,QAAM,uBAAuB,YAAY,MAAM;;AAC7C,mBAAS,YAAT,mBAAkB;AAAA,EAAM,GACvB,EAAE;AAEL,QAAM,EAAE,eAAA,IAAmB,aAAa;AAAA,IACtC,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,eAAe,MAAM;AAAA,IACrB;AAAA,EAAA,CACD;AAED,SACEA,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,SAAS,CAAC,MAAM;;AACd,4BAAM,QAAO,YAAb,4BAAuB;AACvB,+BAAA;AAAA,QAAqB;AAAA,QAGtB,UAAA,MAAM,OAAO,YAAY,MAAM,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAQ;AAAA,QACR,OAAO,EAAE,SAAS,OAAA;AAAA,QAClB,UAAU,CAAC,MAAM;AACf,cAAI,EAAE,OAAO,MAAO,gBAAe,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"component-B80It4vM.js","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react';\n\nimport { ImageSupportedFormatsForInput } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { ImageButtonProps } from '.';\nimport { Button } from '../button';\n\nexport const ImageButton: FC<ImageButtonProps> = (props) => {\n  const refInput = useRef<HTMLInputElement | null>(null);\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click();\n  }, []);\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput,\n  });\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={(e) => {\n          props.button.onClick?.(e);\n          handleOpenFileDialog();\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\n      <input\n        ref={refInput}\n        type='file'\n        accept={ImageSupportedFormatsForInput}\n        multiple\n        style={{ display: 'none' }}\n        onChange={(e) => {\n          if (e.target.files) handleAddFiles(e.target.files);\n        }}\n      />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAQO,MAAM,cAAoC,CAAC,UAAU;AAC1D,QAAM,WAAW,OAAgC,IAAI;AAErD,QAAM,uBAAuB,YAAY,MAAM;;AAC7C,mBAAS,YAAT,mBAAkB;AAAA,EAAM,GACvB,EAAE;AAEL,QAAM,EAAE,eAAA,IAAmB,aAAa;AAAA,IACtC,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,eAAe,MAAM;AAAA,IACrB;AAAA,EAAA,CACD;AAED,SACEA,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,SAAS,CAAC,MAAM;;AACd,4BAAM,QAAO,YAAb,4BAAuB;AACvB,+BAAA;AAAA,QAAqB;AAAA,QAGtB,UAAA,MAAM,OAAO,YAAY,MAAM,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAQ;AAAA,QACR,OAAO,EAAE,SAAS,OAAA;AAAA,QAClB,UAAU,CAAC,MAAM;AACf,cAAI,EAAE,OAAO,MAAO,gBAAe,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/build/component-BfppCwz9.cjs

@@ -0,0 +1,88 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("react"),i=require("styled-components"),o=require("./component.styles-BviHtzJH.cjs"),t=require("./component.styles-Dpg-__rn.cjs"),n=require("./component-6hRanOkU.cjs"),r=require("./theme.global-D67h5YeA.cjs"),d=require("./floating-ui.react-DZzvtpim.cjs"),c=require("./component-BxetIWe6.cjs"),l=require("./style-Df37KnoJ.cjs"),a=require("./style-fRZ6xrVp.cjs"),$=require("framer-motion"),u=i.css`
+  ${e=>i.css`
+    background: ${e.theme.colors.button[e.$genre].background.rest};
+    border-color: ${e.theme.colors.button[e.$genre].border.rest};
+    color: ${e.theme.colors.button[e.$genre].color.rest};
+    &:hover {
+      ${(!e.$isHidden||e.$isNotHoverEffect)&&i.css`
+        background: ${e.theme.colors.button[e.$genre].background.hover};
+        border-color: ${e.theme.colors.button[e.$genre].border.hover};
+        color: ${e.theme.colors.button[e.$genre].color.hover};
+      `}
+    }
+  `};
+`,p=i.css`
+  ${e=>e.$isHidden?i.css`
+          opacity: 0.5;
+          background: ${e.theme.colors.button[e.$genre].background.rest} !important;
+          color: ${e.theme.colors.button[e.$genre].color.rest} !important;
+        `:i.css`
+          opacity: 1;
+        `}
+`,h=i.css`
+  ${e=>e.$isHiddenBorder&&i.css`
+      border: 0px transparent !important;
+    `}
+`,g=i.css`
+  ${e=>e.$isRadius&&i.css`
+      border-radius: 100px;
+    `}
+`,x=i.css`
+  ${e=>e.$isPlaystationEffect&&i.css`
+      box-shadow: ${e.theme.effects.button};
+    `}
+`,b=i.css`
+  height: fit-content;
+  min-height: ${e=>r.KEY_SIZE_DATA[e.$size].height}px;
+  max-height: fit-content;
+  padding: 2px ${e=>r.KEY_SIZE_DATA[e.$size].padding}px;
+  border-radius: ${e=>r.KEY_SIZE_DATA[e.$size].radius}px;
+  gap: ${e=>r.KEY_SIZE_DATA[e.$size].padding-2}px;
+  ${e=>e.$isFullSize&&i.css`
+    height: 100%;
+    width: 100%;
+    border-radius: 0px;
+  `};
+  ${e=>e.$isWidthAsHeight&&i.css`
+  width: ${r.KEY_SIZE_DATA[e.$size].height}px;
+  min-width: ${r.KEY_SIZE_DATA[e.$size].height}px;
+  padding: 0px;
+  `};
+  ${e=>e.$isMinWidthAsContent&&i.css`
+  min-width: max-content;
+  `};
+`,m=i.css`
+  border: 1px solid transparent;
+`,f=i.css`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,y=i($.motion.button)`
+  cursor: pointer;
+  user-select: none;
+
+  ${m};
+  ${b};
+  ${u};
+  ${p};
+  ${h};
+  ${g};
+  ${x};
+  ${f};
+  ${t.addRippleDefault};
+  ${l.addTransition};
+  ${l.addFont};
+  ${l.addOutline};
+  ${c.addSXTypography};
+  ${a.addSX};
+`,E=i.div`
+  ${e=>e.$isIconGroup?i.css`
+          display: flex;
+          gap: ${r.KEY_SIZE_DATA[e.$size].padding-2}px;
+          align-items: center;
+          order: ${e.$iconGroupOrder||"initial"};
+        `:i.css`
+          display: contents;
+        `}
+`;exports.Button=t=>{var c,l,a,$;const u=i.useTheme(),p=s.useMemo(()=>o.getIconComponents({icons:t.icons??[],size:t.size}),[t.icons,t.size]),h=s.useRef(null),g=d.useMergeRefs([h,t.ref]);return e.jsxRuntimeExports.jsxs(y,{$font:{size:(null==(c=t.font)?void 0:c.size)??r.KEY_SIZE_DATA[t.size].font,weight:(null==(l=t.font)?void 0:l.weight)??700,family:(null==(a=t.font)?void 0:a.family)??u.font.family,height:null==($=t.font)?void 0:$.height},$isNotHoverEffect:t.isNotHoverEffect,whileTap:t.isWhileTapEffect?{scale:.9,transition:{duration:.01}}:{},id:t.id,tabIndex:t.tabIndex??0,$isFullSize:t.isFullSize,$genre:t.genre,$size:t.size,$isDisabled:t.isDisabled,$isDisabledOutline:t.isDisabled??t.isDisabledOutline,$isOutlineBoxShadow:t.isOutlineBoxShadow,$isReadOnly:t.isReadOnly,$isMinWidthAsContent:t.isMinWidthAsContent,$isWidthAsHeight:t.isWidthAsHeight,$isRadius:t.isRadius,$isHidden:t.isHidden,$isPlaystationEffect:t.isPlaystationEffect,$sxTypography:t.sxTypography,$isHiddenBorder:t.isHiddenBorder||t.isPlaystationEffect,disabled:t.isDisabled,type:t.type??"button",className:t.className,onClick:e=>{!t.isDisabled&&t.onClick&&t.onClick(e)},onFocus:t.onFocus,onMouseDown:t.onMouseDown,ref:g,$sx:t.sx,children:[e.jsxRuntimeExports.jsx(n.Ripple,{color:u.colors.checkbox[t.genre].color.rest,isDisabled:t.isDisabled??t.isDisabledRipple,isHidden:t.isHidden}),!t.isOnlyIcon&&e.jsxRuntimeExports.jsx("div",{style:{order:0,display:"contents"},children:t.children&&t.children}),e.jsxRuntimeExports.jsx(E,{$size:t.size,$isIconGroup:t.isIconGroup,$iconGroupOrder:"iconGroupOrder"in t?t.iconGroupOrder:void 0,children:p})]})},exports.StyledButton=y,exports.StyledButtonIconsWrapper=E;
+//# sourceMappingURL=component-BfppCwz9.cjs.map

package/build/component-BfppCwz9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-BfppCwz9.cjs","sources":["../src/components/button/component.styles.ts","../src/components/button/component.tsx"],"sourcesContent":["import { addRippleDefault } from '@local/components/ripple';\nimport { addSXTypography } from '@local/components/typography';\nimport { addFont, addOutline, addTransition } from '@local/styles/add';\nimport { addSX } from '@local/styles/sx';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledDollarButtonIconsWrapperProps, StyledDollarButtonProps } from '.';\n\n/**\n * Add\n */\nconst addButtonGenre = css<StyledDollarButtonProps>`\n  ${(props) => css`\n    background: ${props.theme.colors.button[props.$genre].background.rest};\n    border-color: ${props.theme.colors.button[props.$genre].border.rest};\n    color: ${props.theme.colors.button[props.$genre].color.rest};\n    &:hover {\n      ${\n        (!props.$isHidden || props.$isNotHoverEffect) &&\n        css`\n        background: ${props.theme.colors.button[props.$genre].background.hover};\n        border-color: ${props.theme.colors.button[props.$genre].border.hover};\n        color: ${props.theme.colors.button[props.$genre].color.hover};\n      `\n      }\n    }\n  `};\n`;\nconst addButtonDisabled = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isHidden\n      ? css`\n          opacity: 0.5;\n          background: ${props.theme.colors.button[props.$genre].background.rest} !important;\n          color: ${props.theme.colors.button[props.$genre].color.rest} !important;\n        `\n      : css`\n          opacity: 1;\n        `}\n`;\nconst addButtonIsHiddenBorder = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isHiddenBorder &&\n    css`\n      border: 0px transparent !important;\n    `}\n`;\nconst addButtonIsRadius = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isRadius &&\n    css`\n      border-radius: 100px;\n    `}\n`;\nconst addButtonIsPlaystationEffect = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isPlaystationEffect &&\n    css`\n      box-shadow: ${props.theme.effects.button};\n    `}\n`;\nconst addButtonSize = css<StyledDollarButtonProps>`\n  height: fit-content;\n  min-height: ${(props) => KEY_SIZE_DATA[props.$size].height}px;\n  max-height: fit-content;\n  padding: 2px ${(props) => KEY_SIZE_DATA[props.$size].padding}px;\n  border-radius: ${(props) => KEY_SIZE_DATA[props.$size].radius}px;\n  gap: ${(props) => KEY_SIZE_DATA[props.$size].padding - 2}px;\n  ${(props) =>\n    props.$isFullSize &&\n    css`\n    height: 100%;\n    width: 100%;\n    border-radius: 0px;\n  `};\n  ${(props) =>\n    props.$isWidthAsHeight &&\n    css`\n  width: ${KEY_SIZE_DATA[props.$size].height}px;\n  min-width: ${KEY_SIZE_DATA[props.$size].height}px;\n  padding: 0px;\n  `};\n  ${(props) =>\n    props.$isMinWidthAsContent &&\n    css`\n  min-width: max-content;\n  `};\n`;\nconst addButtonBorder = css`\n  border: 1px solid transparent;\n`;\nconst addButtonFlex = css<StyledDollarButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n/**\n * Styled\n */\nexport const StyledButton = styled(motion.button)<StyledDollarButtonProps>`\n  cursor: pointer;\n  user-select: none;\n\n  ${addButtonBorder};\n  ${addButtonSize};\n  ${addButtonGenre};\n  ${addButtonDisabled};\n  ${addButtonIsHiddenBorder};\n  ${addButtonIsRadius};\n  ${addButtonIsPlaystationEffect};\n  ${addButtonFlex};\n  ${addRippleDefault};\n  ${addTransition};\n  ${addFont};\n  ${addOutline};\n  ${addSXTypography};\n  ${addSX};\n`;\nexport const StyledButtonIconsWrapper = styled.div<StyledDollarButtonIconsWrapperProps>`\n  ${(props) =>\n    props.$isIconGroup\n      ? css`\n          display: flex;\n          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;\n          align-items: center;\n          order: ${props.$iconGroupOrder || 'initial'};\n        `\n      : css`\n          display: contents;\n        `}\n`;\n","import { getIconComponents } from '@local/components/icon';\nimport { Ripple } from '@local/components/ripple';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { FC, Ref, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ButtonProps, StyledButton, StyledButtonIconsWrapper } from '.';\n\nexport const Button: FC<ButtonProps> = (props) => {\n  const theme = useTheme();\n\n  const iconComponents = useMemo(\n    () => getIconComponents({ icons: props.icons ?? [], size: props.size }),\n    [props.icons, props.size],\n  );\n\n  const handleClick: ButtonProps['onClick'] = (event) => {\n    if (!props.isDisabled && props.onClick) {\n      props.onClick(event);\n    }\n  };\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  return (\n    <StyledButton\n      $font={{\n        size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n        weight: props.font?.weight ?? 700,\n        family: props.font?.family ?? theme.font.family,\n        height: props.font?.height,\n      }}\n      $isNotHoverEffect={props.isNotHoverEffect}\n      whileTap={props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.01 } } : {}}\n      id={props.id}\n      tabIndex={props.tabIndex ?? 0}\n      $isFullSize={props.isFullSize}\n      $genre={props.genre}\n      $size={props.size}\n      $isDisabled={props.isDisabled}\n      $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n      $isOutlineBoxShadow={props.isOutlineBoxShadow}\n      $isReadOnly={props.isReadOnly}\n      $isMinWidthAsContent={props.isMinWidthAsContent}\n      $isWidthAsHeight={props.isWidthAsHeight}\n      $isRadius={props.isRadius}\n      $isHidden={props.isHidden}\n      $isPlaystationEffect={props.isPlaystationEffect}\n      $sxTypography={props.sxTypography}\n      $isHiddenBorder={props.isHiddenBorder || props.isPlaystationEffect}\n      disabled={props.isDisabled}\n      type={props.type ?? 'button'}\n      className={props.className}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      $sx={props.sx}\n    >\n      <Ripple\n        color={theme.colors.checkbox[props.genre].color.rest}\n        isDisabled={props.isDisabled ?? props.isDisabledRipple}\n        isHidden={props.isHidden}\n      />\n\n      {!props.isOnlyIcon && <div style={{ order: 0, display: 'contents' }}>{props.children && props.children}</div>}\n      <StyledButtonIconsWrapper\n        $size={props.size}\n        $isIconGroup={props.isIconGroup}\n        $iconGroupOrder={'iconGroupOrder' in props ? props.iconGroupOrder : undefined}\n      >\n        {iconComponents}\n      </StyledButtonIconsWrapper>\n    </StyledButton>\n  );\n};\n"],"names":["addButtonGenre","css","props","theme","colors","button","$genre","background","rest","border","color","$isHidden","$isNotHoverEffect","hover","addButtonDisabled","addButtonIsHiddenBorder","$isHiddenBorder","addButtonIsRadius","$isRadius","addButtonIsPlaystationEffect","$isPlaystationEffect","effects","addButtonSize","KEY_SIZE_DATA","$size","height","padding","radius","$isFullSize","$isWidthAsHeight","$isMinWidthAsContent","addButtonBorder","addButtonFlex","StyledButton","styled","motion","addRippleDefault","addTransition","addFont","addOutline","addSXTypography","addSX","StyledButtonIconsWrapper","div","$isIconGroup","$iconGroupOrder","useTheme","iconComponents","useMemo","getIconComponents","icons","size","refDefault","useRef","ref","useMergeRefs","jsxs","$font","_a","font","weight","_b","family","_c","_d","isNotHoverEffect","whileTap","isWhileTapEffect","scale","transition","duration","id","tabIndex","isFullSize","genre","$isDisabled","isDisabled","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","isMinWidthAsContent","isWidthAsHeight","isRadius","isHidden","isPlaystationEffect","$sxTypography","sxTypography","isHiddenBorder","disabled","type","className","onClick","event","onFocus","onMouseDown","$sx","sx","children","jsx","Ripple","checkbox","isDisabledRipple","isOnlyIcon","style","order","display","isIconGroup","iconGroupOrder"],"mappings":"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"}

package/build/{component--jGdo2yq.cjs → component-Bj7sLW9s.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("./style-D3Lbn1EL.cjs"),n=require("react"),l=require("styled-components"),t=require("./component.styles-BeRVOt5T.cjs");exports.Input=s=>{var o,r,d,a,u,h,f,p,x,m,c,g,$;const y=n.useCallback(e=>{var i,n;if("standard"===s.variety){const n="string"==typeof e?e:e.value,l=s.isNoSpaces?n.replace(/\s+/g,""):n;null==(i=s.onChange)||i.call(s,l)}"pattern"!==s.variety&&"numeric"!==s.variety||"string"!=typeof e&&(null==(n=s.onChange)||n.call(s,e))},[s]),b=l.useTheme();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(t.StyledInputWrapper,{$isInputEffect:s.isInputEffect,className:s.className,$isDisabled:s.isDisabled,$sx:s.sx,$size:s.size,$isWidthAsHeight:s.isWidthAsHeight,children:[s.prefixChildren&&e.jsxRuntimeExports.jsx(t.InputPrefixChildren,{$left:s.prefixChildren.left,$right:s.prefixChildren.right,$isDisabled:s.isDisabled,$width:s.prefixChildren.width,children:s.prefixChildren.children}),"pattern"===s.variety?e.jsxRuntimeExports.jsx(t.StyledInputPattern,{$isNiceNumber:s.isNiceNumber,$isInputEffect:s.isInputEffect,$error:null==s?void 0:s.error,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(o=s.font)?void 0:o.size)??16,weight:(null==(r=s.font)?void 0:r.weight)??(s.isBold?500:400),family:(null==(d=s.font)?void 0:d.family)??b.font.family,height:(null==(a=s.font)?void 0:a.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isCenter:s.isCenter,$isReadOnly:s.isReadOnly,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,onValueChange:e=>y(e),onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,onKeyDown:s.onKeyDown,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,tabIndex:s.tabIndex,...s.propsPattern}):"numeric"===s.variety?e.jsxRuntimeExports.jsx(t.StyledInputNumeric,{$isNiceNumber:s.isNiceNumber,$isInputEffect:s.isInputEffect,$error:null==s?void 0:s.error,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(u=s.font)?void 0:u.size)??16,weight:(null==(h=s.font)?void 0:h.weight)??(s.isBold?500:400),family:(null==(f=s.font)?void 0:f.family)??"Roboto Mono",height:(null==(p=s.font)?void 0:p.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isReadOnly:s.isReadOnly,$isCenter:s.isCenter,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,onValueChange:e=>y(e),onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,onKeyDown:s.onKeyDown,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,tabIndex:s.tabIndex,...s.propsNumeric}):e.jsxRuntimeExports.jsx(t.StyledInput,{$isNiceNumber:s.isNiceNumber,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,ref:s.ref,$error:s.error,$isInputEffect:s.isInputEffect,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(x=s.font)?void 0:x.size)??16,weight:(null==(m=s.font)?void 0:m.weight)??(s.isBold?500:400),family:(null==(c=s.font)?void 0:c.family)??b.font.family,height:(null==(g=s.font)?void 0:g.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isReadOnly:s.isReadOnly,$isCenter:s.isCenter,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,type:s.type,autoComplete:s.autoComplete,onInput:e=>{const i=e.target;y(i.value)},onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,tabIndex:s.tabIndex,onKeyDown:s.onKeyDown,min:s.min,max:s.max,step:s.step}),s.postfixChildren&&e.jsxRuntimeExports.jsx(t.InputPostfixChildren,{$left:s.postfixChildren.left,$right:s.postfixChildren.right,$isDisabled:s.isDisabled,$width:s.postfixChildren.width,children:s.postfixChildren.children})]}),(null==s?void 0:s.error)?e.jsxRuntimeExports.jsx(i.ErrorMessage,{...s.error,size:(null==s?void 0:s.error.size)??s.size,font:{size:12,weight:400,family:(null==($=s.font)?void 0:$.family)??b.font.family}}):null]})},exports.formatPhoneNumber=function(e,i){function n(e){return/\d/.test(e)}let l="",t="",s=0;if(0===e.length)return{format:"",placeholder:""};for(let o=0;o<i.length;o++){const r=i.charAt(o);r===e.charAt(s)?(l+=r,t+=n(r)?"#":r,s++):n(r)?(l+="#",t+="-"):(l+=r,t+=r)}for(;s<e.length;)l+=e.charAt(s),t+=e.charAt(s),s++;return{format:l,placeholder:t}};
-//# sourceMappingURL=component--jGdo2yq.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("./style-D8DUzG0C.cjs"),n=require("react"),l=require("styled-components"),t=require("./component.styles-Hx-MJSWX.cjs");exports.Input=s=>{var o,r,d,a,u,h,f,p,x,m,c,g,$;const y=n.useCallback(e=>{var i,n;if("standard"===s.variety){const n="string"==typeof e?e:e.value,l=s.isNoSpaces?n.replace(/\s+/g,""):n;null==(i=s.onChange)||i.call(s,l)}"pattern"!==s.variety&&"numeric"!==s.variety||"string"!=typeof e&&(null==(n=s.onChange)||n.call(s,e))},[s]),b=l.useTheme();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(t.StyledInputWrapper,{$isInputEffect:s.isInputEffect,className:s.className,$isDisabled:s.isDisabled,$sx:s.sx,$size:s.size,$isWidthAsHeight:s.isWidthAsHeight,children:[s.prefixChildren&&e.jsxRuntimeExports.jsx(t.InputPrefixChildren,{$left:s.prefixChildren.left,$right:s.prefixChildren.right,$isDisabled:s.isDisabled,$width:s.prefixChildren.width,children:s.prefixChildren.children}),"pattern"===s.variety?e.jsxRuntimeExports.jsx(t.StyledInputPattern,{$isNiceNumber:s.isNiceNumber,$isInputEffect:s.isInputEffect,$error:null==s?void 0:s.error,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(o=s.font)?void 0:o.size)??16,weight:(null==(r=s.font)?void 0:r.weight)??(s.isBold?500:400),family:(null==(d=s.font)?void 0:d.family)??b.font.family,height:(null==(a=s.font)?void 0:a.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isCenter:s.isCenter,$isReadOnly:s.isReadOnly,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,onValueChange:e=>y(e),onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,onKeyDown:s.onKeyDown,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,tabIndex:s.tabIndex,...s.propsPattern}):"numeric"===s.variety?e.jsxRuntimeExports.jsx(t.StyledInputNumeric,{$isNiceNumber:s.isNiceNumber,$isInputEffect:s.isInputEffect,$error:null==s?void 0:s.error,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(u=s.font)?void 0:u.size)??16,weight:(null==(h=s.font)?void 0:h.weight)??(s.isBold?500:400),family:(null==(f=s.font)?void 0:f.family)??"Roboto Mono",height:(null==(p=s.font)?void 0:p.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isReadOnly:s.isReadOnly,$isCenter:s.isCenter,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,onValueChange:e=>y(e),onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,onKeyDown:s.onKeyDown,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,tabIndex:s.tabIndex,...s.propsNumeric}):e.jsxRuntimeExports.jsx(t.StyledInput,{$isNiceNumber:s.isNiceNumber,inputMode:s.inputMode,maxLength:s.maxLength,minLength:s.minLength,ref:s.ref,$error:s.error,$isInputEffect:s.isInputEffect,$isLoading:s.isLoading,$postfixChildren:null==s?void 0:s.postfixChildren,$prefixChildren:null==s?void 0:s.prefixChildren,$genre:s.genre,$size:s.size,$font:{size:(null==(x=s.font)?void 0:x.size)??16,weight:(null==(m=s.font)?void 0:m.weight)??(s.isBold?500:400),family:(null==(c=s.font)?void 0:c.family)??b.font.family,height:(null==(g=s.font)?void 0:g.height)??b.font.lineHeight},$isBold:s.isBold,$isDisabled:s.isDisabled,$isDisabledOutline:s.isDisabled??s.isDisabledOutline,$isOutlineBoxShadow:s.isOutlineBoxShadow,$isReadOnly:s.isReadOnly,$isCenter:s.isCenter,disabled:s.isDisabled,readOnly:s.isReadOnly,required:s.isRequired,defaultValue:null===s.defaultValue?"":s.defaultValue,value:null===s.value?"":s.value,placeholder:s.placeholder,type:s.type,autoComplete:s.autoComplete,onInput:e=>{const i=e.target;y(i.value)},onBlur:s.onBlur,onFocus:s.onFocus,onPaste:s.onPaste,name:s.name,id:s.id,tabIndex:s.tabIndex,onKeyDown:s.onKeyDown,min:s.min,max:s.max,step:s.step}),s.postfixChildren&&e.jsxRuntimeExports.jsx(t.InputPostfixChildren,{$left:s.postfixChildren.left,$right:s.postfixChildren.right,$isDisabled:s.isDisabled,$width:s.postfixChildren.width,children:s.postfixChildren.children})]}),(null==s?void 0:s.error)?e.jsxRuntimeExports.jsx(i.ErrorMessage,{...s.error,size:(null==s?void 0:s.error.size)??s.size,font:{size:12,weight:400,family:(null==($=s.font)?void 0:$.family)??b.font.family}}):null]})},exports.formatPhoneNumber=function(e,i){function n(e){return/\d/.test(e)}let l="",t="",s=0;if(0===e.length)return{format:"",placeholder:""};for(let o=0;o<i.length;o++){const r=i.charAt(o);r===e.charAt(s)?(l+=r,t+=n(r)?"#":r,s++):n(r)?(l+="#",t+="-"):(l+=r,t+=r)}for(;s<e.length;)l+=e.charAt(s),t+=e.charAt(s),s++;return{format:l,placeholder:t}};
+//# sourceMappingURL=component-Bj7sLW9s.cjs.map

package/build/{component--jGdo2yq.cjs.map → component-Bj7sLW9s.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component--jGdo2yq.cjs","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\nimport { useTheme } from 'styled-components';\n\nimport {\n  InputPostfixChildren,\n  InputPrefixChildren,\n  InputProps,\n  StyledInput,\n  StyledInputNumeric,\n  StyledInputPattern,\n  StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n  const handleOnChange = useCallback(\n    (input: string | NumberFormatValues) => {\n      if (props.variety === 'standard') {\n        const value = typeof input === 'string' ? input : input.value;\n        const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n        props.onChange?.(cleaned);\n      }\n\n      if (props.variety === 'pattern' || props.variety === 'numeric') {\n        if (typeof input !== 'string') {\n          props.onChange?.(input);\n        }\n      }\n    },\n    [props],\n  );\n  const theme = useTheme();\n  return (\n    <>\n      <StyledInputWrapper\n        $isInputEffect={props.isInputEffect}\n        className={props.className}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $size={props.size}\n        $isWidthAsHeight={props.isWidthAsHeight}\n      >\n        {props.prefixChildren && (\n          <InputPrefixChildren\n            $left={props.prefixChildren.left}\n            $right={props.prefixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.prefixChildren.width}\n          >\n            {props.prefixChildren.children}\n          </InputPrefixChildren>\n        )}\n        {props.variety === 'pattern' ? (\n          <StyledInputPattern\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isCenter={props.isCenter}\n            $isReadOnly={props.isReadOnly}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsPattern}\n          />\n        ) : props.variety === 'numeric' ? (\n          <StyledInputNumeric\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? 'Roboto Mono',\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsNumeric}\n          />\n        ) : (\n          <StyledInput\n            $isNiceNumber={props.isNiceNumber}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            ref={props.ref}\n            $error={props.error}\n            $isInputEffect={props.isInputEffect}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            type={props.type}\n            autoComplete={props.autoComplete}\n            onInput={(event) => {\n              const input = event.target as HTMLInputElement;\n              handleOnChange(input.value);\n            }}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            tabIndex={props.tabIndex}\n            onKeyDown={props.onKeyDown}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n          />\n        )}\n\n        {props.postfixChildren && (\n          <InputPostfixChildren\n            $left={props.postfixChildren.left}\n            $right={props.postfixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.postfixChildren.width}\n          >\n            {props.postfixChildren.children}\n          </InputPostfixChildren>\n        )}\n      </StyledInputWrapper>\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\nexport function formatPhoneNumber(dialCode: string, international: string) {\n  function isDigit(char: string): boolean {\n    return /\\d/.test(char);\n  }\n\n  let formattedNumber = '';\n  let placeholderNumber = '';\n  let dialCodeIndex = 0;\n\n  if (dialCode.length === 0) {\n    return { format: '', placeholder: '' };\n  }\n\n  for (let i = 0; i < international.length; i++) {\n    const char = international.charAt(i);\n\n    if (char === dialCode.charAt(dialCodeIndex)) {\n      formattedNumber += char;\n      placeholderNumber += isDigit(char) ? '#' : char;\n      dialCodeIndex++;\n    } else {\n      if (isDigit(char)) {\n        formattedNumber += '#';\n        placeholderNumber += '-';\n      } else {\n        formattedNumber += char;\n        placeholderNumber += char;\n      }\n    }\n  }\n\n  while (dialCodeIndex < dialCode.length) {\n    formattedNumber += dialCode.charAt(dialCodeIndex);\n    placeholderNumber += dialCode.charAt(dialCodeIndex);\n    dialCodeIndex++;\n  }\n\n  return {\n    format: formattedNumber,\n    placeholder: placeholderNumber,\n  };\n}\n"],"names":["props","handleOnChange","useCallback","input","variety","value","cleaned","isNoSpaces","replace","_a","onChange","call","_b","theme","useTheme","jsxs","Fragment","children","StyledInputWrapper","$isInputEffect","isInputEffect","className","$isDisabled","isDisabled","$sx","sx","$size","size","$isWidthAsHeight","isWidthAsHeight","prefixChildren","jsx","InputPrefixChildren","$left","left","$right","right","$width","width","StyledInputPattern","$isNiceNumber","isNiceNumber","$error","error","$isLoading","isLoading","$postfixChildren","postfixChildren","$prefixChildren","$genre","genre","$font","font","weight","isBold","family","_c","height","_d","lineHeight","$isBold","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isCenter","isCenter","$isReadOnly","isReadOnly","disabled","readOnly","required","isRequired","defaultValue","placeholder","onValueChange","onBlur","onFocus","onPaste","name","id","onKeyDown","inputMode","maxLength","minLength","tabIndex","propsPattern","StyledInputNumeric","_e","_f","_g","_h","propsNumeric","StyledInput","ref","_i","_j","_k","_l","type","autoComplete","onInput","event","target","min","max","step","InputPostfixChildren","ErrorMessage","_m","dialCode","international","isDigit","char","test","formattedNumber","placeholderNumber","dialCodeIndex","length","format","i","charAt"],"mappings":"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"}
+{"version":3,"file":"component-Bj7sLW9s.cjs","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\nimport { useTheme } from 'styled-components';\n\nimport {\n  InputPostfixChildren,\n  InputPrefixChildren,\n  InputProps,\n  StyledInput,\n  StyledInputNumeric,\n  StyledInputPattern,\n  StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n  const handleOnChange = useCallback(\n    (input: string | NumberFormatValues) => {\n      if (props.variety === 'standard') {\n        const value = typeof input === 'string' ? input : input.value;\n        const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n        props.onChange?.(cleaned);\n      }\n\n      if (props.variety === 'pattern' || props.variety === 'numeric') {\n        if (typeof input !== 'string') {\n          props.onChange?.(input);\n        }\n      }\n    },\n    [props],\n  );\n  const theme = useTheme();\n  return (\n    <>\n      <StyledInputWrapper\n        $isInputEffect={props.isInputEffect}\n        className={props.className}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $size={props.size}\n        $isWidthAsHeight={props.isWidthAsHeight}\n      >\n        {props.prefixChildren && (\n          <InputPrefixChildren\n            $left={props.prefixChildren.left}\n            $right={props.prefixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.prefixChildren.width}\n          >\n            {props.prefixChildren.children}\n          </InputPrefixChildren>\n        )}\n        {props.variety === 'pattern' ? (\n          <StyledInputPattern\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isCenter={props.isCenter}\n            $isReadOnly={props.isReadOnly}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsPattern}\n          />\n        ) : props.variety === 'numeric' ? (\n          <StyledInputNumeric\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? 'Roboto Mono',\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsNumeric}\n          />\n        ) : (\n          <StyledInput\n            $isNiceNumber={props.isNiceNumber}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            ref={props.ref}\n            $error={props.error}\n            $isInputEffect={props.isInputEffect}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            type={props.type}\n            autoComplete={props.autoComplete}\n            onInput={(event) => {\n              const input = event.target as HTMLInputElement;\n              handleOnChange(input.value);\n            }}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            tabIndex={props.tabIndex}\n            onKeyDown={props.onKeyDown}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n          />\n        )}\n\n        {props.postfixChildren && (\n          <InputPostfixChildren\n            $left={props.postfixChildren.left}\n            $right={props.postfixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.postfixChildren.width}\n          >\n            {props.postfixChildren.children}\n          </InputPostfixChildren>\n        )}\n      </StyledInputWrapper>\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\nexport function formatPhoneNumber(dialCode: string, international: string) {\n  function isDigit(char: string): boolean {\n    return /\\d/.test(char);\n  }\n\n  let formattedNumber = '';\n  let placeholderNumber = '';\n  let dialCodeIndex = 0;\n\n  if (dialCode.length === 0) {\n    return { format: '', placeholder: '' };\n  }\n\n  for (let i = 0; i < international.length; i++) {\n    const char = international.charAt(i);\n\n    if (char === dialCode.charAt(dialCodeIndex)) {\n      formattedNumber += char;\n      placeholderNumber += isDigit(char) ? '#' : char;\n      dialCodeIndex++;\n    } else {\n      if (isDigit(char)) {\n        formattedNumber += '#';\n        placeholderNumber += '-';\n      } else {\n        formattedNumber += char;\n        placeholderNumber += char;\n      }\n    }\n  }\n\n  while (dialCodeIndex < dialCode.length) {\n    formattedNumber += dialCode.charAt(dialCodeIndex);\n    placeholderNumber += dialCode.charAt(dialCodeIndex);\n    dialCodeIndex++;\n  }\n\n  return {\n    format: formattedNumber,\n    placeholder: placeholderNumber,\n  };\n}\n"],"names":["props","handleOnChange","useCallback","input","variety","value","cleaned","isNoSpaces","replace","_a","onChange","call","_b","theme","useTheme","jsxs","Fragment","children","StyledInputWrapper","$isInputEffect","isInputEffect","className","$isDisabled","isDisabled","$sx","sx","$size","size","$isWidthAsHeight","isWidthAsHeight","prefixChildren","jsx","InputPrefixChildren","$left","left","$right","right","$width","width","StyledInputPattern","$isNiceNumber","isNiceNumber","$error","error","$isLoading","isLoading","$postfixChildren","postfixChildren","$prefixChildren","$genre","genre","$font","font","weight","isBold","family","_c","height","_d","lineHeight","$isBold","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isCenter","isCenter","$isReadOnly","isReadOnly","disabled","readOnly","required","isRequired","defaultValue","placeholder","onValueChange","onBlur","onFocus","onPaste","name","id","onKeyDown","inputMode","maxLength","minLength","tabIndex","propsPattern","StyledInputNumeric","_e","_f","_g","_h","propsNumeric","StyledInput","ref","_i","_j","_k","_l","type","autoComplete","onInput","event","target","min","max","step","InputPostfixChildren","ErrorMessage","_m","dialCode","international","isDigit","char","test","formattedNumber","placeholderNumber","dialCodeIndex","length","format","i","charAt"],"mappings":"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"}