@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/area-scroll.d.ts

@@ -1,57 +0,0 @@
-import { Component } from 'react';
-import { CSSObject } from 'styled-components';
-import { DefaultTheme } from 'styled-components';
-import { DragEvent as DragEvent_2 } from 'react';
-import { DragEventHandler } from 'react';
-import { FC } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type DefaultScrollProps = {
-    vertical?: boolean;
-    horizontal?: boolean;
-    isAlwaysVertical?: boolean;
-    isAlwaysHorizontal?: boolean;
-};
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-export declare const Scroll: FC<ScrollProps>;
-
-export declare type ScrollProps = StackProps & DefaultScrollProps;
-
-declare interface StackProps extends addSXProps, PropsWithChildren {
-    className?: string;
-    isHover?: boolean;
-    isRipple?: boolean;
-    onClick?: () => void;
-    onDragOver?: DragEventHandler<HTMLDivElement>;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
-    ref?: Ref<HTMLDivElement | null>;
-}
-
-export declare const StyledScroll: IStyledComponentBase<"web", Substitute<StackProps, StyledScrollProps>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
-
-export declare type StyledScrollProps = StackProps & AddDollarSign<DefaultScrollProps>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export { }

package/build/area-scroll.es.js

@@ -1,7 +0,0 @@
-import { S } from "./area.styles-DhCCEhuq.js";
-import { S as S2 } from "./area-B7-4IFQB.js";
-export {
-  S2 as Scroll,
-  S as StyledScroll
-};
-//# sourceMappingURL=area-scroll.es.js.map

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

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

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

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

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

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

package/build/area-smooth.cjs.js

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

package/build/area-smooth.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-smooth.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/area-smooth.d.ts

@@ -1,37 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { DefaultTheme } from 'styled-components';
-import { DragEvent as DragEvent_2 } from 'react';
-import { DragEventHandler } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-export declare const Smooth: FC<StackProps>;
-
-declare interface StackProps extends addSXProps, PropsWithChildren {
-    className?: string;
-    isHover?: boolean;
-    isRipple?: boolean;
-    onClick?: () => void;
-    onDragOver?: DragEventHandler<HTMLDivElement>;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
-    ref?: Ref<HTMLDivElement | null>;
-}
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export { }

package/build/area-smooth.es.js

@@ -1,5 +0,0 @@
-import { S } from "./component-BMIqhbpK.js";
-export {
-  S as Smooth
-};
-//# sourceMappingURL=area-smooth.es.js.map

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

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

package/build/area.hooks-Bk04M7mk.js

@@ -1,26 +0,0 @@
-import { useEffect } from "react";
-const useRemovePreviewLoader = () => {
-  useEffect(() => {
-    const loader = document.querySelector(".preview-wrapper");
-    const handleDomReady = () => {
-      if (loader) {
-        loader.style.opacity = "0";
-        setTimeout(() => {
-          loader.remove();
-        }, 500);
-      }
-    };
-    if (document.readyState === "complete") {
-      handleDomReady();
-    } else {
-      window.addEventListener("load", handleDomReady);
-    }
-    return () => {
-      window.removeEventListener("load", handleDomReady);
-    };
-  }, []);
-};
-export {
-  useRemovePreviewLoader as u
-};
-//# sourceMappingURL=area.hooks-Bk04M7mk.js.map

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

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

package/build/area.hooks-C_UKZzcb.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react");exports.useRemovePreviewLoader=()=>{e.useEffect(()=>{const e=document.querySelector(".preview-wrapper"),t=()=>{e&&(e.style.opacity="0",setTimeout(()=>{e.remove()},500))};return"complete"===document.readyState?t():window.addEventListener("load",t),()=>{window.removeEventListener("load",t)}},[])};
-//# sourceMappingURL=area.hooks-C_UKZzcb.cjs.map

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

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

package/build/area.styles-Cpx4H0gc.cjs

