@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.11

package/build/{area-BC64nSGj.js → area-BWxBop5m.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { b as Stack } from "./component-jPZYT5iL.js";
+import { b as Stack } from "./component-mzzOCXSx.js";
 import styled, { css } from "styled-components";
 const StyledScroll = styled(Stack)`
   overflow-x: hidden;
@@ -44,4 +44,4 @@ export {
   StyledScroll as S,
   Scroll as a
 };
-//# sourceMappingURL=area-BC64nSGj.js.map
+//# sourceMappingURL=area-BWxBop5m.js.map

package/build/area-BWxBop5m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-BWxBop5m.js","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css } from 'styled-components';\n\nimport { StyledScrollProps } from '.';\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${(props) => css`\n    ${\n      props.$horizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `\n    }\n\n    ${\n      props.$vertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `\n    }\n\n    ${\n      props.$isAlwaysHorizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `\n    }\n\n    ${\n      props.$isAlwaysVertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `\n    }\n  `}\n`;\n","import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAMO,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,IAIpC,CAAC,UAAU;AAAA,MAET,MAAM,eACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,aACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,uBACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,qBACN;AAAA;AAAA;AAAA,KAIF;AAAA,GACD;AAAA;ACtCI,MAAM,SAA0B,CAAC,UAAU;AAChD,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,qBAAqB,MAAM;AAAA,MAC3B,mBAAmB,MAAM;AAAA,MAExB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/{area-DRqAofd0.js → area-CD8KKIM0.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useRef, useEffect } from "react";
-import { b as Stack } from "./component-jPZYT5iL.js";
+import { b as Stack } from "./component-mzzOCXSx.js";
 const Outside = (props) => {
   const elementRef = useRef(null);
   useEffect(() => {
@@ -32,4 +32,4 @@ const Outside = (props) => {
 export {
   Outside as O
 };
-//# sourceMappingURL=area-DRqAofd0.js.map
+//# sourceMappingURL=area-CD8KKIM0.js.map

package/build/area-CD8KKIM0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CD8KKIM0.js","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAUO,MAAM,UAA4B,CAAC,UAAU;AAClD,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GAAG;AAC5E,cAAM,eAAe,KAAK;AAAA,MAAA;AAAA,IAC5B;AAGF,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAAA;AAAA,EAC9D,GACC,CAAC,KAAK,CAAC;AACV,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,+BAAO;AAAA,QACV,SAAS;AAAA,UACP,SAAS;AAAA,UACT,IAAI,+BAAO,MAAM,QAAO,+BAAO,QAAO,aAAa,+BAAO,GAAG,OAAO,UAAU,+BAAO,GAAG,UAAW,CAAA;AAAA,QAAC;AAAA,MACtG;AAAA,MAEF,KAAK;AAAA,MAEJ,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/{area-Dnq78ow6.js → area-CT83tDk-.js}

@@ -1,13 +1,15 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { I as Icon } from "./component.styles-DS0ofW1Y.js";
+import { c as StackMotion, b as Stack } from "./component-mzzOCXSx.js";
+import { u as useDeepCompareMemoize } from "./use-DT0XgvJT.js";
 import { AnimatePresence } from "framer-motion";
 import { useState, useMemo, useEffect } from "react";
-import { I as Icon } from "./component.styles-Bm3Ec-Kd.js";
-import { c as StackMotion, b as Stack } from "./component-jPZYT5iL.js";
 const Preview = (props) => {
   const [visible, setVisible] = useState(props.defaultVisible ?? true);
-  const propsVisible = useMemo(() => "visible" in props ? props.visible : null, [props]);
-  const propsTime = useMemo(() => "time" in props ? props.time : null, [props]);
-  const propsMinTime = useMemo(() => "minTime" in props ? props.minTime : null, [props]);
+  const propsMemo = useDeepCompareMemoize(props);
+  const propsVisible = useMemo(() => "visible" in propsMemo ? propsMemo.visible : null, [propsMemo]);
+  const propsTime = useMemo(() => "time" in propsMemo ? propsMemo.time : null, [propsMemo]);
+  const propsMinTime = useMemo(() => "minTime" in propsMemo ? propsMemo.minTime : null, [propsMemo]);
   useEffect(() => {
     if (propsTime !== null) {
       const timer = setTimeout(() => {
@@ -34,7 +36,7 @@ const Preview = (props) => {
       }
     }
   }, [propsVisible, propsMinTime]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { children: [
     !visible ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
       StackMotion,
       {
@@ -106,9 +108,9 @@ const Preview = (props) => {
       },
       "children"
     ) : null
-  ] }) });
+  ] });
 };
 export {
   Preview as P
 };
-//# sourceMappingURL=area-Dnq78ow6.js.map
+//# sourceMappingURL=area-CT83tDk-.js.map

package/build/area-CT83tDk-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CT83tDk-.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\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 propsMemo = useDeepCompareMemoize(props);\n  const propsVisible = useMemo(() => ('visible' in propsMemo ? propsMemo.visible : null), [propsMemo]);\n  const propsTime = useMemo(() => ('time' in propsMemo ? propsMemo.time : null), [propsMemo]);\n  const propsMinTime = useMemo(() => ('minTime' in propsMemo ? propsMemo.minTime : null), [propsMemo]);\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' primaryColor='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-C6QOr2Kd.cjs → area-CmCMHnRA.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./component-BV_7tGiu.cjs"),s=require("styled-components"),o=s(r.Stack)`
+"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./component-GKvpOWlO.cjs"),s=require("styled-components"),o=s(r.Stack)`
   overflow-x: hidden;
   overflow-y: hidden;
 
@@ -24,4 +24,4 @@
     `}
   `}
 `;exports.Scroll=r=>l.jsxRuntimeExports.jsx(o,{...r,$horizontal:r.horizontal,$vertical:r.vertical,$isAlwaysHorizontal:r.isAlwaysHorizontal,$isAlwaysVertical:r.isAlwaysVertical,children:r.children}),exports.StyledScroll=o;
