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

package/build/{area-DAgP6K9K.cjs → area-BG04bpxi.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("./jsx-runtime-BcGej2Kr.cjs"),l=require("./area.styles-DQBIvHdz.cjs");exports.Scroll=s=>r.jsxRuntimeExports.jsx(l.StyledScroll,{...s,$horizontal:s.horizontal,$vertical:s.vertical,$isAlwaysHorizontal:s.isAlwaysHorizontal,$isAlwaysVertical:s.isAlwaysVertical,children:s.children});
-//# sourceMappingURL=area-DAgP6K9K.cjs.map
+"use strict";const r=require("./jsx-runtime-BcGej2Kr.cjs"),l=require("./area.styles-BuceLNra.cjs");exports.Scroll=s=>r.jsxRuntimeExports.jsx(l.StyledScroll,{...s,$horizontal:s.horizontal,$vertical:s.vertical,$isAlwaysHorizontal:s.isAlwaysHorizontal,$isAlwaysVertical:s.isAlwaysVertical,children:s.children});
+//# sourceMappingURL=area-BG04bpxi.cjs.map

package/build/{area-DAgP6K9K.cjs.map → area-BG04bpxi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-DAgP6K9K.cjs","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["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":["props","jsx","StyledScroll","$horizontal","horizontal","$vertical","vertical","$isAlwaysHorizontal","isAlwaysHorizontal","$isAlwaysVertical","isAlwaysVertical","children"],"mappings":"kHAIwCA,KAEpCC,kBAAAA,IAACC,EAAAA,aAAA,IACKF,EACJG,YAAaH,EAAMI,WACnBC,UAAWL,EAAMM,SACjBC,oBAAqBP,EAAMQ,mBAC3BC,kBAAmBT,EAAMU,iBAExBC,SAAAX,EAAMW"}
+{"version":3,"file":"area-BG04bpxi.cjs","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["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":["props","jsx","StyledScroll","$horizontal","horizontal","$vertical","vertical","$isAlwaysHorizontal","isAlwaysHorizontal","$isAlwaysVertical","isAlwaysVertical","children"],"mappings":"kHAIwCA,KAEpCC,kBAAAA,IAACC,EAAAA,aAAA,IACKF,EACJG,YAAaH,EAAMI,WACnBC,UAAWL,EAAMM,SACjBC,oBAAqBP,EAAMQ,mBAC3BC,kBAAmBT,EAAMU,iBAExBC,SAAAX,EAAMW"}

package/build/{area-CD8KKIM0.js → area-D4BoNEmX.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-mzzOCXSx.js";
+import { b as Stack } from "./component-DEZX8aBs.js";
 const Outside = (props) => {
   const elementRef = useRef(null);
   useEffect(() => {
@@ -32,4 +32,4 @@ const Outside = (props) => {
 export {
   Outside as O
 };
-//# sourceMappingURL=area-CD8KKIM0.js.map
+//# sourceMappingURL=area-D4BoNEmX.js.map

package/build/{area-CD8KKIM0.js.map → area-D4BoNEmX.js.map}

@@ -1 +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;"}
+{"version":3,"file":"area-D4BoNEmX.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-BLgNLu9A.js → area-occQcGnD.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { S as StyledScroll } from "./area.styles-DWqSyo49.js";
+import { S as StyledScroll } from "./area.styles-BSqCfPE4.js";
 const Scroll = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledScroll,
@@ -16,4 +16,4 @@ const Scroll = (props) => {
 export {
   Scroll as S
 };
-//# sourceMappingURL=area-BLgNLu9A.js.map
+//# sourceMappingURL=area-occQcGnD.js.map

package/build/{area-BLgNLu9A.js.map → area-occQcGnD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-BLgNLu9A.js","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["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":";;AAIO,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;"}
+{"version":3,"file":"area-occQcGnD.js","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["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":";;AAIO,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-outside.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-Dup_lUb9.cjs");exports.Outside=e.Outside;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-pCo19R2g.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-CD8KKIM0.js";
+import { O } from "./area-D4BoNEmX.js";
 export {
   O as Outside
 };

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

@@ -1,2 +1,2 @@
-"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
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./component-5Utdcc2G.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-pCo19R2g.cjs.map

package/build/{area-Dup_lUb9.cjs.map → area-pCo19R2g.cjs.map}

@@ -1 +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"}
+{"version":3,"file":"area-pCo19R2g.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-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("./context.constants-DSfxf3ST.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("./context.constants-YhrMPIvq.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 "./context.constants-C5Unln0I.js";
+import { P } from "./context.constants-BVl2x1gR.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

package/build/area-scroll.cjs.js

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

package/build/area-scroll.es.js

@@ -1,5 +1,5 @@
-import { S } from "./area.styles-DWqSyo49.js";
-import { S as S2 } from "./area-BLgNLu9A.js";
+import { S } from "./area.styles-BSqCfPE4.js";
+import { S as S2 } from "./area-occQcGnD.js";
 export {
   S2 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.styles-CtrTLcAj.cjs"),t=require("./area-k8GR7Khj.cjs");exports.StyledSkeleton=e.StyledSkeleton,exports.Skeleton=t.Skeleton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-YhrMPIvq.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
 //# sourceMappingURL=area-skeleton.cjs.js.map

package/build/area-skeleton.d.ts

@@ -20,11 +20,16 @@ declare interface addSXProps {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
 export declare const Skeleton: FC<SkeletonProps>;
 
 declare type SkeletonDefaultProps = {
+    className?: string;
     defaultVisible?: boolean;
     type?: 'primary' | 'secondary';
+    color?: IThemePaletteKeys;
+    isInheritColor?: boolean;
 };
 
 declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
@@ -49,7 +54,7 @@ declare interface StackProps_2 extends addSXProps, PropsWithChildren {
 
 export declare const StyledSkeleton: IStyledComponentBase<"web", Substitute<StackProps, StyledSkeletonProps>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
 
-export declare type StyledSkeletonProps = StackProps_2 & AddDollarSign<Pick<SkeletonIsShowProps & SkeletonTimeProps, 'visible' | 'type'>>;
+export declare type StyledSkeletonProps = StackProps_2 & AddDollarSign<Pick<SkeletonIsShowProps & SkeletonTimeProps, 'visible' | 'type' | 'color' | 'isInheritColor'>>;
 
 declare type SXProps = ({
     default: CSSObject;

package/build/area-skeleton.es.js

@@ -1,7 +1,6 @@
-import { S } from "./area.styles-BJCDsTi3.js";
-import { S as S2 } from "./area-C5QUBcb-.js";
+import { a, S } from "./context.constants-BVl2x1gR.js";
 export {
-  S2 as Skeleton,
+  a as Skeleton,
   S as StyledSkeleton
 };
 //# sourceMappingURL=area-skeleton.es.js.map

package/build/area-skeleton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"area-skeleton.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"area-skeleton.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/area-smooth.cjs.js

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

package/build/area-smooth.es.js

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

package/build/{area.styles-DWqSyo49.js → area.styles-BSqCfPE4.js}

@@ -1,4 +1,4 @@
-import { b as Stack } from "./component-mzzOCXSx.js";
+import { b as Stack } from "./component-DEZX8aBs.js";
 import styled, { css } from "styled-components";
 const StyledScroll = styled(Stack)`
   overflow-x: hidden;
@@ -29,4 +29,4 @@ const StyledScroll = styled(Stack)`
 export {
   StyledScroll as S
 };
-//# sourceMappingURL=area.styles-DWqSyo49.js.map
+//# sourceMappingURL=area.styles-BSqCfPE4.js.map

package/build/{area.styles-DWqSyo49.js.map → area.styles-BSqCfPE4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area.styles-DWqSyo49.js","sources":["../src/areas/scroll/area.styles.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"],"names":[],"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;"}
+{"version":3,"file":"area.styles-BSqCfPE4.js","sources":["../src/areas/scroll/area.styles.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"],"names":[],"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;"}

package/build/area.styles-BuceLNra.cjs

@@ -0,0 +1,27 @@
+"use strict";const l=require("./component-5Utdcc2G.cjs"),o=require("styled-components"),r=o(l.Stack)`
+  overflow-x: hidden;
+  overflow-y: hidden;
+
+  ${l=>o.css`
+    ${l.$horizontal&&o.css`
+      scrollbar-gutter: stable;
+      overflow-x: auto;
+    `}
+
+    ${l.$vertical&&o.css`
+      scrollbar-gutter: stable;
+      overflow-y: auto;
+    `}
+
+    ${l.$isAlwaysHorizontal&&o.css`
+      scrollbar-gutter: stable;
+      overflow-x: scroll;
+    `}
+
+    ${l.$isAlwaysVertical&&o.css`
+      scrollbar-gutter: stable;
+      overflow-y: scroll;
+    `}
+  `}
+`;exports.StyledScroll=r;
+//# sourceMappingURL=area.styles-BuceLNra.cjs.map

package/build/{area.styles-DQBIvHdz.cjs.map → area.styles-BuceLNra.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area.styles-DQBIvHdz.cjs","sources":["../src/areas/scroll/area.styles.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"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical"],"mappings":"wFAMaA,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;;;;;"}
+{"version":3,"file":"area.styles-BuceLNra.cjs","sources":["../src/areas/scroll/area.styles.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"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical"],"mappings":"wFAMaA,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;;;;;"}

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.3.20
-commit: 287f32c
-date: 2025-09-07T14:19:45Z
+version: 1.3.21
+commit: b3a4232
+date: 2025-09-08T12:14:03Z

package/build/{component-GKvpOWlO.cjs → component-5Utdcc2G.cjs}

@@ -1,8 +1,8 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("framer-motion"),o=require("styled-components"),s=require("./style-fRZ6xrVp.cjs"),t=require("./component.styles-Dpg-__rn.cjs");require("react");const i=o.div`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./style-fRZ6xrVp.cjs"),o=require("framer-motion"),s=require("styled-components"),t=require("./component.styles-Dpg-__rn.cjs");require("react");const i=s.div`
   display: flex;
-  ${s.addSX}
+  ${r.addSX}
 
-  ${e=>e.$isHover&&o.css`
+  ${e=>e.$isHover&&s.css`
       transition:
         background-color ${e=>e.theme.transition.default},
         outline 0s;
@@ -11,11 +11,11 @@
       }
     `};
   ${t.addRipple};
-`,n=o(r.motion.div)`
+`,n=s(o.motion.div)`
   display: flex;
-  ${s.addSX}
+  ${r.addSX}
 
-  ${e=>e.$isHover&&o.css`
+  ${e=>e.$isHover&&s.css`
       transition:
         background-color ${e=>e.theme.transition.default},
         outline 0s;
@@ -25,4 +25,4 @@
     `};
   ${t.addRipple};
 `;exports.Stack=r=>e.jsxRuntimeExports.jsx(i,{ref:r.ref,onClick:r.onClick,onDrop:r.onDrop,onDragOver:r.onDragOver,className:r.className,$sx:r.sx,$isHover:r.isHover,$isRipple:r.isRipple,children:r.children}),exports.StackMotion=r=>{const{style:o,className:s,isHover:t,isRipple:i,onClick:l,onDrop:a,onDragOver:c,ref:p,sx:d}=r;return e.jsxRuntimeExports.jsx(n,{ref:p,style:o,onClick:l,onDrop:a,onDragOver:c,className:s,$sx:d,$isHover:t,$isRipple:i,...r,children:r.children})},exports.StyledStack=i,exports.StyledStackMotion=n;
-//# sourceMappingURL=component-GKvpOWlO.cjs.map
+//# sourceMappingURL=component-5Utdcc2G.cjs.map

package/build/{component-GKvpOWlO.cjs.map → component-5Utdcc2G.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-GKvpOWlO.cjs","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { addSX } from '@local/styles/sx';\n\nimport { StyledStackProps } from '.';\nimport { addRipple } from '../ripple';\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n","import { FC } from 'react';\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.';\n\nexport const Stack: FC<StackProps> = (props) => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  );\n};\n\nexport const StackMotion: FC<StackMotionProps> = (props) => {\n  const { style, className, isHover, isRipple, onClick, onDrop, onDragOver, ref, sx } = props;\n  return (\n    <StyledStackMotion\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className}\n      $sx={sx}\n      $isHover={isHover}\n      $isRipple={isRipple}\n      {...props}\n    >\n      {props.children}\n    </StyledStackMotion>\n  );\n};\n"],"names":["StyledStack","styled","div","addSX","props","$isHover","css","theme","transition","default","palette","black05","addRipple","StyledStackMotion","motion","jsx","ref","onClick","onDrop","onDragOver","className","$sx","sx","isHover","$isRipple","isRipple","children","style"],"mappings":"qNAQO,MAAMA,EAAcC,EAAOC,GAAA;;IAE9BC,EAAAA;;IAECC,GACDA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEwBF,GAAUA,EAAMG,MAAMC,WAAWC;;;4BAGhCL,GAAUA,EAAMG,MAAMG,QAAQC;;;IAGvDC;EAGSC,EAAoBZ,EAAOa,EAAAA,OAAOZ,IAAG;;IAE9CC,EAAAA;;IAECC,GACDA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEwBF,GAAUA,EAAMG,MAAMC,WAAWC;;;4BAGhCL,GAAUA,EAAMG,MAAMG,QAAQC;;;IAGvDC;gBCnCkCR,KAElCW,kBAAAA,IAACf,EAAA,CACCgB,IAAKZ,EAAMY,IACXC,QAASb,EAAMa,QACfC,OAAQd,EAAMc,OACdC,WAAYf,EAAMe,WAClBC,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB,+BAKqCtB,IAChD,MAAQuB,MAAAA,EAAAA,UAAOP,EAAAG,QAAWA,EAAAE,SAASA,EAAAR,QAAUA,EAAAC,OAASA,EAAAC,WAAQA,EAAAH,IAAYA,EAAAM,GAAKA,GAAOlB,EACtF,SACEW,kBAAAA,IAACF,EAAA,CACCG,MACAW,MAAAA,EACAV,UACAC,SACAC,aACAC,YACAC,IAAKC,EACLjB,SAAUkB,EACVC,UAAWC,KACPrB,EAEHsB,SAAAtB,EAAMsB"}
+{"version":3,"file":"component-5Utdcc2G.cjs","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { addSX } from '@local/styles/sx';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { addRipple } from '../ripple';\nimport { StyledStackProps } from '.';\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n","import { FC } from 'react';\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.';\n\nexport const Stack: FC<StackProps> = (props) => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  );\n};\n\nexport const StackMotion: FC<StackMotionProps> = (props) => {\n  const { style, className, isHover, isRipple, onClick, onDrop, onDragOver, ref, sx } = props;\n  return (\n    <StyledStackMotion\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className}\n      $sx={sx}\n      $isHover={isHover}\n      $isRipple={isRipple}\n      {...props}\n    >\n      {props.children}\n    </StyledStackMotion>\n  );\n};\n"],"names":["StyledStack","styled","div","addSX","props","$isHover","css","theme","transition","default","palette","black05","addRipple","StyledStackMotion","motion","jsx","ref","onClick","onDrop","onDragOver","className","$sx","sx","isHover","$isRipple","isRipple","children","style"],"mappings":"qNAQO,MAAMA,EAAcC,EAAOC,GAAA;;IAE9BC,EAAAA;;IAECC,GACDA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEwBF,GAAUA,EAAMG,MAAMC,WAAWC;;;4BAGhCL,GAAUA,EAAMG,MAAMG,QAAQC;;;IAGvDC;EAGSC,EAAoBZ,EAAOa,EAAAA,OAAOZ,IAAG;;IAE9CC,EAAAA;;IAECC,GACDA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEwBF,GAAUA,EAAMG,MAAMC,WAAWC;;;4BAGhCL,GAAUA,EAAMG,MAAMG,QAAQC;;;IAGvDC;gBCnCkCR,KAElCW,kBAAAA,IAACf,EAAA,CACCgB,IAAKZ,EAAMY,IACXC,QAASb,EAAMa,QACfC,OAAQd,EAAMc,OACdC,WAAYf,EAAMe,WAClBC,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB,+BAKqCtB,IAChD,MAAQuB,MAAAA,EAAAA,UAAOP,EAAAG,QAAWA,EAAAE,SAASA,EAAAR,QAAUA,EAAAC,OAASA,EAAAC,WAAQA,EAAAH,IAAYA,EAAAM,GAAKA,GAAOlB,EACtF,SACEW,kBAAAA,IAACF,EAAA,CACCG,MACAW,MAAAA,EACAV,UACAC,SACAC,aACAC,YACAC,IAAKC,EACLjB,SAAUkB,EACVC,UAAWC,KACPrB,EAEHsB,SAAAtB,EAAMsB"}

package/build/{component-BtgXUCiJ.js → component-B--Ljzf8.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { I as Icon, i as CheckboxWrapper, bp as KEY_SIZE_DATA, bl as ErrorMessage } from "./context.constants-C5Unln0I.js";
+import { I as Icon, k as CheckboxWrapper, bt as KEY_SIZE_DATA, bp as ErrorMessage } from "./context.constants-BVl2x1gR.js";
 import { useCallback, useMemo } from "react";
 import { useTheme } from "styled-components";
 import "./component.styles-B0L4jbOO.js";
@@ -82,4 +82,4 @@ const Checkbox = (props) => {
 export {
   Checkbox as C
 };
-//# sourceMappingURL=component-BtgXUCiJ.js.map
+//# sourceMappingURL=component-B--Ljzf8.js.map

package/build/{component-BtgXUCiJ.js.map → component-B--Ljzf8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BtgXUCiJ.js","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const handleOnClick = useCallback(\n    (checked: boolean) => {\n      props.onChange?.(checked);\n    },\n    [props.onChange],\n  );\n  const theme = useTheme();\n  const children = useMemo(\n    () => (\n      <>\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n        />\n        {props.children && props.children}\n      </>\n    ),\n    [props.checked, props.children, props.size, props.view],\n  );\n  const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n  return (\n    <>\n      <CheckboxWrapper\n        type='button'\n        $genre={props.genre}\n        $error={props.error}\n        $view={props.view}\n        $font={{\n          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        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["_a","jsxs","Fragment","jsx"],"mappings":";;;;;;AAUO,MAAM,WAA8B,CAAC,UAAU;;AACpD,QAAM,gBAAgB;AAAA,IACpB,CAAC,YAAqB;;AACpB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA,YAAiB;AAAA,IAAO;AAAA,IAE1B,CAAC,MAAM,QAAQ;AAAA,EAAA;AAEjB,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW;AAAA,IACf,MACEC,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,MAAAC,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAI,MAAM,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK;AAAA,UAClD,OAAO,MAAM,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK,OAAO,QAAQ,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAE1E,MAAM,YAAY,MAAM;AAAA,IAAA,GAC3B;AAAA,IAEF,CAAC,MAAM,SAAS,MAAM,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,EAAA;AAExD,QAAM,yDAAoB,MAAA,EAAK,MAAM,MAAM,MAAM,MAAK,WAAU,MAAK,OAAA,CAAO;AAE5E,SACEF,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAD,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAQ,MAAM;AAAA,QACd,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,OAAO;AAAA,UACL,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,UACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,UAC9B,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,UACzC,SAAQ,WAAM,SAAN,mBAAY;AAAA,QAAA;AAAA,QAEtB,UAAU,MAAM;AAAA,QAChB,kBAAkB,MAAM;AAAA,QACxB,OAAO,MAAM;AAAA,QACb,aAAa,MAAM;AAAA,QACnB,iBAAiB,MAAM;AAAA,QACvB,kBAAkB,MAAM;AAAA,QACxB,KAAK,MAAM;AAAA,QACX,eAAe,MAAM;AAAA,QACrB,oBAAoB,MAAM,cAAc,MAAM;AAAA,QAC9C,qBAAqB,MAAM;AAAA,QAC3B,aAAa,MAAM;AAAA,QACnB,UAAU,MAAM;AAAA,QAChB,UAAU;AAAA,QACV,SAAS,MAAM,CAAC,MAAM,cAAc,cAAc,CAAC,MAAM,OAAO;AAAA,QAEhE,UAAA;AAAA,UAAAE,kCAAAA,IAAC,QAAA,EAAO,OAAO,MAAM,OAAO,SAAS,MAAM,KAAK,EAAE,MAAM,MAAM,YAAY,MAAM,WAAA,CAAY;AAAA,UAC3F,MAAM,gBACL,MAAM,YACJ,mBAEA,WAGFF,kCAAAA,KAAAC,4BAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACA,MAAM,aAAa;AAAA,UAAA,EAAA,CACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAGH,+BAAO,SACNC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,OAAM,+BAAO,MAAM,SAAQ,MAAM;AAAA,QACjC,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,QAAA;AAAA,MAC3C;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"component-B--Ljzf8.js","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const handleOnClick = useCallback(\n    (checked: boolean) => {\n      props.onChange?.(checked);\n    },\n    [props.onChange],\n  );\n  const theme = useTheme();\n  const children = useMemo(\n    () => (\n      <>\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n        />\n        {props.children && props.children}\n      </>\n    ),\n    [props.checked, props.children, props.size, props.view],\n  );\n  const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n  return (\n    <>\n      <CheckboxWrapper\n        type='button'\n        $genre={props.genre}\n        $error={props.error}\n        $view={props.view}\n        $font={{\n          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        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["_a","jsxs","Fragment","jsx"],"mappings":";;;;;;AAUO,MAAM,WAA8B,CAAC,UAAU;;AACpD,QAAM,gBAAgB;AAAA,IACpB,CAAC,YAAqB;;AACpB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA,YAAiB;AAAA,IAAO;AAAA,IAE1B,CAAC,MAAM,QAAQ;AAAA,EAAA;AAEjB,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW;AAAA,IACf,MACEC,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,MAAAC,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAI,MAAM,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK;AAAA,UAClD,OAAO,MAAM,UAAU,MAAM,KAAK,OAAO,MAAM,KAAK,OAAO,QAAQ,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAE1E,MAAM,YAAY,MAAM;AAAA,IAAA,GAC3B;AAAA,IAEF,CAAC,MAAM,SAAS,MAAM,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,EAAA;AAExD,QAAM,yDAAoB,MAAA,EAAK,MAAM,MAAM,MAAM,MAAK,WAAU,MAAK,OAAA,CAAO;AAE5E,SACEF,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAD,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAQ,MAAM;AAAA,QACd,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,OAAO;AAAA,UACL,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,UACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,UAC9B,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,UACzC,SAAQ,WAAM,SAAN,mBAAY;AAAA,QAAA;AAAA,QAEtB,UAAU,MAAM;AAAA,QAChB,kBAAkB,MAAM;AAAA,QACxB,OAAO,MAAM;AAAA,QACb,aAAa,MAAM;AAAA,QACnB,iBAAiB,MAAM;AAAA,QACvB,kBAAkB,MAAM;AAAA,QACxB,KAAK,MAAM;AAAA,QACX,eAAe,MAAM;AAAA,QACrB,oBAAoB,MAAM,cAAc,MAAM;AAAA,QAC9C,qBAAqB,MAAM;AAAA,QAC3B,aAAa,MAAM;AAAA,QACnB,UAAU,MAAM;AAAA,QAChB,UAAU;AAAA,QACV,SAAS,MAAM,CAAC,MAAM,cAAc,cAAc,CAAC,MAAM,OAAO;AAAA,QAEhE,UAAA;AAAA,UAAAE,kCAAAA,IAAC,QAAA,EAAO,OAAO,MAAM,OAAO,SAAS,MAAM,KAAK,EAAE,MAAM,MAAM,YAAY,MAAM,WAAA,CAAY;AAAA,UAC3F,MAAM,gBACL,MAAM,YACJ,mBAEA,WAGFF,kCAAAA,KAAAC,4BAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACA,MAAM,aAAa;AAAA,UAAA,EAAA,CACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAGH,+BAAO,SACNC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,OAAM,+BAAO,MAAM,SAAQ,MAAM;AAAA,QACjC,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,QAAA;AAAA,MAC3C;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;"}

package/build/{component-BLa80fGE.cjs → component-Bq9jd15r.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.constants-DSfxf3ST.cjs"),n=require("react"),r=require("./component-DP42Uzl2.cjs");exports.InputOTP=l=>{var o;const[s,u]=n.useState(new Array(l.length).fill("")),c=n.useRef([]),i=n.useRef(null),a=n.useCallback((e,t)=>{t.preventDefault();const n=t.clipboardData.getData("Text").replace(/\D/g,"").split("");n.length&&u(t=>{var r,o;const s=[...t];let u=e;for(let e=0;e<n.length&&u<s.length;e++)s[u]=n[e],u++;const i=s.join("");return null==(r=l.onChange)||r.call(l,i),s.every(e=>""!==e)&&(null==(o=l.onComplete)||o.call(l,i)),setTimeout(()=>{var e,t;const n=s.findIndex(e=>""===e);-1!==n?null==(e=c.current[n])||e.focus():u<s.length&&(null==(t=c.current[u])||t.focus())},0),s})},[l]),g=n.useCallback((e,t)=>{/^\d*$/.test(t)&&u(n=>{var r;const o=[...n];return o[e]=t.slice(-1),l.onChange&&l.onChange(o.join("")),o.every(e=>""!==e)&&(null==(r=l.onComplete)||r.call(l,o.join(""))),t&&e<n.length-1&&setTimeout(()=>{var t;null==(t=c.current[e+1])||t.focus()},0),o})},[l]),m=n.useCallback(e=>{setTimeout(()=>e.target.setSelectionRange(0,e.target.value.length),0)},[]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.InputOTPWrapper,{$error:l.error,$size:l.size,id:l.id,ref:i,onBlur:e=>{setTimeout(()=>{var t;i.current&&!i.current.contains(document.activeElement)&&(null==(t=l.onBlur)||t.call(l,e))},0)},onFocus:e=>{setTimeout(()=>{var t,n;(null==(t=i.current)?void 0:t.contains(document.activeElement))&&(null==(n=l.onFocus)||n.call(l,e))},0)},$sx:l.sx,children:s.map((t,n)=>e.jsxRuntimeExports.jsx(r.Input,{isWidthAsHeight:!0,tabIndex:n+1,ref:e=>{c.current[n]=e},variety:"standard",type:"text",inputMode:"numeric",maxLength:1,value:t,onFocus:m,onPaste:e=>a(n,e),onChange:e=>g(n,e),onKeyDown:e=>((e,t)=>{const n=c.current[e];if(n){if("ArrowRight"===t.key){const t=e<s.length-1?e+1:0,n=c.current[t];n&&(n.focus(),setTimeout(()=>n.setSelectionRange(0,n.value.length),0))}if("ArrowLeft"===t.key){const t=e>0?e-1:s.length-1,n=c.current[t];n&&(n.focus(),setTimeout(()=>n.setSelectionRange(0,n.value.length),0))}"Backspace"===t.key&&(n.value?setTimeout(()=>n.setSelectionRange(0,n.value.length),0):e>0&&setTimeout(()=>{const t=c.current[e-1];t&&(t.focus(),t.setSelectionRange(0,t.value.length))},0))}})(n,e),genre:l.genre,size:l.size,font:l.font},n))}),(null==l?void 0:l.error)?e.jsxRuntimeExports.jsx(t.ErrorMessage,{...l.error,size:(null==l?void 0:l.error.size)??l.size,font:{size:12,weight:400,family:null==(o=l.font)?void 0:o.family}}):null]})};
-//# sourceMappingURL=component-BLa80fGE.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.constants-YhrMPIvq.cjs"),n=require("react"),r=require("./component-iyi7lqrB.cjs");exports.InputOTP=l=>{var o;const[s,u]=n.useState(new Array(l.length).fill("")),c=n.useRef([]),i=n.useRef(null),a=n.useCallback((e,t)=>{t.preventDefault();const n=t.clipboardData.getData("Text").replace(/\D/g,"").split("");n.length&&u(t=>{var r,o;const s=[...t];let u=e;for(let e=0;e<n.length&&u<s.length;e++)s[u]=n[e],u++;const i=s.join("");return null==(r=l.onChange)||r.call(l,i),s.every(e=>""!==e)&&(null==(o=l.onComplete)||o.call(l,i)),setTimeout(()=>{var e,t;const n=s.findIndex(e=>""===e);-1!==n?null==(e=c.current[n])||e.focus():u<s.length&&(null==(t=c.current[u])||t.focus())},0),s})},[l]),g=n.useCallback((e,t)=>{/^\d*$/.test(t)&&u(n=>{var r;const o=[...n];return o[e]=t.slice(-1),l.onChange&&l.onChange(o.join("")),o.every(e=>""!==e)&&(null==(r=l.onComplete)||r.call(l,o.join(""))),t&&e<n.length-1&&setTimeout(()=>{var t;null==(t=c.current[e+1])||t.focus()},0),o})},[l]),m=n.useCallback(e=>{setTimeout(()=>e.target.setSelectionRange(0,e.target.value.length),0)},[]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.InputOTPWrapper,{$error:l.error,$size:l.size,id:l.id,ref:i,onBlur:e=>{setTimeout(()=>{var t;i.current&&!i.current.contains(document.activeElement)&&(null==(t=l.onBlur)||t.call(l,e))},0)},onFocus:e=>{setTimeout(()=>{var t,n;(null==(t=i.current)?void 0:t.contains(document.activeElement))&&(null==(n=l.onFocus)||n.call(l,e))},0)},$sx:l.sx,children:s.map((t,n)=>e.jsxRuntimeExports.jsx(r.Input,{isWidthAsHeight:!0,tabIndex:n+1,ref:e=>{c.current[n]=e},variety:"standard",type:"text",inputMode:"numeric",maxLength:1,value:t,onFocus:m,onPaste:e=>a(n,e),onChange:e=>g(n,e),onKeyDown:e=>((e,t)=>{const n=c.current[e];if(n){if("ArrowRight"===t.key){const t=e<s.length-1?e+1:0,n=c.current[t];n&&(n.focus(),setTimeout(()=>n.setSelectionRange(0,n.value.length),0))}if("ArrowLeft"===t.key){const t=e>0?e-1:s.length-1,n=c.current[t];n&&(n.focus(),setTimeout(()=>n.setSelectionRange(0,n.value.length),0))}"Backspace"===t.key&&(n.value?setTimeout(()=>n.setSelectionRange(0,n.value.length),0):e>0&&setTimeout(()=>{const t=c.current[e-1];t&&(t.focus(),t.setSelectionRange(0,t.value.length))},0))}})(n,e),genre:l.genre,size:l.size,font:l.font},n))}),(null==l?void 0:l.error)?e.jsxRuntimeExports.jsx(t.ErrorMessage,{...l.error,size:(null==l?void 0:l.error.size)??l.size,font:{size:12,weight:400,family:null==(o=l.font)?void 0:o.family}}):null]})};
+//# sourceMappingURL=component-Bq9jd15r.cjs.map

package/build/{component-BLa80fGE.cjs.map → component-Bq9jd15r.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BLa80fGE.cjs","sources":["../src/components/input-otp/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { ClipboardEvent, FocusEvent, KeyboardEvent, useCallback, useRef, useState } from 'react';\n\nimport { Input } from '../input';\nimport { InputOTPProps, InputOTPWrapper } from '.';\n\nexport const InputOTP = (props: InputOTPProps) => {\n  const [otp, setOtp] = useState<string[]>(new Array(props.length).fill(''));\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePaste = useCallback(\n    (index: number, e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      const pasteData = e.clipboardData.getData('Text');\n      const digits = pasteData.replace(/\\D/g, '').split('');\n\n      if (!digits.length) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        let currentIndex = index;\n\n        for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {\n          newOtp[currentIndex] = digits[i];\n          currentIndex++;\n        }\n\n        const joined = newOtp.join('');\n\n        props.onChange?.(joined);\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(joined);\n        }\n\n        setTimeout(() => {\n          const firstEmpty = newOtp.findIndex((char) => char === '');\n          if (firstEmpty !== -1) {\n            inputsRef.current[firstEmpty]?.focus();\n          } else if (currentIndex < newOtp.length) {\n            inputsRef.current[currentIndex]?.focus();\n          }\n        }, 0);\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleChange = useCallback(\n    (index: number, value: string) => {\n      if (!/^\\d*$/.test(value)) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        newOtp[index] = value.slice(-1);\n\n        if (props.onChange) {\n          props.onChange(newOtp.join(''));\n        }\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(newOtp.join(''));\n        }\n\n        if (value && index < prevOtp.length - 1) {\n          setTimeout(() => {\n            inputsRef.current[index + 1]?.focus();\n          }, 0);\n        }\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    const input = inputsRef.current[index];\n\n    if (!input) return;\n\n    if (e.key === 'ArrowRight') {\n      const nextIndex = index < otp.length - 1 ? index + 1 : 0;\n      const nextInput = inputsRef.current[nextIndex];\n\n      if (nextInput) {\n        nextInput.focus();\n        setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'ArrowLeft') {\n      const prevIndex = index > 0 ? index - 1 : otp.length - 1;\n      const prevInput = inputsRef.current[prevIndex];\n\n      if (prevInput) {\n        prevInput.focus();\n        setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value) {\n        setTimeout(() => input.setSelectionRange(0, input.value.length), 0);\n      } else if (index > 0) {\n        setTimeout(() => {\n          const prevInput = inputsRef.current[index - 1];\n          if (prevInput) {\n            prevInput.focus();\n            prevInput.setSelectionRange(0, prevInput.value.length);\n          }\n        }, 0);\n      }\n    }\n  };\n\n  const handleFocusInput = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0);\n  }, []);\n  return (\n    <>\n      <InputOTPWrapper\n        $error={props.error}\n        $size={props.size}\n        id={props.id}\n        ref={wrapperRef}\n        onBlur={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {\n              props.onBlur?.(e);\n            }\n          }, 0);\n        }}\n        onFocus={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current?.contains(document.activeElement)) {\n              props.onFocus?.(e);\n            }\n          }, 0);\n        }}\n        $sx={props.sx}\n      >\n        {otp.map((digit, index) => (\n          <Input\n            isWidthAsHeight\n            key={index}\n            tabIndex={index + 1}\n            ref={(el) => {\n              inputsRef.current[index] = el;\n            }}\n            variety='standard'\n            type='text'\n            inputMode='numeric'\n            maxLength={1}\n            value={digit}\n            onFocus={handleFocusInput}\n            onPaste={(e) => handlePaste(index, e)}\n            onChange={(value) => handleChange(index, value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            genre={props.genre}\n            size={props.size}\n            font={props.font}\n          />\n        ))}\n      </InputOTPWrapper>\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,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["props","otp","setOtp","useState","Array","length","fill","inputsRef","useRef","wrapperRef","handlePaste","useCallback","index","e","preventDefault","digits","clipboardData","getData","replace","split","prevOtp","newOtp","currentIndex","i","joined","join","_a","onChange","call","every","char","_b","onComplete","setTimeout","firstEmpty","findIndex","current","focus","handleChange","value","test","slice","handleFocusInput","target","setSelectionRange","jsxs","Fragment","children","jsx","InputOTPWrapper","$error","error","$size","size","id","ref","onBlur","contains","document","activeElement","onFocus","$sx","sx","map","digit","Input","isWidthAsHeight","tabIndex","el","variety","type","inputMode","maxLength","onPaste","onKeyDown","input","key","nextIndex","nextInput","prevIndex","prevInput","handleKeyDown","genre","font","ErrorMessage","weight","family"],"mappings":"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"}
+{"version":3,"file":"component-Bq9jd15r.cjs","sources":["../src/components/input-otp/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { ClipboardEvent, FocusEvent, KeyboardEvent, useCallback, useRef, useState } from 'react';\n\nimport { Input } from '../input';\nimport { InputOTPProps, InputOTPWrapper } from '.';\n\nexport const InputOTP = (props: InputOTPProps) => {\n  const [otp, setOtp] = useState<string[]>(new Array(props.length).fill(''));\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePaste = useCallback(\n    (index: number, e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      const pasteData = e.clipboardData.getData('Text');\n      const digits = pasteData.replace(/\\D/g, '').split('');\n\n      if (!digits.length) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        let currentIndex = index;\n\n        for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {\n          newOtp[currentIndex] = digits[i];\n          currentIndex++;\n        }\n\n        const joined = newOtp.join('');\n\n        props.onChange?.(joined);\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(joined);\n        }\n\n        setTimeout(() => {\n          const firstEmpty = newOtp.findIndex((char) => char === '');\n          if (firstEmpty !== -1) {\n            inputsRef.current[firstEmpty]?.focus();\n          } else if (currentIndex < newOtp.length) {\n            inputsRef.current[currentIndex]?.focus();\n          }\n        }, 0);\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleChange = useCallback(\n    (index: number, value: string) => {\n      if (!/^\\d*$/.test(value)) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        newOtp[index] = value.slice(-1);\n\n        if (props.onChange) {\n          props.onChange(newOtp.join(''));\n        }\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(newOtp.join(''));\n        }\n\n        if (value && index < prevOtp.length - 1) {\n          setTimeout(() => {\n            inputsRef.current[index + 1]?.focus();\n          }, 0);\n        }\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    const input = inputsRef.current[index];\n\n    if (!input) return;\n\n    if (e.key === 'ArrowRight') {\n      const nextIndex = index < otp.length - 1 ? index + 1 : 0;\n      const nextInput = inputsRef.current[nextIndex];\n\n      if (nextInput) {\n        nextInput.focus();\n        setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'ArrowLeft') {\n      const prevIndex = index > 0 ? index - 1 : otp.length - 1;\n      const prevInput = inputsRef.current[prevIndex];\n\n      if (prevInput) {\n        prevInput.focus();\n        setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value) {\n        setTimeout(() => input.setSelectionRange(0, input.value.length), 0);\n      } else if (index > 0) {\n        setTimeout(() => {\n          const prevInput = inputsRef.current[index - 1];\n          if (prevInput) {\n            prevInput.focus();\n            prevInput.setSelectionRange(0, prevInput.value.length);\n          }\n        }, 0);\n      }\n    }\n  };\n\n  const handleFocusInput = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0);\n  }, []);\n  return (\n    <>\n      <InputOTPWrapper\n        $error={props.error}\n        $size={props.size}\n        id={props.id}\n        ref={wrapperRef}\n        onBlur={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {\n              props.onBlur?.(e);\n            }\n          }, 0);\n        }}\n        onFocus={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current?.contains(document.activeElement)) {\n              props.onFocus?.(e);\n            }\n          }, 0);\n        }}\n        $sx={props.sx}\n      >\n        {otp.map((digit, index) => (\n          <Input\n            isWidthAsHeight\n            key={index}\n            tabIndex={index + 1}\n            ref={(el) => {\n              inputsRef.current[index] = el;\n            }}\n            variety='standard'\n            type='text'\n            inputMode='numeric'\n            maxLength={1}\n            value={digit}\n            onFocus={handleFocusInput}\n            onPaste={(e) => handlePaste(index, e)}\n            onChange={(value) => handleChange(index, value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            genre={props.genre}\n            size={props.size}\n            font={props.font}\n          />\n        ))}\n      </InputOTPWrapper>\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,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["props","otp","setOtp","useState","Array","length","fill","inputsRef","useRef","wrapperRef","handlePaste","useCallback","index","e","preventDefault","digits","clipboardData","getData","replace","split","prevOtp","newOtp","currentIndex","i","joined","join","_a","onChange","call","every","char","_b","onComplete","setTimeout","firstEmpty","findIndex","current","focus","handleChange","value","test","slice","handleFocusInput","target","setSelectionRange","jsxs","Fragment","children","jsx","InputOTPWrapper","$error","error","$size","size","id","ref","onBlur","contains","document","activeElement","onFocus","$sx","sx","map","digit","Input","isWidthAsHeight","tabIndex","el","variety","type","inputMode","maxLength","onPaste","onKeyDown","input","key","nextIndex","nextInput","prevIndex","prevInput","handleKeyDown","genre","font","ErrorMessage","weight","family"],"mappings":"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"}

package/build/{component-DDVjxLvn.js → component-C3BrgaVs.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { C as Checkbox } from "./component-BtgXUCiJ.js";
-import { l as CheckboxGroupWrapper, bp as KEY_SIZE_DATA, m as CheckboxGroupItem, n as CheckboxGroupLabel, o as CheckboxChildren } from "./context.constants-C5Unln0I.js";
+import { C as Checkbox } from "./component-B--Ljzf8.js";
+import { n as CheckboxGroupWrapper, bt as KEY_SIZE_DATA, o as CheckboxGroupItem, p as CheckboxGroupLabel, q as CheckboxChildren } from "./context.constants-BVl2x1gR.js";
 import { useCallback } from "react";
 import { useTheme } from "styled-components";
 const CheckboxGroup = (props) => {
@@ -58,4 +58,4 @@ const CheckboxGroup = (props) => {
 export {
   CheckboxGroup as C
 };
-//# sourceMappingURL=component-DDVjxLvn.js.map
+//# sourceMappingURL=component-C3BrgaVs.js.map

package/build/{component-DDVjxLvn.js.map → component-C3BrgaVs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DDVjxLvn.js","sources":["../src/components/checkbox-group/component.tsx"],"sourcesContent":["import { Checkbox } from '@local/components/checkbox';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { ReactNode, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  CheckboxChildren,\n  CheckboxGroupItem,\n  CheckboxGroupLabel,\n  CheckboxGroupProps,\n  CheckboxGroupWrapper,\n  ICheckboxValue,\n} from '.';\n\nexport const CheckboxGroup = <T extends ICheckboxValue>(props: CheckboxGroupProps<T>) => {\n  const createMarkup = (html: string) => ({ __html: html });\n\n  const handleCheckboxChange = useCallback(\n    (item: T) => {\n      const isSelected = props.value.some((selectedItem) => selectedItem[props.valueField] === item[props.valueField]);\n\n      const updatedSelectedItems = isSelected\n        ? props.value.filter((selectedItem) => selectedItem[props.valueField] !== item[props.valueField])\n        : props.multiple\n          ? [...props.value, item]\n          : [item];\n      if (props.onChange) props.onChange(updatedSelectedItems);\n    },\n    [props],\n  );\n\n  const theme = useTheme();\n  return (\n    <CheckboxGroupWrapper\n      className={props.className}\n      $sx={props.sx}\n      $size={props.size}\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    >\n      {props.options.map((e, index) => {\n        const isChecked = props.value.some((selectedItem) => selectedItem[props.valueField] === e[props.valueField]);\n        return (\n          <CheckboxGroupItem key={index} onClick={() => !props.isClickOnlyIcon && handleCheckboxChange(e)}>\n            <Checkbox\n              genre={props.checkboxGenre}\n              isHiddenBorder={props.checkboxIsHiddenBorder}\n              view={props.checkBoxView}\n              sx={props.checkboxSX}\n              size={props.size}\n              checked={isChecked}\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            >\n              {props.labelField && e?.[props.labelField] !== undefined && (\n                <CheckboxGroupLabel dangerouslySetInnerHTML={createMarkup(e[props.labelField] as string)} />\n              )}\n            </Checkbox>\n            {props.childrenField && e?.[props.childrenField] !== undefined && (\n              <CheckboxChildren>{e[props.childrenField] as ReactNode}</CheckboxChildren>\n            )}\n          </CheckboxGroupItem>\n        );\n      })}\n    </CheckboxGroupWrapper>\n  );\n};\n"],"names":["jsx","jsxs","_a","_b","_c","_d"],"mappings":";;;;;AAeO,MAAM,gBAAgB,CAA2B,UAAiC;;AACvF,QAAM,eAAe,CAAC,UAAkB,EAAE,QAAQ,KAAA;AAElD,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAY;AACX,YAAM,aAAa,MAAM,MAAM,KAAK,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC;AAE/G,YAAM,uBAAuB,aACzB,MAAM,MAAM,OAAO,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC,IAC9F,MAAM,WACJ,CAAC,GAAG,MAAM,OAAO,IAAI,IACrB,CAAC,IAAI;AACX,UAAI,MAAM,SAAU,OAAM,SAAS,oBAAoB;AAAA,IAAA;AAAA,IAEzD,CAAC,KAAK;AAAA,EAAA;AAGR,QAAM,QAAQ,SAAA;AACd,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,OAAO,MAAM;AAAA,MACb,OAAO;AAAA,QACL,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,QACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,QAC9B,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,QACzC,SAAQ,WAAM,SAAN,mBAAY;AAAA,MAAA;AAAA,MAGrB,UAAA,MAAM,QAAQ,IAAI,CAAC,GAAG,UAAU;;AAC/B,cAAM,YAAY,MAAM,MAAM,KAAK,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,EAAE,MAAM,UAAU,CAAC;AAC3G,eACEC,uCAAC,qBAA8B,SAAS,MAAM,CAAC,MAAM,mBAAmB,qBAAqB,CAAC,GAC5F,UAAA;AAAA,UAAAD,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,gBAAgB,MAAM;AAAA,cACtB,MAAM,MAAM;AAAA,cACZ,IAAI,MAAM;AAAA,cACV,MAAM,MAAM;AAAA,cACZ,SAAS;AAAA,cACT,MAAM;AAAA,gBACJ,QAAME,MAAA,MAAM,SAAN,gBAAAA,IAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,gBACpD,UAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY,WAAU;AAAA,gBAC9B,UAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY,WAAU,MAAM,KAAK;AAAA,gBACzC,SAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY;AAAA,cAAA;AAAA,cAGrB,UAAA,MAAM,eAAc,uBAAI,MAAM,iBAAgB,UAC7CL,kCAAAA,IAAC,oBAAA,EAAmB,yBAAyB,aAAa,EAAE,MAAM,UAAU,CAAW,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAG7F,MAAM,kBAAiB,uBAAI,MAAM,oBAAmB,UACnDA,sCAAC,kBAAA,EAAkB,UAAA,EAAE,MAAM,aAAa,EAAA,CAAe;AAAA,QAAA,EAAA,GApBnC,KAsBxB;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"component-C3BrgaVs.js","sources":["../src/components/checkbox-group/component.tsx"],"sourcesContent":["import { Checkbox } from '@local/components/checkbox';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { ReactNode, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  CheckboxChildren,\n  CheckboxGroupItem,\n  CheckboxGroupLabel,\n  CheckboxGroupProps,\n  CheckboxGroupWrapper,\n  ICheckboxValue,\n} from '.';\n\nexport const CheckboxGroup = <T extends ICheckboxValue>(props: CheckboxGroupProps<T>) => {\n  const createMarkup = (html: string) => ({ __html: html });\n\n  const handleCheckboxChange = useCallback(\n    (item: T) => {\n      const isSelected = props.value.some((selectedItem) => selectedItem[props.valueField] === item[props.valueField]);\n\n      const updatedSelectedItems = isSelected\n        ? props.value.filter((selectedItem) => selectedItem[props.valueField] !== item[props.valueField])\n        : props.multiple\n          ? [...props.value, item]\n          : [item];\n      if (props.onChange) props.onChange(updatedSelectedItems);\n    },\n    [props],\n  );\n\n  const theme = useTheme();\n  return (\n    <CheckboxGroupWrapper\n      className={props.className}\n      $sx={props.sx}\n      $size={props.size}\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    >\n      {props.options.map((e, index) => {\n        const isChecked = props.value.some((selectedItem) => selectedItem[props.valueField] === e[props.valueField]);\n        return (\n          <CheckboxGroupItem key={index} onClick={() => !props.isClickOnlyIcon && handleCheckboxChange(e)}>\n            <Checkbox\n              genre={props.checkboxGenre}\n              isHiddenBorder={props.checkboxIsHiddenBorder}\n              view={props.checkBoxView}\n              sx={props.checkboxSX}\n              size={props.size}\n              checked={isChecked}\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            >\n              {props.labelField && e?.[props.labelField] !== undefined && (\n                <CheckboxGroupLabel dangerouslySetInnerHTML={createMarkup(e[props.labelField] as string)} />\n              )}\n            </Checkbox>\n            {props.childrenField && e?.[props.childrenField] !== undefined && (\n              <CheckboxChildren>{e[props.childrenField] as ReactNode}</CheckboxChildren>\n            )}\n          </CheckboxGroupItem>\n        );\n      })}\n    </CheckboxGroupWrapper>\n  );\n};\n"],"names":["jsx","jsxs","_a","_b","_c","_d"],"mappings":";;;;;AAeO,MAAM,gBAAgB,CAA2B,UAAiC;;AACvF,QAAM,eAAe,CAAC,UAAkB,EAAE,QAAQ,KAAA;AAElD,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAY;AACX,YAAM,aAAa,MAAM,MAAM,KAAK,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC;AAE/G,YAAM,uBAAuB,aACzB,MAAM,MAAM,OAAO,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC,IAC9F,MAAM,WACJ,CAAC,GAAG,MAAM,OAAO,IAAI,IACrB,CAAC,IAAI;AACX,UAAI,MAAM,SAAU,OAAM,SAAS,oBAAoB;AAAA,IAAA;AAAA,IAEzD,CAAC,KAAK;AAAA,EAAA;AAGR,QAAM,QAAQ,SAAA;AACd,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,OAAO,MAAM;AAAA,MACb,OAAO;AAAA,QACL,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,QACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,QAC9B,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,QACzC,SAAQ,WAAM,SAAN,mBAAY;AAAA,MAAA;AAAA,MAGrB,UAAA,MAAM,QAAQ,IAAI,CAAC,GAAG,UAAU;;AAC/B,cAAM,YAAY,MAAM,MAAM,KAAK,CAAC,iBAAiB,aAAa,MAAM,UAAU,MAAM,EAAE,MAAM,UAAU,CAAC;AAC3G,eACEC,uCAAC,qBAA8B,SAAS,MAAM,CAAC,MAAM,mBAAmB,qBAAqB,CAAC,GAC5F,UAAA;AAAA,UAAAD,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,gBAAgB,MAAM;AAAA,cACtB,MAAM,MAAM;AAAA,cACZ,IAAI,MAAM;AAAA,cACV,MAAM,MAAM;AAAA,cACZ,SAAS;AAAA,cACT,MAAM;AAAA,gBACJ,QAAME,MAAA,MAAM,SAAN,gBAAAA,IAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,gBACpD,UAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY,WAAU;AAAA,gBAC9B,UAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY,WAAU,MAAM,KAAK;AAAA,gBACzC,SAAQC,MAAA,MAAM,SAAN,gBAAAA,IAAY;AAAA,cAAA;AAAA,cAGrB,UAAA,MAAM,eAAc,uBAAI,MAAM,iBAAgB,UAC7CL,kCAAAA,IAAC,oBAAA,EAAmB,yBAAyB,aAAa,EAAE,MAAM,UAAU,CAAW,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAG7F,MAAM,kBAAiB,uBAAI,MAAM,oBAAmB,UACnDA,sCAAC,kBAAA,EAAkB,UAAA,EAAE,MAAM,aAAa,EAAA,CAAe;AAAA,QAAA,EAAA,GApBnC,KAsBxB;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/build/{component-CHmCK6Bc.js → component-C7SV3z2B.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { f as ButtonGroupWrapper, B as Button } from "./context.constants-C5Unln0I.js";
+import { h as ButtonGroupWrapper, B as Button } from "./context.constants-BVl2x1gR.js";
 const ButtonGroup = (props) => {
   var _a;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonGroupWrapper, { $sx: props.sx, $position: props.position, className: props.className, id: "jenesei-button-group", children: (_a = props.value) == null ? void 0 : _a.map((button, id) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { id: "jenesei-button", ...button }, id)) });
@@ -7,4 +7,4 @@ const ButtonGroup = (props) => {
 export {
   ButtonGroup as B
 };
-//# sourceMappingURL=component-CHmCK6Bc.js.map
+//# sourceMappingURL=component-C7SV3z2B.js.map

package/build/{component-CHmCK6Bc.js.map → component-C7SV3z2B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CHmCK6Bc.js","sources":["../src/components/button-group/component.tsx"],"sourcesContent":["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":["jsx"],"mappings":";;AAMO,MAAM,cAAoC,CAAC,UAAU;;AAC1D,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OACzBA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAClD,CACH;AAEJ;"}
+{"version":3,"file":"component-C7SV3z2B.js","sources":["../src/components/button-group/component.tsx"],"sourcesContent":["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":["jsx"],"mappings":";;AAMO,MAAM,cAAoC,CAAC,UAAU;;AAC1D,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OACzBA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAClD,CACH;AAEJ;"}

package/build/{component-BX7rFpno.js → component-C9TJVTRc.js}

@@ -1,13 +1,12 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from "./consts.es.js";
-import { u as useImageCrop } from "./use-7TZR9yNq.js";
-import { bp as KEY_SIZE_DATA, aN as Typography, B as Button, N as ImageSelectWrapper, O as ImageSelectListWrapper, bl as ErrorMessage } from "./context.constants-C5Unln0I.js";
-import { I as Image } from "./component-C56biWpi.js";
-import "./component.styles-eaocqYbA.js";
-import { b as Stack } from "./component-mzzOCXSx.js";
+import { u as useImageCrop } from "./use-BI2JJFUm.js";
+import { bt as KEY_SIZE_DATA, aR as Typography, B as Button, T as ImageSelectWrapper, U as ImageSelectListWrapper, bp as ErrorMessage } from "./context.constants-BVl2x1gR.js";
+import { I as Image } from "./component-HpOulBAQ.js";
+import { b as Stack } from "./component-DEZX8aBs.js";
 import { useTheme } from "styled-components";
-import "./context.constants-CaDW-QGJ.js";
-import { a as useDialog } from "./context.hooks-Bj9FlQEC.js";
+import "./context.constants-D-s5XvZX.js";
+import { a as useDialog } from "./context.hooks-fo2TeZoK.js";
 import { useMemo, useCallback, useState, useRef, useEffect } from "react";
 import { motion } from "framer-motion";
 const useImageView = (props) => {
@@ -430,4 +429,4 @@ const ImageSelect = (props) => {
 export {
   ImageSelect as I
 };
-//# sourceMappingURL=component-BX7rFpno.js.map
+//# sourceMappingURL=component-C9TJVTRc.js.map