@@ -1,27 +0,0 @@
-"use strict";const l=require("./component-CoOTSdM5.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-Cpx4H0gc.cjs.map

package/build/area.styles-Cpx4H0gc.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.styles-Cpx4H0gc.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/area.styles-DhCCEhuq.js

@@ -1,32 +0,0 @@
-import { b as Stack } from "./component-gcvwlILJ.js";
-import styled, { css } from "styled-components";
-const StyledScroll = styled(Stack)`
-  overflow-x: hidden;
-  overflow-y: hidden;
-
-  ${(props) => css`
-    ${props.$horizontal && css`
-      scrollbar-gutter: stable;
-      overflow-x: auto;
-    `}
-
-    ${props.$vertical && css`
-      scrollbar-gutter: stable;
-      overflow-y: auto;
-    `}
-
-    ${props.$isAlwaysHorizontal && css`
-      scrollbar-gutter: stable;
-      overflow-x: scroll;
-    `}
-
-    ${props.$isAlwaysVertical && css`
-      scrollbar-gutter: stable;
-      overflow-y: scroll;
-    `}
-  `}
-`;
-export {
-  StyledScroll as S
-};
-//# sourceMappingURL=area.styles-DhCCEhuq.js.map

package/build/area.styles-DhCCEhuq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.styles-DhCCEhuq.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/component-B0PbrKuJ.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),t=require("./context.constants-gXk1ewxx.cjs"),n=require("react"),r=require("./component-buGvmEo6.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-B0PbrKuJ.cjs.map

package/build/component-B0PbrKuJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-B0PbrKuJ.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-BBrKC5hB.js

@@ -1,84 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { I as Icon, k as CheckboxWrapper, bo as KEY_SIZE_DATA, bk as ErrorMessage } from "./context.constants-D0UjboYX.js";
-import { useCallback, useMemo } from "react";
-import { useTheme } from "styled-components";
-import "./component.styles-C0oU5oX_.js";
-import { R as Ripple } from "./component-D-HMYzXU.js";
-const Checkbox = (props) => {
-  var _a, _b, _c;
-  const handleOnClick = useCallback(
-    (checked) => {
-      var _a2;
-      (_a2 = props.onChange) == null ? void 0 : _a2.call(props, checked);
-    },
-    [props.onChange]
-  );
-  const theme = useTheme();
-  const children = useMemo(
-    () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Icon,
-        {
-          ...props.checked ? props.view.true : props.view.false,
-          size: (props.checked ? props.view.true : props.view.false).size ?? props.size
-        }
-      ),
-      props.children && props.children
-    ] }),
-    [props.checked, props.children, props.size, props.view]
-  );
-  const LoadingComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: props.size, type: "loading", name: "Line" });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      CheckboxWrapper,
-      {
-        type: "button",
-        $genre: props.genre,
-        $error: props.error,
-        $view: props.view,
-        $font: {
-          ...props.font,
-          size: ((_a = props.font) == null ? void 0 : _a.size) ?? KEY_SIZE_DATA[props.size].font,
-          weight: ((_b = props.font) == null ? void 0 : _b.weight) ?? 700
-        },
-        $checked: props.checked,
-        $isWidthAsHeight: props.isWidthAsHeight,
-        $size: props.size,
-        $isDisabled: props.isDisabled,
-        $isHiddenBorder: props.isHiddenBorder,
-        $isNotBackground: props.isNotBackground,
-        $sx: props.sx,
-        $sxTypography: props.sxTypography,
-        $isDisabledOutline: props.isDisabled ?? props.isDisabledOutline,
-        $isOutlineBoxShadow: props.isOutlineBoxShadow,
-        $isReadOnly: props.isReadOnly,
-        disabled: props.isDisabled,
-        tabIndex: 0,
-        onClick: () => !props.isDisabled && handleOnClick(!props.checked),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Ripple, { color: theme.colors.checkbox[props.genre].color.rest, isDisabled: props.isDisabled }),
-          props.isOnlyLoading ? props.isLoading ? LoadingComponent : children : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            children,
-            props.isLoading && LoadingComponent
-          ] })
-        ]
-      }
-    ),
-    (props == null ? void 0 : props.error) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        ...props.error,
-        size: (props == null ? void 0 : props.error.size) ?? props.size,
-        font: {
-          size: 12,
-          weight: 400,
-          family: ((_c = props.font) == null ? void 0 : _c.family) ?? theme.font.family
-        }
-      }
-    ) : null
-  ] });
-};
-export {
-  Checkbox as C
-};
-//# sourceMappingURL=component-BBrKC5hB.js.map