-//# sourceMappingURL=area-C6QOr2Kd.cjs.map
+//# sourceMappingURL=area-CmCMHnRA.cjs.map

package/build/area-CmCMHnRA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CmCMHnRA.cjs","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css } from 'styled-components';\n\nimport { StyledScrollProps } from '.';\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${(props) => css`\n    ${\n      props.$horizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `\n    }\n\n    ${\n      props.$vertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `\n    }\n\n    ${\n      props.$isAlwaysHorizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `\n    }\n\n    ${\n      props.$isAlwaysVertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `\n    }\n  `}\n`;\n","import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical","jsx","horizontal","vertical","isAlwaysHorizontal","isAlwaysVertical","children"],"mappings":"gIAMaA,EAAeC,EAAOC,QAAK;;;;IAInCC,GAAUC,EAAAA,GAAAA;MAETD,EAAME,aACND,EAAAA,GAAAA;;;;;MAOAD,EAAMG,WACNF,EAAAA,GAAAA;;;;;MAOAD,EAAMI,qBACNH,EAAAA,GAAAA;;;;;MAOAD,EAAMK,mBACNJ,EAAAA,GAAAA;;;;;iBCjCkCD,KAEpCM,kBAAAA,IAACT,EAAA,IACKG,EACJE,YAAaF,EAAMO,WACnBJ,UAAWH,EAAMQ,SACjBJ,oBAAqBJ,EAAMS,mBAC3BJ,kBAAmBL,EAAMU,iBAExBC,SAAAX,EAAMW"}

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

@@ -1,4 +1,4 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-BV_7tGiu.cjs"),s=require("./style-mc2ST5fY.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("./style-Df37KnoJ.cjs"),n=require("styled-components"),r=n.keyframes`
   0% {
     background-position: 100%;
   }
