@pfct/purple 1.5.0-npm-next.6 → 1.5.0-npm-next.8

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

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

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

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

@@ -1,116 +1,116 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import C, { useState as h, useEffect as B } from "react";
-import { c as i } from "../../../chunks/utils.B9KdtH6G.js";
+import { j as r } from "../../../chunks/jsx-runtime.OVHDjVDe.js";
+import N, { useState as b, useEffect as F } from "react";
+import { cn as i } from "../../../lib/utils.es.js";
 import "../../../icons/src/icons/Alarm_fill.es.js";
-import j from "../../../icons/src/icons/Cancel_circle.es.js";
+import C from "../../../icons/src/icons/Cancel_circle.es.js";
 import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
 import "../../../icons/src/icons/Chevron_left.es.js";
 import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
 import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
 import "../../../icons/src/icons/Double_Chevron_right.es.js";
 import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/More.es.js";
 import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Plus.es.js";
 import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Information.es.js";
 import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import { Typography as T } from "../../ui/typography.es.js";
-const H = C.forwardRef(
-  ({ className: f, type: y, label: o, error: l, decoration: d, placeholder: g, onDelete: m, guideMessage: u, ...t }, v) => {
-    const [n, p] = h(!1), [x, b] = h(!1), s = n || x, w = o && s || !o, N = !d && m !== void 0 && n && x, F = (e) => {
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import { Typography as B } from "../../ui/typography.es.js";
+const R = N.forwardRef(
+  ({ className: h, type: f, label: a, error: l, decoration: s, placeholder: y, onDelete: m, guideMessage: c, ...t }, g) => {
+    const [n, x] = b(!1), [u, p] = b(!1), d = n || u, v = a && d || !a, j = !s && m !== void 0 && n && u, w = (e) => {
       e.stopPropagation(), m == null || m();
     };
-    return B(() => {
-      b(!!t.value);
-    }, [t.value]), /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ c(
+    return F(() => {
+      p(!!t.value);
+    }, [t.value]), /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsxs(
         "div",
         {
           className: i(
             "relative flex items-center rounded-[10px] bg-white",
-            "border border-gray-50 hover:border hover:border-gray-600",
+            "border border-transparent hover:border hover:border-gray-600",
             "transition-colors duration-200",
             n ? "border border-gray-600" : "",
             l ? "border border-red-400 hover:border-red-400" : "",
             t.disabled && "bg-gray-25 cursor-not-allowed border border-gray-50 hover:border-gray-50"
           ),
           children: [
-            o && /* @__PURE__ */ a(
+            a && /* @__PURE__ */ r.jsx(
               "label",
               {
                 className: i(
                   "absolute left-[20px] text-gray-200 transition-all duration-200",
-                  s ? "typo-b2 top-[11px]" : "typo-t1 top-1/2 -translate-y-1/2",
+                  d ? "typo-b2 top-[11px]" : "typo-t1 top-1/2 -translate-y-1/2",
                   t.disabled && "cursor-not-allowed"
                 ),
                 htmlFor: t.id,
-                children: o
+                children: a
               }
             ),
-            /* @__PURE__ */ c("div", { className: "flex w-full items-end justify-between pr-[15px]", children: [
-              /* @__PURE__ */ a(
+            /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-end justify-between pr-[15px]", children: [
+              /* @__PURE__ */ r.jsx(
                 "input",
                 {
-                  type: y,
-                  ref: v,
+                  type: f,
+                  ref: g,
                   className: i(
                     "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",
-                    o && s && "pt-[30px] pb-[10px] pl-[20px]",
-                    d && "pr-10",
-                    f
+                    a && d && "pt-[30px] pb-[10px] pl-[20px]",
+                    s && "pr-10",
+                    h
                   ),
                   onFocus: (e) => {
-                    var r;
-                    p(!0), (r = t.onFocus) == null || r.call(t, e);
+                    var o;
+                    x(!0), (o = t.onFocus) == null || o.call(t, e);
                   },
                   onBlur: (e) => {
-                    var r;
-                    p(!1), (r = t.onBlur) == null || r.call(t, e);
+                    var o;
+                    x(!1), (o = t.onBlur) == null || o.call(t, e);
                   },
                   onChange: (e) => {
-                    var r;
-                    b(e.target.value.length > 0), (r = t.onChange) == null || r.call(t, e);
+                    var o;
+                    p(e.target.value.length > 0), (o = t.onChange) == null || o.call(t, e);
                   },
-                  placeholder: w ? g : void 0,
+                  placeholder: v ? y : void 0,
                   ...t
                 }
               ),
-              N && /* @__PURE__ */ a(
+              j && /* @__PURE__ */ r.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: F,
+                  onClick: w,
                   onMouseDown: (e) => e.preventDefault(),
-                  className: i("absolute right-[15px] cursor-pointer", o ? "bottom-[10px]" : "bottom-[19px]"),
-                  children: /* @__PURE__ */ a(j, { className: "text-gray-200" })
+                  className: i("absolute right-[15px] cursor-pointer", a ? "bottom-[10px]" : "bottom-[19px]"),
+                  children: /* @__PURE__ */ r.jsx(C, { className: "text-gray-200" })
                 }
               )
             ] }),
-            d && /* @__PURE__ */ a("div", { className: "absolute right-[15px] flex items-center", children: d })
+            s && /* @__PURE__ */ r.jsx("div", { className: "absolute right-[15px] flex items-center", children: s })
           ]
         }
       ),
-      (l || u) && /* @__PURE__ */ a(T, { variant: "b2", className: i("mt-[9px] ml-[5px]", l ? "text-red-400" : "text-gray-400"), children: l || u })
+      (l || c) && /* @__PURE__ */ r.jsx(B, { variant: "b2", className: i("mt-[9px] ml-[5px]", l ? "text-red-400" : "text-gray-400"), children: l || c })
     ] });
   }
 );
-H.displayName = "TextField";
+R.displayName = "TextField";
 export {
-  H as TextField
+  R as TextField
 };

package/dist/components/Input/common/InputFrame/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../chunks/index.styled.CMpDdHBq.js"),d=({focused:o,active:s,disabled:i,errorText:t,label:r,children:u,handleClickInput:c})=>e.jsxs(e.Fragment,{children:[e.jsxs(n.InputWrapper,{active:o,disabled:i,error:!!t,onClick:c,children:[r&&e.jsx(n.InputLabel,{htmlFor:r,active:s,children:r}),u]}),t&&e.jsx(n.ErrorText,{children:t})]});exports.InputFrameStyled=n.index_styled;exports.InputFrame=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../chunks/jsx-runtime.CrDL12FN.js"),e=require("../../../../chunks/index.styled.CMpDdHBq.js"),p=({focused:s,active:o,disabled:i,errorText:n,label:r,children:u,handleClickInput:m})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(e.InputWrapper,{active:s,disabled:i,error:!!n,onClick:m,children:[r&&t.jsxRuntimeExports.jsx(e.InputLabel,{htmlFor:r,active:o,children:r}),u]}),n&&t.jsxRuntimeExports.jsx(e.ErrorText,{children:n})]});exports.InputFrameStyled=e.index_styled;exports.InputFrame=p;