package/build/component-BBrKC5hB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BBrKC5hB.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          ...props.font,\n          size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n          weight: props.font?.weight ?? 700,\n        }}\n        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["_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,IACnB;AAAA,IACA,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,GAAG,MAAM;AAAA,UACT,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,UACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,QAAA;AAAA,QAEhC,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-BMIqhbpK.js

@@ -1,23 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { c as StackMotion } from "./component-gcvwlILJ.js";
-const Smooth = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    StackMotion,
-    {
-      transition: {
-        layout: {
-          duration: 0.3,
-          ease: "easeInOut",
-          type: "spring"
-        }
-      },
-      layout: true,
-      ...props,
-      children: props.children
-    }
-  );
-};
-export {
-  Smooth as S
-};
-//# sourceMappingURL=component-BMIqhbpK.js.map

package/build/component-BMIqhbpK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BMIqhbpK.js","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { StackMotion, StackProps } from '@local/components/stack';\n\nexport const Smooth: FC<StackProps> = (props) => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring',\n        },\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  );\n};\n"],"names":["jsx"],"mappings":";;AAIO,MAAM,SAAyB,CAAC,UAAU;AAC/C,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAM;AAAA,MACL,GAAG;AAAA,MAEH,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/component-BlEglNo9.js

@@ -1,60 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { C as Checkbox } from "./component-BBrKC5hB.js";
-import { n as CheckboxGroupWrapper, bo as KEY_SIZE_DATA, o as CheckboxGroupItem, p as CheckboxGroupLabel, q as CheckboxChildren } from "./context.constants-D0UjboYX.js";
-import { useCallback } from "react";
-import { useTheme } from "styled-components";
-const CheckboxGroup = (props) => {
-  var _a, _b;
-  const createMarkup = (html) => ({ __html: html });
-  const handleCheckboxChange = useCallback(
-    (item) => {
-      const isSelected = props.value.some((selectedItem) => selectedItem[props.valueField] === item[props.valueField]);
-      const updatedSelectedItems = isSelected ? props.value.filter((selectedItem) => selectedItem[props.valueField] !== item[props.valueField]) : props.multiple ? [...props.value, item] : [item];
-      if (props.onChange) props.onChange(updatedSelectedItems);
-    },
-    [props]
-  );
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    CheckboxGroupWrapper,
-    {
-      className: props.className,
-      $sx: props.sx,
-      $size: props.size,
-      $font: {
-        ...props.font,
-        size: ((_a = props.font) == null ? void 0 : _a.size) ?? KEY_SIZE_DATA[props.size].font,
-        weight: ((_b = props.font) == null ? void 0 : _b.weight) ?? 700
-      },
-      children: props.options.map((e, index) => {
-        var _a2, _b2, _c, _d;
-        const isChecked = props.value.some((selectedItem) => selectedItem[props.valueField] === e[props.valueField]);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(CheckboxGroupItem, { onClick: () => !props.isClickOnlyIcon && handleCheckboxChange(e), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Checkbox,
-            {
-              genre: props.checkboxGenre,
-              isHiddenBorder: props.checkboxIsHiddenBorder,
-              view: props.checkBoxView,
-              sx: props.checkboxSX,
-              size: props.size,
-              checked: isChecked,
-              font: {
-                size: ((_a2 = props.font) == null ? void 0 : _a2.size) ?? KEY_SIZE_DATA[props.size].font,
-                weight: ((_b2 = props.font) == null ? void 0 : _b2.weight) ?? 700,
-                family: ((_c = props.font) == null ? void 0 : _c.family) ?? theme.font.family,
-                height: (_d = props.font) == null ? void 0 : _d.height
-              },
-              children: props.labelField && (e == null ? void 0 : e[props.labelField]) !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxGroupLabel, { dangerouslySetInnerHTML: createMarkup(e[props.labelField]) })
-            }
-          ),
-          props.childrenField && (e == null ? void 0 : e[props.childrenField]) !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxChildren, { children: e[props.childrenField] })
-        ] }, index);
-      })
-    }
-  );
-};
-export {
-  CheckboxGroup as C
-};
-//# sourceMappingURL=component-BlEglNo9.js.map

