@jenesei-software/jenesei-kit-react 1.3.19 → 1.3.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Cyril Strone",
   "name": "@jenesei-software/jenesei-kit-react",
-  "version": "1.3.19",
+  "version": "1.3.21",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jenesei-software/jenesei-kit-react.git"

package/build/area-BDMDiVi1.js

@@ -1,68 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { useState, useEffect } from "react";
-import { b as Stack } from "./component-mzzOCXSx.js";
-import styled, { keyframes, css } from "styled-components";
-const shimmer = keyframes`
-  0% {
-    background-position: 100%;
-  }
-  100% {
-    background-position: -100%;
-  }
-`;
-const StyledSkeleton = styled(Stack)`
-  background: transparent;
-
-  ${(props) => css`
-    ${!props.$visible && css`
-      ${props.$type === "secondary" ? css`
-            background: linear-gradient(
-        90deg,
-        #f6f7f8 25%,
-        #edeef1 50%,
-        #f6f7f8 75%
-      );
-          ` : css`
-            background: linear-gradient(
-        90deg,
-        #edeef1 25%,
-        #f6f7f8 50%,
-        #edeef1 75%
-      );   
-          `};
-      background-size: 200% 100%;
-      animation: ${shimmer} 1.5s infinite linear;
-
-    `};
-  `}
-  & > * {
-    opacity: ${(props) => !props.$visible ? 0 : 1};
-    transition:
-      outline 0s,
-      opacity ${(props) => props.theme.transition.default};
-  }
-`;
-const Skeleton = (props) => {
-  const [visible, setVisible] = useState(props.defaultVisible ?? false);
-  useEffect(() => {
-    if ("time" in props) {
-      const timer = setTimeout(() => {
-        setVisible(true);
-      }, props.time);
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [props]);
-  useEffect(() => {
-    if ("visible" in props) {
-      setVisible(!props.visible);
-    }
-  }, [props]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledSkeleton, { ...props, $visible: visible, $type: props.type, children: props.children });
-};
-export {
-  StyledSkeleton as S,
-  Skeleton as a
-};
-//# sourceMappingURL=area-BDMDiVi1.js.map

package/build/area-BDMDiVi1.js.map

@@ -1 +0,0 @@
-{"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-BWxBop5m.js.map

@@ -1 +0,0 @@
-{"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-Bopd6mWj.cjs

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

@@ -1 +0,0 @@
-{"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-CmCMHnRA.cjs

@@ -1,27 +0,0 @@
-"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;
-
-  ${l=>s.css`
-    ${l.$horizontal&&s.css`
-      scrollbar-gutter: stable;
-      overflow-x: auto;
-    `}
-
-    ${l.$vertical&&s.css`
-      scrollbar-gutter: stable;
-      overflow-y: auto;
-    `}
-
-    ${l.$isAlwaysHorizontal&&s.css`
-      scrollbar-gutter: stable;
-      overflow-x: scroll;
-    `}
-
-    ${l.$isAlwaysVertical&&s.css`
-      scrollbar-gutter: stable;
-      overflow-y: scroll;
-    `}
-  `}
-`;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-CmCMHnRA.cjs.map

package/build/area-CmCMHnRA.cjs.map

@@ -1 +0,0 @@
-{"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-Cvp3eBBo.js

@@ -1,114 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.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";
-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]);
-  useEffect(() => {
-    if (propsTime !== null) {
-      const timer = setTimeout(() => {
-        setVisible(true);
-      }, propsTime);
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [propsTime]);
-  useEffect(() => {
-    if (propsVisible !== null) {
-      if (propsVisible) {
-        if (propsMinTime) {
-          const timer = setTimeout(() => {
-            setVisible(propsVisible);
-          }, propsMinTime);
-          return () => clearTimeout(timer);
-        } else {
-          setVisible(propsVisible);
-        }
-      } else {
-        setVisible(propsVisible);
-      }
-    }
-  }, [propsVisible, propsMinTime]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { children: [
-    !visible ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      StackMotion,
-      {
-        sx: (theme) => ({
-          ...props == null ? void 0 : props.sxLoader,
-          default: {
-            backgroundColor: theme.palette.whiteStandard,
-            width: "100%",
-            height: "100%",
-            position: "absolute",
-            top: 0,
-            left: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            zIndex: 1,
-            ...(props == null ? void 0 : props.sxLoader) ? typeof (props == null ? void 0 : props.sxLoader) === "function" ? props == null ? void 0 : props.sxLoader(theme).default : props == null ? void 0 : props.sxLoader.default : {}
-          }
-        }),
-        transition: { duration: 0.3 },
-        exit: { opacity: 0 },
-        animate: { opacity: 1 },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Stack,
-            {
-              sx: {
-                default: {
-                  position: "absolute",
-                  width: "8vmin",
-                  height: "8vmin"
-                }
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: "100%", type: "loading", color: "blueFocus", name: "Line" })
-            }
-          ),
-          props.content && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Stack,
-            {
-              sx: {
-                default: {
-                  position: "relative",
-                  marginTop: "18vmin"
-                }
-              },
-              children: props.content
-            }
-          )
-        ]
-      },
-      "loader"
-    ) : null,
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      StackMotion,
-      {
-        sx: (theme) => ({
-          ...props == null ? void 0 : props.sxChildren,
-          default: {
-            display: "contents",
-            zIndex: 0,
-            ...(props == null ? void 0 : props.sxChildren) ? typeof (props == null ? void 0 : props.sxChildren) === "function" ? props == null ? void 0 : props.sxChildren(theme).default : props == null ? void 0 : props.sxChildren.default : {}
-          }
-        }),
-        transition: { duration: 0.3 },
-        initial: { opacity: 0 },
-        exit: { opacity: 0 },
-        animate: { opacity: 1 },
-        children: props.children
-      },
-      "children"
-    ) : null
-  ] });
-};
-export {
-  Preview as P
-};
-//# sourceMappingURL=area-Cvp3eBBo.js.map

package/build/area-Cvp3eBBo.js.map

@@ -1 +0,0 @@
-{"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-DqLK4RX5.cjs

@@ -1,40 +0,0 @@
-"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%;
-  }
-`,r=s(t.Stack)`
-  background: transparent;
-
-  ${e=>s.css`
-    ${!e.$visible&&s.css`
-      ${"secondary"===e.$type?s.css`
-            background: linear-gradient(
-        90deg,
-        #f6f7f8 25%,
-        #edeef1 50%,
-        #f6f7f8 75%
-      );
-          `:s.css`
-            background: linear-gradient(
-        90deg,
-        #edeef1 25%,
-        #f6f7f8 50%,
-        #edeef1 75%
-      );   
-          `};
-      background-size: 200% 100%;
-      animation: ${n} 1.5s infinite linear;
-
-    `};
-  `}
-  & > * {
-    opacity: ${e=>e.$visible?1:0};
-    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(r,{...t,$visible:s,$type:t.type,children:t.children})},exports.StyledSkeleton=r;
-//# sourceMappingURL=area-DqLK4RX5.cjs.map

package/build/area-DqLK4RX5.cjs.map

@@ -1 +0,0 @@
-{"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/component-5o60aes-.cjs

@@ -1,52 +0,0 @@
-"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;
-  align-content: flex-start;
-  justify-content: space-between;
-  & #jenesei-button {
-    &:not(:only-child) {
-      flex-grow: 1;
-      &:first-child {
-        border-bottom-right-radius: 0;
-        border-top-right-radius: 0;
-      }
-      &:last-child {
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-      }
-      &:not(:first-child):not(:last-child) {
-        border-radius: 0;
-      }
-    }
-  }
-`,s=r.css`
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-
-  & #jenesei-button {
-    &:not(:only-child) {
-      &:first-child {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-      &:last-child {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-      &:not(:first-child):not(:last-child) {
-        border-radius: 0;
-      }
-    }
-  }
-`,n=r.styled.div`
-  & #jenesei-button {
-    &:focus-visible {
-      z-index: 1;
-    }
-  }
-  ${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-5o60aes-.cjs.map

package/build/component-5o60aes-.cjs.map

@@ -1 +0,0 @@
-{"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-B80It4vM.js.map

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

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

@@ -1 +0,0 @@
-{"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-Bj7sLW9s.cjs

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