@pfct/purple 1.7.0-next.4 → 1.8.0

package/dist/components/Input/PostfixInput/index.es.js

@@ -1,32 +1,32 @@
-import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import O, { useState as h, useRef as q, useCallback as c, useEffect as w } from "react";
-import { basicColors as G } from "../../../core/Colors/index.es.js";
-import { BaseTypography as H } from "../../../core/Typography/BaseTypography/index.es.js";
-import { D as J } from "../../../chunks/index.styled.BNOtFd_Z.js";
-import { InputFrame as K } from "../common/InputFrame/index.es.js";
-import { InputAndUnitWrapper as Q, InputSizer as X, InputTag as Y, className as Z, UnitWrapper as $, Unit as ee } from "./index.styled.es.js";
-const ie = O.forwardRef((P, S) => {
+import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
+import _, { useState as h, useRef as O, useCallback as c, useEffect as F } from "react";
+import { basicColors as q } from "../../../core/Colors/index.es.js";
+import { BaseTypography as G } from "../../../core/Typography/BaseTypography/index.es.js";
+import { D as H } from "../../../chunks/index.styled.BNOtFd_Z.js";
+import { InputFrame as J } from "../common/InputFrame/index.es.js";
+import { InputAndUnitWrapper as K, InputSizer as Q, InputTag as X, className as Y, UnitWrapper as Z, Unit as $ } from "./index.styled.es.js";
+const le = _.forwardRef((v, w) => {
   const {
     realValue: n,
-    postfix: U,
-    onBlur: W,
-    onFocus: j,
-    onClick: b,
-    disabled: l,
+    postfix: E,
+    onBlur: P,
+    onFocus: S,
+    onClick: x,
+    disabled: s,
     label: a,
-    placeholder: g,
+    placeholder: b,
     errorValidation: r,
-    logRocketMasking: z,
+    logRocketMasking: U,
     focus: u = !1,
-    max: y,
-    decoration: V,
-    updateRealValue: x,
-    formatRealValue: B,
-    formatDisplayValue: s,
-    type: I,
-    pattern: A,
-    ...E
-  } = P, [i, L] = h(""), [M, p] = h(""), [d, N] = h(u), f = q(null), m = d || !!i, T = !(a || m) && !!g, k = c(
+    max: g,
+    decoration: y,
+    updateRealValue: V,
+    formatRealValue: j,
+    formatDisplayValue: l,
+    type: B,
+    pattern: W,
+    ...z
+  } = v, [i, A] = h(""), [L, p] = h(""), [d, I] = h(u), f = O(null), m = d || !!i, N = !(a || m) && !!b, R = c(
     (e) => {
       if (e.length === 0 || e === "0") {
         p("");
@@ -42,73 +42,73 @@ const ie = O.forwardRef((P, S) => {
         }
     },
     [r]
-  ), C = c((e) => {
+  ), T = c((e) => {
     const { type: o } = e;
-    N(o === "focus");
-  }, []), R = c(
+    I(o === "focus");
+  }, []), k = c(
     (e) => {
-      b?.(e), f.current?.focus();
+      x?.(e), f.current?.focus();
     },
-    [b]
-  ), _ = c(
+    [x]
+  ), M = c(
     (e) => {
-      const o = B?.(e) || e, D = Number(y), F = Number(o);
-      D && !Number.isNaN(F) && F > D || x(o);
+      const o = j?.(e) || e, C = Number(g), D = Number(o);
+      C && !Number.isNaN(D) && D > C || V(o);
     },
-    [y, x, B]
+    [g, V, j]
   );
-  return w(() => {
+  return F(() => {
     let e = n;
-    s && (e = s?.(e) || ""), L(e), k(n);
-  }, [s, k, n]), w(() => {
+    l && (e = l?.(e) || ""), A(e), R(n);
+  }, [l, R, n]), F(() => {
     u && f.current?.focus();
-  }, [u]), /* @__PURE__ */ v(
-    K,
+  }, [u]), /* @__PURE__ */ t.jsxs(
+    J,
     {
       active: m,
-      disabled: !!l,
-      errorText: M,
+      disabled: !!s,
+      errorText: L,
       focused: d,
-      handleClickInput: R,
+      handleClickInput: k,
       label: a,
       children: [
-        /* @__PURE__ */ v(Q, { children: [
-          /* @__PURE__ */ t(X, { displayValue: i, focused: d, children: /* @__PURE__ */ t(
-            Y,
+        /* @__PURE__ */ t.jsxs(K, { children: [
+          /* @__PURE__ */ t.jsx(Q, { displayValue: i, focused: d, children: /* @__PURE__ */ t.jsx(
+            X,
             {
-              ...E,
-              className: Z.inputTag,
-              "data-private": z,
+              ...z,
+              className: Y.inputTag,
+              "data-private": U,
               decoration: !1,
-              disabled: l,
+              disabled: s,
               hasLabel: !!a,
               name: a,
               onBlur: (e) => {
-                W?.(e), C(e);
+                P?.(e), T(e);
               },
               onChange: (e) => {
                 const o = e.currentTarget.value;
-                _(o);
+                M(o);
               },
-              onClick: R,
+              onClick: k,
               onFocus: (e) => {
-                j?.(e), C(e);
+                S?.(e), T(e);
               },
-              pattern: I === "number" ? "\\d*" : A,
-              placeholder: T ? g : "",
-              ref: S || f,
-              size: T ? void 0 : 1,
-              type: I,
-              value: s ? i : n
+              pattern: B === "number" ? "\\d*" : W,
+              placeholder: N ? b : "",
+              ref: w || f,
+              size: N ? void 0 : 1,
+              type: B,
+              value: l ? i : n
             }
           ) }),
-          /* @__PURE__ */ t($, { children: m && /* @__PURE__ */ t(ee, { hasLabel: !!a, hasValue: !!i, children: /* @__PURE__ */ t(H, { color: l ? G.gray200 : void 0, md: "Title1", children: U }) }) })
+          /* @__PURE__ */ t.jsx(Z, { children: m && /* @__PURE__ */ t.jsx($, { hasLabel: !!a, hasValue: !!i, children: /* @__PURE__ */ t.jsx(G, { color: s ? q.gray200 : void 0, md: "Title1", children: E }) }) })
         ] }),
-        V && /* @__PURE__ */ t(J, { disabled: l, children: V })
+        y && /* @__PURE__ */ t.jsx(H, { disabled: s, children: y })
       ]
     }
   );
 });
 export {
-  ie as PostfixInput
+  le as PostfixInput
 };

package/dist/components/Input/PostfixInput/index.styled.d.ts

@@ -15,25 +15,25 @@ export declare const InputTag: import('@emotion/styled').StyledComponent<{
 } & {
     decoration?: boolean;
     hasLabel: boolean;
-} & import('node_modules/@types/react').ClassAttributes<HTMLInputElement> & import('node_modules/@types/react').InputHTMLAttributes<HTMLInputElement> & {
+} & import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & {
     theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 export declare const InputAndUnitWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UnitWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Unit: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & UnitProps, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & UnitProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 /** ref. https://css-tricks.com/auto-growing-inputs-textareas/#aa-other-ideas */
 export declare const InputSizer: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & InputSizerProps, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & InputSizerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
 //# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Input/PostfixInput/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,UAAU,SAAS;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,eAAe;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;;;;;;;;UAKpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;iJAG/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;iJAIvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;6JAWhB,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,UAAU;;;mKAiCtB,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,UAAU,SAAS;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,eAAe;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;;;;;;;;UAKpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;qHAWhB,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,UAAU;;;2HAiCtB,CAAC"}

package/dist/components/Input/ResidentNumberInput/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),A=require("../common/InputFrame/index.cjs.js"),o=require("./index.styled.cjs.js"),M=/[^0-9]/g,$=N=>{const{label:s,placeholder:v,value:B,setValue:V,disabled:a=!1,errorValidation:d=[],rrnInputType:w=13,rrn6:h,defaultRRN7Only:j}=N,[p,L]=t.useState(h||""),[f,P]=t.useState(j||""),[r,T]=t.useState(""),[c,E]=t.useState(B||""),[u,i]=t.useState(!1),k=u||!!B,q=!(s||k)&&!!v,[D,g]=t.useState(""),S=t.useRef(null),y=t.useRef(null),I=t.useRef(null),C=!!c,H=t.useMemo(()=>{let e="";for(let l=1;l<=r.length;l+=1)e+="●";return e},[r]),m=t.useCallback((e,l,b,_)=>{const{value:O}=e.target,R=O.trim();R.length<=b?(l(R.replace(M,"")),R.length===b&&_?.current?.focus()):_?.current?.focus()},[]),F=t.useCallback((e,l,b)=>{if(l.length<=0&&e.key==="Backspace")return b?.current?.focus()},[]),x=t.useCallback(e=>{for(let l=0;l<d.length;l++){if(!d[l]?.condition(e)&&e.length!==0){g(d[l]?.errorText??"");break}g("")}},[d]);return t.useEffect(()=>{const e=`${p}${f}${r}`;E(e),V(e)},[p,f,r,V]),t.useEffect(()=>{c||g(""),c.length>0&&!u&&x(c),c.length===13&&x(c)},[u,x,c]),t.useEffect(()=>{u&&g("")},[u]),t.useEffect(()=>{h&&i(!0)},[h]),n.jsxs(A.InputFrame,{active:k,disabled:a,errorText:D,focused:u,label:s,children:[n.jsx(o.BirthInput,{disabled:a,focused:u||C,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,L,6,y),onFocus:()=>i(!0),placeholder:q?v:"",ref:S,type:"tel",value:p}),(u||C)&&n.jsxs(n.Fragment,{children:[n.jsx(o.Hyphen,{disabled:a,hasLabel:!!s,visible:p.length>=6,children:"-"}),n.jsx(o.GenderNumberInput,{disabled:a,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,P,1,I),onFocus:()=>i(!0),onKeyDown:e=>F(e,f,S),ref:y,type:"tel",value:f}),n.jsx(o.FakeInputWrapper,{hasLabel:!!s,children:w===7?n.jsx(o.VirtualPlaceHolderSevenTypeInput,{disabled:a,onClick:()=>y?.current?.focus(),visible:f.length>0,children:"●●●●●●"}):n.jsxs(n.Fragment,{children:[n.jsx(o.VirtualPlaceHolder,{disabled:a,children:H}),n.jsx(o.SecurityPlaceHolder,{visible:f.length>0,children:"●●●●●●"}),n.jsx(o.FakeSecurityInput,{autoFocus:!!(h&&j),disabled:a,hasLabel:!!s,onBlur:()=>i(!1),onChange:e=>m(e,T,6),onClick:()=>{I.current?.setSelectionRange(r.length,r.length)},onFocus:()=>{i(!0)},onKeyDown:e=>{if(e.key==="ArrowLeft"||e.key==="ArrowRight"){e.preventDefault(),e.stopPropagation();return}F(e,r,y)},ref:I,type:"tel",value:r})]})})]})]})};exports.ResidentNumberInput=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),t=require("react"),A=require("../common/InputFrame/index.cjs.js"),o=require("./index.styled.cjs.js"),M=/[^0-9]/g,$=_=>{const{label:l,placeholder:I,value:E,setValue:v,disabled:a=!1,errorValidation:f=[],rrnInputType:N=13,rrn6:d,defaultRRN7Only:B}=_,[x,w]=t.useState(d||""),[p,L]=t.useState(B||""),[r,P]=t.useState(""),[c,T]=t.useState(E||""),[u,i]=t.useState(!1),V=u||!!E,q=!(l||V)&&!!I,[D,h]=t.useState(""),k=t.useRef(null),m=t.useRef(null),R=t.useRef(null),S=!!c,H=t.useMemo(()=>{let e="";for(let s=1;s<=r.length;s+=1)e+="●";return e},[r]),j=t.useCallback((e,s,g,F)=>{const{value:O}=e.target,b=O.trim();b.length<=g?(s(b.replace(M,"")),b.length===g&&F?.current?.focus()):F?.current?.focus()},[]),C=t.useCallback((e,s,g)=>{if(s.length<=0&&e.key==="Backspace")return g?.current?.focus()},[]),y=t.useCallback(e=>{for(let s=0;s<f.length;s++){if(!f[s]?.condition(e)&&e.length!==0){h(f[s]?.errorText??"");break}h("")}},[f]);return t.useEffect(()=>{const e=`${x}${p}${r}`;T(e),v(e)},[x,p,r,v]),t.useEffect(()=>{c||h(""),c.length>0&&!u&&y(c),c.length===13&&y(c)},[u,y,c]),t.useEffect(()=>{u&&h("")},[u]),t.useEffect(()=>{d&&i(!0)},[d]),n.jsxRuntimeExports.jsxs(A.InputFrame,{active:V,disabled:a,errorText:D,focused:u,label:l,children:[n.jsxRuntimeExports.jsx(o.BirthInput,{disabled:a,focused:u||S,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,w,6,m),onFocus:()=>i(!0),placeholder:q?I:"",ref:k,type:"tel",value:x}),(u||S)&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(o.Hyphen,{disabled:a,hasLabel:!!l,visible:x.length>=6,children:"-"}),n.jsxRuntimeExports.jsx(o.GenderNumberInput,{disabled:a,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,L,1,R),onFocus:()=>i(!0),onKeyDown:e=>C(e,p,k),ref:m,type:"tel",value:p}),n.jsxRuntimeExports.jsx(o.FakeInputWrapper,{hasLabel:!!l,children:N===7?n.jsxRuntimeExports.jsx(o.VirtualPlaceHolderSevenTypeInput,{disabled:a,onClick:()=>m?.current?.focus(),visible:p.length>0,children:"●●●●●●"}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(o.VirtualPlaceHolder,{disabled:a,children:H}),n.jsxRuntimeExports.jsx(o.SecurityPlaceHolder,{visible:p.length>0,children:"●●●●●●"}),n.jsxRuntimeExports.jsx(o.FakeSecurityInput,{autoFocus:!!(d&&B),disabled:a,hasLabel:!!l,onBlur:()=>i(!1),onChange:e=>j(e,P,6),onClick:()=>{R.current?.setSelectionRange(r.length,r.length)},onFocus:()=>{i(!0)},onKeyDown:e=>{if(e.key==="ArrowLeft"||e.key==="ArrowRight"){e.preventDefault(),e.stopPropagation();return}C(e,r,m)},ref:R,type:"tel",value:r})]})})]})]})};exports.ResidentNumberInput=$;

package/dist/components/Input/ResidentNumberInput/index.es.js

@@ -1,40 +1,40 @@
-import { jsxs as V, jsx as o, Fragment as D } from "react/jsx-runtime";
-import { useState as i, useRef as k, useMemo as W, useCallback as R, useEffect as b } from "react";
-import { InputFrame as q } from "../common/InputFrame/index.es.js";
-import { BirthInput as z, Hyphen as J, GenderNumberInput as Q, FakeInputWrapper as X, VirtualPlaceHolderSevenTypeInput as Y, VirtualPlaceHolder as Z, SecurityPlaceHolder as _, FakeSecurityInput as ee } from "./index.styled.es.js";
-const te = /[^0-9]/g, ae = (H) => {
+import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { useState as i, useRef as v, useMemo as M, useCallback as V, useEffect as m } from "react";
+import { InputFrame as U } from "../common/InputFrame/index.es.js";
+import { BirthInput as W, Hyphen as q, GenderNumberInput as z, FakeInputWrapper as J, VirtualPlaceHolderSevenTypeInput as Q, VirtualPlaceHolder as X, SecurityPlaceHolder as Y, FakeSecurityInput as Z } from "./index.styled.es.js";
+const _ = /[^0-9]/g, oe = (P) => {
   const {
     label: r,
-    placeholder: C,
-    value: F,
-    setValue: w,
+    placeholder: j,
+    value: k,
+    setValue: R,
     disabled: a = !1,
     errorValidation: h = [],
-    rrnInputType: A = 13,
+    rrnInputType: T = 13,
     rrn6: f,
-    defaultRRN7Only: x
-  } = H, [p, O] = i(f || ""), [c, $] = i(x || ""), [n, j] = i(""), [u, E] = i(F || ""), [l, s] = i(!1), L = l || !!F, G = !(r || L) && !!C, [K, d] = i(""), S = k(null), g = k(null), m = k(null), N = !!u, M = W(() => {
+    defaultRRN7Only: F
+  } = P, [p, D] = i(f || ""), [c, H] = i(F || ""), [l, A] = i(""), [s, E] = i(k || ""), [o, u] = i(!1), C = o || !!k, O = !(r || C) && !!j, [$, d] = i(""), w = v(null), g = v(null), x = v(null), L = !!s, G = M(() => {
     let e = "";
-    for (let t = 1; t <= n.length; t += 1)
+    for (let n = 1; n <= l.length; n += 1)
       e += "●";
     return e;
-  }, [n]), I = R(
-    (e, t, y, T) => {
-      const { value: U } = e.target, v = U.trim();
-      v.length <= y ? (t(v.replace(te, "")), v.length === y && T?.current?.focus()) : T?.current?.focus();
+  }, [l]), b = V(
+    (e, n, y, N) => {
+      const { value: K } = e.target, B = K.trim();
+      B.length <= y ? (n(B.replace(_, "")), B.length === y && N?.current?.focus()) : N?.current?.focus();
     },
     []
-  ), P = R(
-    (e, t, y) => {
-      if (t.length <= 0 && e.key === "Backspace")
+  ), S = V(
+    (e, n, y) => {
+      if (n.length <= 0 && e.key === "Backspace")
         return y?.current?.focus();
     },
     []
-  ), B = R(
+  ), I = V(
     (e) => {
-      for (let t = 0; t < h.length; t++) {
-        if (!h[t]?.condition(e) && e.length !== 0) {
-          d(h[t]?.errorText ?? "");
+      for (let n = 0; n < h.length; n++) {
+        if (!h[n]?.condition(e) && e.length !== 0) {
+          d(h[n]?.errorText ?? "");
           break;
         }
         d("");
@@ -42,82 +42,82 @@ const te = /[^0-9]/g, ae = (H) => {
     },
     [h]
   );
-  return b(() => {
-    const e = `${p}${c}${n}`;
-    E(e), w(e);
-  }, [p, c, n, w]), b(() => {
-    u || d(""), u.length > 0 && !l && B(u), u.length === 13 && B(u);
-  }, [l, B, u]), b(() => {
-    l && d("");
-  }, [l]), b(() => {
-    f && s(!0);
-  }, [f]), /* @__PURE__ */ V(q, { active: L, disabled: a, errorText: K, focused: l, label: r, children: [
-    /* @__PURE__ */ o(
-      z,
+  return m(() => {
+    const e = `${p}${c}${l}`;
+    E(e), R(e);
+  }, [p, c, l, R]), m(() => {
+    s || d(""), s.length > 0 && !o && I(s), s.length === 13 && I(s);
+  }, [o, I, s]), m(() => {
+    o && d("");
+  }, [o]), m(() => {
+    f && u(!0);
+  }, [f]), /* @__PURE__ */ t.jsxs(U, { active: C, disabled: a, errorText: $, focused: o, label: r, children: [
+    /* @__PURE__ */ t.jsx(
+      W,
       {
         disabled: a,
-        focused: l || N,
+        focused: o || L,
         hasLabel: !!r,
-        onBlur: () => s(!1),
-        onChange: (e) => I(e, O, 6, g),
-        onFocus: () => s(!0),
-        placeholder: G ? C : "",
-        ref: S,
+        onBlur: () => u(!1),
+        onChange: (e) => b(e, D, 6, g),
+        onFocus: () => u(!0),
+        placeholder: O ? j : "",
+        ref: w,
         type: "tel",
         value: p
       }
     ),
-    (l || N) && /* @__PURE__ */ V(D, { children: [
-      /* @__PURE__ */ o(J, { disabled: a, hasLabel: !!r, visible: p.length >= 6, children: "-" }),
-      /* @__PURE__ */ o(
-        Q,
+    (o || L) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(q, { disabled: a, hasLabel: !!r, visible: p.length >= 6, children: "-" }),
+      /* @__PURE__ */ t.jsx(
+        z,
         {
           disabled: a,
           hasLabel: !!r,
-          onBlur: () => s(!1),
-          onChange: (e) => I(e, $, 1, m),
-          onFocus: () => s(!0),
-          onKeyDown: (e) => P(e, c, S),
+          onBlur: () => u(!1),
+          onChange: (e) => b(e, H, 1, x),
+          onFocus: () => u(!0),
+          onKeyDown: (e) => S(e, c, w),
           ref: g,
           type: "tel",
           value: c
         }
       ),
-      /* @__PURE__ */ o(X, { hasLabel: !!r, children: A === 7 ? /* @__PURE__ */ o(
-        Y,
+      /* @__PURE__ */ t.jsx(J, { hasLabel: !!r, children: T === 7 ? /* @__PURE__ */ t.jsx(
+        Q,
         {
           disabled: a,
           onClick: () => g?.current?.focus(),
           visible: c.length > 0,
           children: "●●●●●●"
         }
-      ) : /* @__PURE__ */ V(D, { children: [
-        /* @__PURE__ */ o(Z, { disabled: a, children: M }),
-        /* @__PURE__ */ o(_, { visible: c.length > 0, children: "●●●●●●" }),
-        /* @__PURE__ */ o(
-          ee,
+      ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(X, { disabled: a, children: G }),
+        /* @__PURE__ */ t.jsx(Y, { visible: c.length > 0, children: "●●●●●●" }),
+        /* @__PURE__ */ t.jsx(
+          Z,
           {
-            autoFocus: !!(f && x),
+            autoFocus: !!(f && F),
             disabled: a,
             hasLabel: !!r,
-            onBlur: () => s(!1),
-            onChange: (e) => I(e, j, 6),
+            onBlur: () => u(!1),
+            onChange: (e) => b(e, A, 6),
             onClick: () => {
-              m.current?.setSelectionRange(n.length, n.length);
+              x.current?.setSelectionRange(l.length, l.length);
             },
             onFocus: () => {
-              s(!0);
+              u(!0);
             },
             onKeyDown: (e) => {
               if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                 e.preventDefault(), e.stopPropagation();
                 return;
               }
-              P(e, n, g);
+              S(e, l, g);
             },
-            ref: m,
+            ref: x,
             type: "tel",
-            value: n
+            value: l
           }
         )
       ] }) })
@@ -125,5 +125,5 @@ const te = /[^0-9]/g, ae = (H) => {
   ] });
 };
 export {
-  ae as ResidentNumberInput
+  oe as ResidentNumberInput
 };

package/dist/components/Input/ResidentNumberInput/index.styled.d.ts

@@ -6,40 +6,40 @@ export declare const BirthInput: import('@emotion/styled').StyledComponent<{
     as?: React.ElementType;
 } & {
     focused?: boolean;
-} & HasLabelType, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const Hyphen: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     disabled: boolean;
     visible: boolean;
-} & HasLabelType, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const GenderNumberInput: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & HasLabelType, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const FakeInputWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & HasLabelType, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SecurityPlaceHolder: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     visible: boolean;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VirtualPlaceHolder: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     disabled?: boolean;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FakeSecurityInput: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     focused?: boolean;
-} & HasLabelType & import('node_modules/@types/react').ClassAttributes<HTMLInputElement> & import('node_modules/@types/react').InputHTMLAttributes<HTMLInputElement> & {
+} & HasLabelType & import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & {
     theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 export declare const VirtualPlaceHolderSevenTypeInput: import('@emotion/styled').StyledComponent<{
@@ -48,6 +48,6 @@ export declare const VirtualPlaceHolderSevenTypeInput: import('@emotion/styled')
 } & {
     visible: boolean;
     disabled?: boolean;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
 //# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Input/ResidentNumberInput/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.styled.ts"],"names":[],"mappings":"AAYA,UAAU,YAAY;IACrB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAYD,eAAO,MAAM,UAAU;;;;cAA4B,OAAO;yKAuBzD,CAAC;AAEF,eAAO,MAAM,MAAM;;;;cAA0B,OAAO;aAAW,OAAO;gKAYrE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yKAc7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;gKAM5B,CAAC;AAOF,eAAO,MAAM,mBAAmB;;;;aAAyB,OAAO;iJAS/D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAA2B,OAAO;iJAQhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;cAzFqB,OAAO;;;UAoGzD,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;aAAyB,OAAO;eAAa,OAAO;iJAMhG,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.styled.ts"],"names":[],"mappings":"AAYA,UAAU,YAAY;IACrB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAYD,eAAO,MAAM,UAAU;;;;cAA4B,OAAO;iIAuBzD,CAAC;AAEF,eAAO,MAAM,MAAM;;;;cAA0B,OAAO;aAAW,OAAO;wHAYrE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;iIAc7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;wHAM5B,CAAC;AAOF,eAAO,MAAM,mBAAmB;;;;aAAyB,OAAO;yGAS/D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAA2B,OAAO;yGAQhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;cAzFqB,OAAO;;;UAoGzD,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;aAAyB,OAAO;eAAa,OAAO;yGAMhG,CAAC"}

package/dist/components/Input/TextField/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),w=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");const N=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("../../../lib/utils.cjs.js"),_=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},F=_(n),f=F.default.forwardRef(({className:o,type:h,label:a,error:s,decoration:l,placeholder:y,onDelete:d,guideMessage:x,...r},g)=>{const[u,p]=n.useState(!1),[b,q]=n.useState(!1),c=u||b,m=a&&c||!a,v=!l&&d!==void 0&&u&&b,j=e=>{e.stopPropagation(),d?.()};return n.useEffect(()=>{q(!!r.value)},[r.value]),t.jsxs("div",{className:"relative",children:[t.jsxs("div",{className:i.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",u?"border border-gray-600":"",s?"border border-red-400 hover:border-red-400":"",r.disabled&&"cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50"),children:[a&&t.jsx("label",{className:i.cn("absolute left-[20px] text-gray-200 transition-all duration-200",c?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",r.disabled&&"cursor-not-allowed"),htmlFor:r.id,children:a}),t.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsx("input",{className:i.cn("typo-t1 w-full py-[20px] pl-[20px] outline-none","file:border-0 file:bg-transparent","typo-t1 placeholder:text-gray-200","disabled:cursor-not-allowed disabled:text-gray-200",a&&c&&"pt-[30px] pb-[10px] pl-[20px]",l&&"pr-10",o),onBlur:e=>{p(!1),r.onBlur?.(e)},onChange:e=>{q(e.target.value.length>0),r.onChange?.(e)},onFocus:e=>{p(!0),r.onFocus?.(e)},placeholder:m?y:void 0,ref:g,type:h,...r}),v&&t.jsx("button",{className:i.cn("absolute right-[15px] cursor-pointer",a?"bottom-[10px]":"bottom-[19px]"),onClick:j,onMouseDown:e=>e.preventDefault(),type:"button",children:t.jsx(N.default,{className:"text-gray-200"})})]}),l&&t.jsx("div",{className:"absolute right-[15px] flex items-center",children:l})]}),(s||x)&&t.jsx(w.Typography,{className:i.cn("mt-[9px] ml-[5px]",s?"text-red-400":"text-gray-400"),variant:"b2",children:s||x})]})});f.displayName="TextField";exports.TextField=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),u=require("react"),R=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");const w=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const i=require("../../../lib/utils.cjs.js"),E=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},N=E(u),q=N.default.forwardRef(({className:o,type:f,label:s,error:a,decoration:n,placeholder:h,onDelete:d,guideMessage:x,...r},y)=>{const[l,p]=u.useState(!1),[b,m]=u.useState(!1),c=l||b,g=s&&c||!s,j=!n&&d!==void 0&&l&&b,v=e=>{e.stopPropagation(),d?.()};return u.useEffect(()=>{m(!!r.value)},[r.value]),t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsxs("div",{className:i.cn("relative flex items-center rounded-[10px] bg-white","border border-transparent hover:border hover:border-gray-600","transition-colors duration-200",l?"border border-gray-600":"",a?"border border-red-400 hover:border-red-400":"",r.disabled&&"cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50"),children:[s&&t.jsxRuntimeExports.jsx("label",{className:i.cn("absolute left-[20px] text-gray-200 transition-all duration-200",c?"typo-b2 top-[11px]":"typo-t1 top-1/2 -translate-y-1/2",r.disabled&&"cursor-not-allowed"),htmlFor:r.id,children:s}),t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-end justify-between pr-[15px]",children:[t.jsxRuntimeExports.jsx("input",{className:i.cn("typo-t1 w-full py-[20px] pl-[20px] outline-none","file:border-0 file:bg-transparent","typo-t1 placeholder:text-gray-200","disabled:cursor-not-allowed disabled:text-gray-200",s&&c&&"pt-[30px] pb-[10px] pl-[20px]",n&&"pr-10",o),onBlur:e=>{p(!1),r.onBlur?.(e)},onChange:e=>{m(e.target.value.length>0),r.onChange?.(e)},onFocus:e=>{p(!0),r.onFocus?.(e)},placeholder:g?h:void 0,ref:y,type:f,...r}),j&&t.jsxRuntimeExports.jsx("button",{className:i.cn("absolute right-[15px] cursor-pointer",s?"bottom-[10px]":"bottom-[19px]"),onClick:v,onMouseDown:e=>e.preventDefault(),type:"button",children:t.jsxRuntimeExports.jsx(w.default,{className:"text-gray-200"})})]}),n&&t.jsxRuntimeExports.jsx("div",{className:"absolute right-[15px] flex items-center",children:n})]}),(a||x)&&t.jsxRuntimeExports.jsx(R.Typography,{className:i.cn("mt-[9px] ml-[5px]",a?"text-red-400":"text-gray-400"),variant:"b2",children:a||x})]})});q.displayName="TextField";exports.TextField=q;