package/build/component-BlEglNo9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BlEglNo9.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        ...props.font,\n        size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n        weight: props.font?.weight ?? 700,\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"],"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,IACzD;AAAA,IACA,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,GAAG,MAAM;AAAA,QACT,QAAM,WAAM,SAAN,mBAAY,SAAQ,cAAc,MAAM,IAAI,EAAE;AAAA,QACpD,UAAQ,WAAM,SAAN,mBAAY,WAAU;AAAA,MAAA;AAAA,MAG/B,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,UAAQ,WAAM,SAAN,mBAAY,WAAU,MAAM,KAAK;AAAA,gBACzC,SAAQ,WAAM,SAAN,mBAAY;AAAA,cAAA;AAAA,cAGrB,UAAA,MAAM,eAAc,uBAAI,MAAM,iBAAgB,UAC7CH,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,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/build/component-CONSm7hH.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),t=require("./consts.cjs.js"),n=require("./use-BNuSnUSV.cjs"),s=require("react"),l=require("./context.constants-gXk1ewxx.cjs");exports.ImageButton=r=>{const i=s.useRef(null),u=s.useCallback(()=>{var e;null==(e=i.current)||e.click()},[]),{handleAddFiles:o}=n.useImageCrop({onSave:r.onSave,locale:r.locale,dialog:r.dialog,imageSettings:r.imageSettings,refInput:i});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.Button,{...r.button,onClick:e=>{var t,n;null==(n=(t=r.button).onClick)||n.call(t,e),u()},children:r.button.children||r.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:i,type:"file",accept:t.LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&o(e.target.files)}})]})};
-//# sourceMappingURL=component-CONSm7hH.cjs.map

package/build/component-CONSm7hH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-CONSm7hH.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { FC, useCallback, useRef } from 'react';\n\nimport { Button } from '../button';\nimport { ImageButtonProps } from '.';\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={LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT}\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":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT","multiple","style","display","onChange","target","files"],"mappings":"6MAQkDA,IAChD,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAAUC,YACR,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,sCACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAWX,IACLA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}

package/build/component-CPVG0orB.js

@@ -1,50 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from "./consts.es.js";
-import { u as useImageCrop } from "./use-D8uozTND.js";
-import { useRef, useCallback } from "react";
-import { B as Button } from "./context.constants-D0UjboYX.js";
-const ImageButton = (props) => {
-  const refInput = useRef(null);
-  const handleOpenFileDialog = useCallback(() => {
-    var _a;
-    (_a = refInput.current) == null ? void 0 : _a.click();
-  }, []);
-  const { handleAddFiles } = useImageCrop({
-    onSave: props.onSave,
-    locale: props.locale,
-    dialog: props.dialog,
-    imageSettings: props.imageSettings,
-    refInput
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
-      {
-        ...props.button,
-        onClick: (e) => {
-          var _a, _b;
-          (_b = (_a = props.button).onClick) == null ? void 0 : _b.call(_a, e);
-          handleOpenFileDialog();
-        },
-        children: props.button.children || props.locale.buttonAdd
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        ref: refInput,
-        type: "file",
-        accept: LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT,
-        multiple: true,
-        style: { display: "none" },
-        onChange: (e) => {
-          if (e.target.files) handleAddFiles(e.target.files);
-        }
-      }
-    )
-  ] });
-};
-export {
-  ImageButton as I
-};
-//# sourceMappingURL=component-CPVG0orB.js.map