@@ -35,4 +35,4 @@
     ${s.addTransition};
   }
 `;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-C3wR_pPr.cjs.map
+//# sourceMappingURL=area-DRsIULcw.cjs.map

package/build/{area-C3wR_pPr.cjs.map → area-DRsIULcw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-C3wR_pPr.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\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    ${addTransition};\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","addTransition","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"qLAgBMA,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;MACvCE;;mBCvDsCJ,IAC1C,MAAOK,EAASC,GAAcC,EAAAA,SAASP,EAAMQ,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUT,EAAO,CACnB,MAAMU,EAAQC,WAAW,KACvBL,GAAW,IACVN,EAAMY,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACV,IAEJS,EAAAA,UAAU,KACJ,YAAaT,GACfM,GAAYN,EAAMK,UAEnB,CAACL,IAGFc,EAAAA,kBAAAA,IAACjB,EAAA,IAAmBG,EAAOE,SAAUG,EAASF,MAAOH,EAAMe,KACxDC,SAAAhB,EAAMgB"}
+{"version":3,"file":"area-DRsIULcw.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\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    ${addTransition};\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","addTransition","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"qLAgBMA,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;MACvCE;;mBCvDsCJ,IAC1C,MAAOK,EAASC,GAAcC,EAAAA,SAASP,EAAMQ,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUT,EAAO,CACnB,MAAMU,EAAQC,WAAW,KACvBL,GAAW,IACVN,EAAMY,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACV,IAEJS,EAAAA,UAAU,KACJ,YAAaT,GACfM,GAAYN,EAAMK,UAEnB,CAACL,IAGFc,EAAAA,kBAAAA,IAACjB,EAAA,IAAmBG,EAAOE,SAAUG,EAASF,MAAOH,EAAMe,KACxDC,SAAAhB,EAAMgB"}

package/build/{area-D7906bXA.cjs → area-Dup_lUb9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./component-BV_7tGiu.cjs");exports.Outside=s=>{const u=t.useRef(null);return t.useEffect(()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&s.onOutsideClick(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),e.jsxRuntimeExports.jsx(n.Stack,{sx:e=>({...null==s?void 0:s.sx,default:{display:"content",...(null==s?void 0:s.sx)?"function"==typeof(null==s?void 0:s.sx)?null==s?void 0:s.sx(e).default:null==s?void 0:s.sx.default:{}}}),ref:u,children:s.children})};
-//# sourceMappingURL=area-D7906bXA.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./component-GKvpOWlO.cjs");exports.Outside=s=>{const u=t.useRef(null);return t.useEffect(()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&s.onOutsideClick(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),e.jsxRuntimeExports.jsx(n.Stack,{sx:e=>({...null==s?void 0:s.sx,default:{display:"content",...(null==s?void 0:s.sx)?"function"==typeof(null==s?void 0:s.sx)?null==s?void 0:s.sx(e).default:null==s?void 0:s.sx.default:{}}}),ref:u,children:s.children})};
+//# sourceMappingURL=area-Dup_lUb9.cjs.map

package/build/area-Dup_lUb9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-Dup_lUb9.cjs","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["props","elementRef","useRef","useEffect","handleClickOutside","event","current","contains","target","onOutsideClick","document","addEventListener","removeEventListener","jsx","Stack","sx","theme","default","display","ref","children"],"mappings":"oIAU0CA,IACxC,MAAMC,EAAaC,EAAAA,OAAuB,MAc1C,OAZAC,EAAAA,UAAU,KACR,MAAMC,EAAsBC,IACtBJ,EAAWK,UAAYL,EAAWK,QAAQC,SAASF,EAAMG,SAC3DR,EAAMS,eAAeJ,IAKzB,OADAK,SAASC,iBAAiB,YAAaP,GAChC,KACLM,SAASE,oBAAoB,YAAaR,KAE3C,CAACJ,MAEFa,kBAAAA,IAACC,EAAAA,MAAA,CACCC,GAAKC,IAAA,IACA,MAAAhB,OAAA,EAAAA,EAAOe,GACVE,QAAS,CACPC,QAAS,cACL,MAAAlB,OAAA,EAAAA,EAAOe,IAA2B,yBAAdf,WAAOe,IAAoB,MAAAf,OAAA,EAAAA,EAAOe,GAAGC,GAAOC,QAAU,MAAAjB,OAAA,EAAAA,EAAOe,GAAGE,QAAW,CAAA,KAGvGE,IAAKlB,EAEJmB,SAAApB,EAAMoB"}

package/build/area-outside.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs");exports.Outside=e.Outside;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-Dup_lUb9.cjs");exports.Outside=e.Outside;
 //# sourceMappingURL=area-outside.cjs.js.map

package/build/area-outside.es.js

@@ -1,4 +1,4 @@
-import { O } from "./area-DRqAofd0.js";
+import { O } from "./area-CD8KKIM0.js";
 export {
   O as Outside
 };

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-DnAf310m.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-t259bohc.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-Dnq78ow6.js";
+import { P } from "./area-CT83tDk-.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

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

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useState, useEffect } from "react";
-import { b as Stack } from "./component-jPZYT5iL.js";
-import { b as addTransition } from "./style-BgcnmVAY.js";
+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% {
@@ -64,4 +64,4 @@ export {
   StyledSkeleton as S,
   Skeleton as a
 };
-//# sourceMappingURL=area-CFZW3T1g.js.map
+//# sourceMappingURL=area-sDVSuS3G.js.map

package/build/{area-CFZW3T1g.js.map → area-sDVSuS3G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-CFZW3T1g.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\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    ${addTransition};\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":";;;;;AAgBA,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,MAC7C,aAAa;AAAA;AAAA;ACvDZ,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;"}
+{"version":3,"file":"area-sDVSuS3G.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\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    ${addTransition};\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":";;;;;AAgBA,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,MAC7C,aAAa;AAAA;AAAA;ACvDZ,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-scroll.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-C6QOr2Kd.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-CmCMHnRA.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
 //# sourceMappingURL=area-scroll.cjs.js.map

package/build/area-scroll.d.ts

@@ -36,8 +36,8 @@ declare interface StackProps_2 extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-scroll.es.js

@@ -1,4 +1,4 @@
-import { a, S } from "./area-BC64nSGj.js";
+import { a, S } from "./area-BWxBop5m.js";
 export {
   a as Scroll,
   S as StyledScroll

package/build/area-skeleton.cjs.js

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

package/build/area-skeleton.d.ts

@@ -42,8 +42,8 @@ declare interface StackProps_2 extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-skeleton.es.js

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

package/build/area-smooth.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component--Oo5_3xq.cjs");exports.Smooth=o.Smooth;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-8NOxwZJO.cjs");exports.Smooth=o.Smooth;
 //# sourceMappingURL=area-smooth.cjs.js.map

package/build/area-smooth.d.ts

@@ -19,8 +19,8 @@ declare interface StackProps extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-smooth.es.js

@@ -1,4 +1,4 @@
-import { S } from "./component-BcHiCCC9.js";
+import { S } from "./component-DpVp9dB1.js";
 export {
   S as Smooth
 };

package/build/area-t259bohc.cjs

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

package/build/area-t259bohc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-t259bohc.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\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 propsMemo = useDeepCompareMemoize(props);\n  const propsVisible = useMemo(() => ('visible' in propsMemo ? propsMemo.visible : null), [propsMemo]);\n  const propsTime = useMemo(() => ('time' in propsMemo ? propsMemo.time : null), [propsMemo]);\n  const propsMinTime = useMemo(() => ('minTime' in propsMemo ? propsMemo.minTime : null), [propsMemo]);\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' primaryColor='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","propsMemo","useDeepCompareMemoize","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","primaryColor","name","content","marginTop","sxChildren","initial"],"mappings":"4OAS0CA,IACxC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAYC,EAAAA,sBAAsBN,GAClCO,EAAeC,UAAQ,IAAO,YAAaH,EAAYA,EAAUJ,QAAU,KAAO,CAACI,IACnFI,EAAYD,UAAQ,IAAO,SAAUH,EAAYA,EAAUK,KAAO,KAAO,CAACL,IAC1EM,EAAeH,UAAQ,IAAO,YAAaH,EAAYA,EAAUO,QAAU,KAAO,CAACP,IA+BzF,OA7BAQ,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBb,GAAW,IACVO,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBb,EAAWK,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BZ,EAAWK,EACb,MAEAL,EAAWK,IAGd,CAACA,EAAcI,6BAGfM,kBAAA,CACEC,SAAA,CAACjB,EAmDE,KAlDFkB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAAtB,OAAA,EAAAA,EAAOuB,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,MAAApC,OAAA,EAAAA,EAAOuB,UACoB,yBAApBvB,WAAOuB,UACZ,MAAAvB,OAAA,EAAAA,EAAOuB,SAASD,GAAOE,QACvB,MAAAxB,OAAA,EAAAA,EAAOuB,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,aAAa,YAAYC,KAAK,WAEhEhD,EAAMiD,SACLP,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVoB,UAAW,WAIdhC,SAAAlB,EAAMiD,YA7CP,UAkDPhD,IACCyC,kBAAAA,IAACtB,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAAtB,OAAA,EAAAA,EAAOmD,WACV3B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOmD,YACsB,yBAAtBnD,WAAOmD,YACZ,MAAAnD,OAAA,EAAAA,EAAOmD,WAAW7B,GAAOE,QACzB,MAAAxB,OAAA,EAAAA,EAAOmD,WAAW3B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBc,QAAS,CAAEZ,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBtB,SAAAlB,EAAMkB,UAlBH,YAoBJ"}

package/build/area.hooks-Bk04M7mk.js.map

@@ -1 +1 @@
-{"version":3,"file":"area.hooks-Bk04M7mk.js","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,MAAM;AAC1C,YAAU,MAAM;AACd,UAAM,SAAS,SAAS,cAAc,kBAAkB;AAExD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAQ;AACV,eAAO,MAAM,UAAU;AACvB,mBAAW,MAAM;AACf,iBAAO,OAAA;AAAA,QAAO,GACb,GAAG;AAAA,MAAA;AAAA,IACR;AAGF,QAAI,SAAS,eAAe,YAAY;AACtC,qBAAA;AAAA,IAAe,OACV;AACL,aAAO,iBAAiB,QAAQ,cAAc;AAAA,IAAA;AAGhD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,cAAc;AAAA,IAAA;AAAA,EACnD,GACC,EAAE;AACP;"}
+{"version":3,"file":"area.hooks-Bk04M7mk.js","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,MAAM;AAC1C,YAAU,MAAM;AACd,UAAM,SAAS,SAAS,cAAc,kBAAkB;AAExD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAQ;AACV,eAAO,MAAM,UAAU;AACvB,mBAAW,MAAM;AACf,iBAAO,OAAA;AAAA,QAAO,GACb,GAAG;AAAA,MAAA;AAAA,IACR;AAGF,QAAI,SAAS,eAAe,YAAY;AACtC,qBAAA;AAAA,IAAe,OACV;AACL,aAAO,iBAAiB,QAAQ,cAAc;AAAA,IAAA;AAGhD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,cAAc;AAAA,IAAA;AAAA,EACnD,GACC,EAAE;AACP;"}

package/build/area.hooks-C_UKZzcb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"area.hooks-C_UKZzcb.cjs","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":["useEffect","loader","document","querySelector","handleDomReady","style","opacity","setTimeout","remove","readyState","window","addEventListener","removeEventListener"],"mappings":"qEAEsC,KACpCA,EAAAA,UAAU,KACR,MAAMC,EAASC,SAASC,cAAc,oBAEhCC,EAAiB,KACjBH,IACFA,EAAOI,MAAMC,QAAU,IACvBC,WAAW,KACTN,EAAOO,UACN,OAUP,MAN4B,aAAxBN,SAASO,WACXL,IAEAM,OAAOC,iBAAiB,OAAQP,GAG3B,KACLM,OAAOE,oBAAoB,OAAQR,KAEpC"}
+{"version":3,"file":"area.hooks-C_UKZzcb.cjs","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"names":["useEffect","loader","document","querySelector","handleDomReady","style","opacity","setTimeout","remove","readyState","window","addEventListener","removeEventListener"],"mappings":"qEAEsC,KACpCA,EAAAA,UAAU,KACR,MAAMC,EAASC,SAASC,cAAc,oBAEhCC,EAAiB,KACjBH,IACFA,EAAOI,MAAMC,QAAU,IACvBC,WAAW,KACTN,EAAOO,UACN,OAUP,MAN4B,aAAxBN,SAASO,WACXL,IAEAM,OAAOC,iBAAiB,OAAQP,GAG3B,KACLM,OAAOE,oBAAoB,OAAQR,KAEpC"}

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.3.9
-commit: 508f163
-date: 2025-08-17T13:24:35Z
+version: 1.3.11
+commit: d330a05
+date: 2025-08-28T12:45:26Z

package/build/component--jGdo2yq.cjs

@@ -0,0 +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

package/build/component--jGdo2yq.cjs.map

@@ -0,0 +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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"}

package/build/{component--Oo5_3xq.cjs → component-8NOxwZJO.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-BV_7tGiu.cjs");exports.Smooth=s=>t.jsxRuntimeExports.jsx(e.StackMotion,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,...s,children:s.children});
-//# sourceMappingURL=component--Oo5_3xq.cjs.map
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-GKvpOWlO.cjs");exports.Smooth=s=>t.jsxRuntimeExports.jsx(e.StackMotion,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,...s,children:s.children});
+//# sourceMappingURL=component-8NOxwZJO.cjs.map

package/build/component-8NOxwZJO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-8NOxwZJO.cjs","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { StackMotion, StackProps } from '@local/components/stack';\n\nexport const Smooth: FC<StackProps> = (props) => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring',\n        },\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  );\n};\n"],"names":["props","jsx","StackMotion","transition","layout","duration","ease","type","children"],"mappings":"gHAIuCA,KAEnCC,kBAAAA,IAACC,EAAAA,YAAA,CACCC,WAAY,CACVC,OAAQ,CACNC,SAAU,GACVC,KAAM,YACNC,KAAM,WAGVH,QAAM,KACFJ,EAEHQ,SAAAR,EAAMQ"}