package/dist/components/Input/common/InputFrame/index.es.js

@@ -1,22 +1,22 @@
-import { jsxs as t, Fragment as s, jsx as o } from "react/jsx-runtime";
-import { I as c, a as d, E as h } from "../../../../chunks/index.styled.DmJ27_dc.js";
-import { i as x } from "../../../../chunks/index.styled.DmJ27_dc.js";
-const I = ({
-  focused: e,
-  active: a,
-  disabled: p,
-  errorText: r,
+import { j as r } from "../../../../chunks/jsx-runtime.OVHDjVDe.js";
+import { I as i, a as m, E as c } from "../../../../chunks/index.styled.DmJ27_dc.js";
+import { i as l } from "../../../../chunks/index.styled.DmJ27_dc.js";
+const u = ({
+  focused: s,
+  active: o,
+  disabled: e,
+  errorText: t,
   label: n,
-  children: i,
-  handleClickInput: m
-}) => /* @__PURE__ */ t(s, { children: [
-  /* @__PURE__ */ t(c, { active: e, disabled: p, error: !!r, onClick: m, children: [
-    n && /* @__PURE__ */ o(d, { htmlFor: n, active: a, children: n }),
-    i
+  children: a,
+  handleClickInput: p
+}) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  /* @__PURE__ */ r.jsxs(i, { active: s, disabled: e, error: !!t, onClick: p, children: [
+    n && /* @__PURE__ */ r.jsx(m, { htmlFor: n, active: o, children: n }),
+    a
   ] }),
-  r && /* @__PURE__ */ o(h, { children: r })
+  t && /* @__PURE__ */ r.jsx(c, { children: t })
 ] });
 export {
-  I as InputFrame,
-  x as InputFrameStyled
+  u as InputFrame,
+  l as InputFrameStyled
 };

package/dist/components/Input/common/InputFrame/index.styled.d.ts

@@ -13,13 +13,13 @@ export declare const InputWrapper: import('@emotion/styled').StyledComponent<{
     as?: React.ElementType;
 } & InputLabelType & DisabledType & {
     error: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputLabel: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & InputLabelType, import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+} & InputLabelType, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const ErrorText: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./common/InputFrame/index.cjs.js"),r=require("./BaseInput/index.cjs.js");require("react/jsx-runtime");require("react");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/index.styled.D12n8i_w.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");const u=require("./PostfixInput/index.cjs.js"),i=require("./ResidentNumberInput/index.cjs.js"),q=require("./TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../ui/bottomSheet.cjs.js");const n=require("../../chunks/index.styled.CMpDdHBq.js"),t=require("../../chunks/index.styled.B2P8JvNq.js");exports.InputFrame=e.InputFrame;exports.BaseInput=r.BaseInput;exports.PostfixInput=u.PostfixInput;exports.ResidentNumberInput=i.ResidentNumberInput;exports.TextField=q.TextField;exports.InputFrameStyled=n.index_styled;exports.BaseInputStyled=t.index_styled;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./common/InputFrame/index.cjs.js"),r=require("./BaseInput/index.cjs.js");require("../../chunks/jsx-runtime.CrDL12FN.js");require("react");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/index.mqd1GOb5.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("../Comment/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");const u=require("./PostfixInput/index.cjs.js"),i=require("./ResidentNumberInput/index.cjs.js"),q=require("./TextField/index.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../../chunks/index.D2jUN9AV.js");require("../ui/bottomSheet.cjs.js");const n=require("../../chunks/index.styled.CMpDdHBq.js"),t=require("../../chunks/index.styled.B2P8JvNq.js");exports.InputFrame=e.InputFrame;exports.BaseInput=r.BaseInput;exports.PostfixInput=u.PostfixInput;exports.ResidentNumberInput=i.ResidentNumberInput;exports.TextField=q.TextField;exports.InputFrameStyled=n.index_styled;exports.BaseInputStyled=t.index_styled;