package/build/component-CPVG0orB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-CPVG0orB.js","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { FC, useCallback, useRef } from 'react';\n\nimport { Button } from '../button';\nimport { ImageButtonProps } from '.';\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={LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT}\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,EACpB,GAAG,CAAA,CAAE;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,QACF;AAAA,QAEC,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,QACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/build/component-CTrSBI75.js

@@ -1,64 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { bp as KEY_SIZE_DATA_TOGGLE, aA as ToggleWrapper, aB as ToggleCenter } from "./context.constants-D0UjboYX.js";
-import { useMemo } from "react";
-const Toggle = (props) => {
-  const toggleVariants = useMemo(
-    () => ({
-      tap: {
-        width: KEY_SIZE_DATA_TOGGLE[props.size].thumb + 4,
-        translateX: props.value ? KEY_SIZE_DATA_TOGGLE[props.size].width - KEY_SIZE_DATA_TOGGLE[props.size].thumb - KEY_SIZE_DATA_TOGGLE[props.size].padding * 3 - 4 : 0,
-        transition: {
-          duration: 0.05
-        }
-      },
-      checked: {
-        translateX: KEY_SIZE_DATA_TOGGLE[props.size].width - KEY_SIZE_DATA_TOGGLE[props.size].thumb - KEY_SIZE_DATA_TOGGLE[props.size].padding * 3,
-        transition: { ease: "circInOut", duration: 0.05 }
-      },
-      unchecked: {
-        translateX: 0,
-        transition: { ease: "circInOut", duration: 0.05 }
-      }
-    }),
-    [props.size, props.value]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ToggleWrapper,
-    {
-      $genre: props.genre,
-      $isDisabled: props.isDisabled,
-      $isDisabledOutline: props.isDisabled ?? props.isDisabledOutline,
-      $isOutlineBoxShadow: props.isOutlineBoxShadow,
-      $isReadOnly: props.isReadOnly,
-      $value: props.value,
-      $size: props.size,
-      $error: props.error,
-      tabIndex: 0,
-      onClick: () => {
-        var _a;
-        return (_a = props.onChange) == null ? void 0 : _a.call(props, !props.value);
-      },
-      whileTap: "tap",
-      animate: props.value ? "checked" : "unchecked",
-      onKeyDown: (e) => {
-        var _a;
-        if (e.key === "Enter") (_a = props.onChange) == null ? void 0 : _a.call(props, !props.value);
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ToggleCenter,
-        {
-          variants: toggleVariants,
-          $genre: props.genre,
-          $isDisabled: props.isDisabled,
-          $value: props.value,
-          $size: props.size,
-          $error: props.error
-        }
-      )
-    }
-  );
-};
-export {
-  Toggle as T
-};
-//# sourceMappingURL=component-CTrSBI75.js.map

package/build/component-CTrSBI75.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-CTrSBI75.js","sources":["../src/components/toggle/component.tsx"],"sourcesContent":["import { KEY_SIZE_DATA_TOGGLE } from '@local/theme';\n\nimport { useMemo } from 'react';\n\nimport { ToggleCenter, ToggleProps, ToggleWrapper } from '.';\n\nexport const Toggle = (props: ToggleProps) => {\n  const toggleVariants = useMemo(\n    () => ({\n      tap: {\n        width: KEY_SIZE_DATA_TOGGLE[props.size].thumb + 4,\n        translateX: props.value\n          ? KEY_SIZE_DATA_TOGGLE[props.size].width -\n            KEY_SIZE_DATA_TOGGLE[props.size].thumb -\n            KEY_SIZE_DATA_TOGGLE[props.size].padding * 3 -\n            4\n          : 0,\n        transition: {\n          duration: 0.05,\n        },\n      },\n      checked: {\n        translateX:\n          KEY_SIZE_DATA_TOGGLE[props.size].width -\n          KEY_SIZE_DATA_TOGGLE[props.size].thumb -\n          KEY_SIZE_DATA_TOGGLE[props.size].padding * 3,\n        transition: { ease: 'circInOut', duration: 0.05 },\n      },\n      unchecked: {\n        translateX: 0,\n        transition: { ease: 'circInOut', duration: 0.05 },\n      },\n    }),\n    [props.size, props.value],\n  );\n\n  return (\n    <ToggleWrapper\n      $genre={props.genre}\n      $isDisabled={props.isDisabled}\n      $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n      $isOutlineBoxShadow={props.isOutlineBoxShadow}\n      $isReadOnly={props.isReadOnly}\n      $value={props.value}\n      $size={props.size}\n      $error={props.error}\n      tabIndex={0}\n      onClick={() => props.onChange?.(!props.value)}\n      whileTap='tap'\n      animate={props.value ? 'checked' : 'unchecked'}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') props.onChange?.(!props.value);\n      }}\n    >\n      <ToggleCenter\n        variants={toggleVariants}\n        $genre={props.genre}\n        $isDisabled={props.isDisabled}\n        $value={props.value}\n        $size={props.size}\n        $error={props.error}\n      />\n    </ToggleWrapper>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAMO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,iBAAiB;AAAA,IACrB,OAAO;AAAA,MACL,KAAK;AAAA,QACH,OAAO,qBAAqB,MAAM,IAAI,EAAE,QAAQ;AAAA,QAChD,YAAY,MAAM,QACd,qBAAqB,MAAM,IAAI,EAAE,QACjC,qBAAqB,MAAM,IAAI,EAAE,QACjC,qBAAqB,MAAM,IAAI,EAAE,UAAU,IAC3C,IACA;AAAA,QACJ,YAAY;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEF,SAAS;AAAA,QACP,YACE,qBAAqB,MAAM,IAAI,EAAE,QACjC,qBAAqB,MAAM,IAAI,EAAE,QACjC,qBAAqB,MAAM,IAAI,EAAE,UAAU;AAAA,QAC7C,YAAY,EAAE,MAAM,aAAa,UAAU,KAAA;AAAA,MAAK;AAAA,MAElD,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,EAAE,MAAM,aAAa,UAAU,KAAA;AAAA,MAAK;AAAA,IAClD;AAAA,IAEF,CAAC,MAAM,MAAM,MAAM,KAAK;AAAA,EAAA;AAG1B,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ,MAAM;AAAA,MACd,aAAa,MAAM;AAAA,MACnB,oBAAoB,MAAM,cAAc,MAAM;AAAA,MAC9C,qBAAqB,MAAM;AAAA,MAC3B,aAAa,MAAM;AAAA,MACnB,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,UAAU;AAAA,MACV,SAAS,MAAA;;AAAM,2BAAM,aAAN,+BAAiB,CAAC,MAAM;AAAA;AAAA,MACvC,UAAS;AAAA,MACT,SAAS,MAAM,QAAQ,YAAY;AAAA,MACnC,WAAW,CAAC,MAAM;;AAChB,YAAI,EAAE,QAAQ,qBAAe,4CAAW,CAAC,MAAM;AAAA,MACjD;AAAA,MAEA,UAAAA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,QAAQ,MAAM;AAAA,UACd,aAAa,MAAM;AAAA,UACnB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN;"}