@pfct/purple 1.5.0-npm-next.3 → 1.5.0-npm-next.4

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

@@ -1,80 +1,80 @@
-import { j as f } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import S, { useState as y, useRef as V, useCallback as C, useEffect as d } from "react";
-import { I as O, D as P } from "../../../chunks/index.styled.Comn86rI.js";
-import { i as J } from "../../../chunks/index.styled.Comn86rI.js";
-import { InputFrame as W } from "../common/InputFrame/index.es.js";
-const q = S.forwardRef((B, R) => {
+import { jsxs as V, jsx as g } from "react/jsx-runtime";
+import j, { useState as y, useRef as C, useCallback as O, useEffect as f } from "react";
+import { I as P, D as W } from "../../../chunks/index.styled.Comn86rI.js";
+import { i as K } from "../../../chunks/index.styled.Comn86rI.js";
+import { InputFrame as _ } from "../common/InputFrame/index.es.js";
+const z = j.forwardRef((B, R) => {
   const {
     value: r = "",
-    placeholder: j,
-    onBlur: s,
-    onFocus: l,
-    onChange: E,
+    placeholder: k,
+    onBlur: l,
+    onFocus: s,
+    onChange: w,
     disabled: o,
     label: n,
     decoration: c,
     errorValidation: a,
-    logRocketMasking: k,
-    focus: p = !1,
-    focusedAnimation: m = !0,
-    format: h = "",
-    pattern: w,
-    type: x,
+    logRocketMasking: E,
+    focus: d = !1,
+    focusedAnimation: p = !0,
+    format: m = "",
+    pattern: T,
+    type: h,
     ...i
-  } = B, [T, b] = y(""), [I, D] = y(!1), u = V(null), v = I || !!r, F = n && v || !n, g = C(
+  } = B, [D, b] = y(""), [I, F] = y(!1), u = C(null), v = I || !!r, L = n && v || !n, x = O(
     (e) => {
       const { type: t } = e;
-      i.readOnly || o || m && D(t === "focus");
+      i.readOnly || o || p && F(t === "focus");
     },
-    [o, m, i.readOnly]
+    [o, p, i.readOnly]
   );
-  return d(() => {
+  return f(() => {
     var e;
-    p && ((e = u.current) == null || e.focus());
-  }, [p]), d(() => {
-    if (r.replace(h, "").trim() && a)
+    d && ((e = u.current) == null || e.focus());
+  }, [d]), f(() => {
+    if (r.replace(m, "").trim() && a)
       for (let t = 0; t < a.length; t++)
         if (!a[t].condition(r) && r.length !== 0) {
           b(a[t].errorText);
           break;
         } else
           b("");
-  }, [r, a, h]), d(() => {
-    const e = u.current, t = (L) => {
-      L.preventDefault();
+  }, [r, a, m]), f(() => {
+    const e = u.current, t = (S) => {
+      S.preventDefault();
     };
     if (e)
       return e.addEventListener("wheel", t), () => {
         e.removeEventListener("wheel", t);
       };
-  }, []), /* @__PURE__ */ f.jsxs(W, { label: n, focused: I, active: v, disabled: !!o, errorText: T, children: [
-    /* @__PURE__ */ f.jsx(
-      O,
+  }, []), /* @__PURE__ */ V(_, { label: n, focused: I, active: v, disabled: !!o, errorText: D, children: [
+    /* @__PURE__ */ g(
+      P,
       {
-        "data-private": k,
+        "data-private": E,
         ref: R || u,
         name: n,
         disabled: o,
         value: r,
-        onChange: E,
+        onChange: w,
         onFocus: (e) => {
-          l == null || l(e), g(e);
+          s == null || s(e), x(e);
         },
         onBlur: (e) => {
-          s == null || s(e), g(e);
+          l == null || l(e), x(e);
         },
         decoration: !!c,
-        pattern: x === "number" ? "\\d*" : w,
-        type: x,
+        pattern: h === "number" ? "\\d*" : T,
+        type: h,
         hasLabel: !!n,
-        placeholder: F ? j : "",
+        placeholder: L ? k : "",
         ...i
       }
     ),
-    c && /* @__PURE__ */ f.jsx(P, { disabled: o, children: c })
+    c && /* @__PURE__ */ g(W, { disabled: o, children: c })
   ] });
 });
 export {
-  q as BaseInput,
-  J as BaseInputStyled
+  z as BaseInput,
+  K as BaseInputStyled
 };

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

@@ -1 +1 @@
-"use strict";const D=require("../../../chunks/jsx-runtime.713F0z8w.js"),q=require("react"),_=require("../BaseInput/index.cjs.js");require("@emotion/react");const g=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/index.styled.7ZYWAl1u.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/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.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");require("../../../chunks/index.styled.CMpDdHBq.js");require("../PostfixInput/index.cjs.js");require("../ResidentNumberInput/index.styled.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 k=r=>{const[,a]=q.useReducer(e=>e+1,0),i=q.useRef(null),{replace:s,append:f}=r,l=s?s(r.format(r.value)):r.format(r.value),d=q.useRef(!1),v=e=>{if(process.env.NODE_ENV!=="production"){if(e.target.type==="number"){console.error("Rifm does not support input type=number, use type=tel instead.");return}if(e.target.type==="date"){console.error("Rifm does not support input type=date.");return}}const t=e.target.value;if(i.current=[t,e.target,t.length>l.length,d.current,l===r.format(t)],process.env.NODE_ENV!=="production"){const n=r.format(t);t!==n&&t.toLowerCase()===n.toLowerCase()&&console.warn("Case enforcement does not work with format. Please use replace={value => value.toLowerCase()} instead")}a()};return(process.env.NODE_ENV==="production"||typeof window<"u")&&q.useLayoutEffect(()=>{if(i.current==null)return;let[e,t,n,h,E]=i.current;i.current=null;const N=h&&E,R=e.slice(t.selectionStart).search(r.accept||/\d/g),V=R!==-1?R:0,m=u=>(u.match(r.accept||/\d/g)||[]).join(""),w=m(e.substr(0,t.selectionStart)),b=u=>{let c=0,p=0;for(let x=0;x!==w.length;++x){let C=u.indexOf(w[x],c)+1,y=m(u).indexOf(w[x],p)+1;y-p>1&&(C=c,y=p),p=Math.max(y,p),c=Math.max(c,C)}return c};if(r.mask===!0&&n&&!E){let u=b(e);const c=m(e.substr(u))[0];u=e.indexOf(c,u),e=`${e.substr(0,u)}${e.substr(u+1)}`}let o=r.format(e);f!=null&&t.selectionStart===e.length&&!E&&(n?o=f(o):m(o.slice(-1))===""&&(o=o.slice(0,-1)));const S=s?s(o):o;return l===S?a():r.onChange(S),()=>{let u=b(o);if(r.mask!=null&&(n||h&&!N))for(;o[u]&&m(o[u])==="";)u+=1;t.selectionStart=t.selectionEnd=u+(N?1+V:0)}}),q.useEffect(()=>{const e=n=>{n.code==="Delete"&&(d.current=!0)},t=n=>{n.code==="Delete"&&(d.current=!1)};return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}},[]),{value:i.current!=null?i.current[0]:l,onChange:v}},O=r=>{const a=k(r);return r.children(a)},L=r=>{const{originValue:a,onValueChange:i,postfix:s="",prefix:f="",max:l=Number.MAX_SAFE_INTEGER,...d}=r,v=q.useCallback(e=>g.extractNumber(e).length>0?`${f}${g.formatKoreaCurrency(e)} ${s}`:"",[s,f]);return D.jsxRuntimeExports.jsx(O,{accept:/[\d]/g,format:v,value:a,onChange:e=>i==null?void 0:i(g.extractNumber(e)),children:({value:e,onChange:t})=>D.jsxRuntimeExports.jsx(_.BaseInput,{type:"tel",format:s,value:e,onChange:n=>{const h=g.extractNumber(n.target.value);Number(h)>l&&(n.target.value=a),t(n)},...d})})};module.exports=L;
+"use strict";const R=require("react/jsx-runtime"),q=require("react"),_=require("../BaseInput/index.cjs.js");require("@emotion/react");const v=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/index.styled.Sx0nU536.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/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Eye_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");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");require("../../../chunks/index.styled.CMpDdHBq.js");require("../PostfixInput/index.cjs.js");require("../ResidentNumberInput/index.styled.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 k=r=>{const[,a]=q.useReducer(e=>e+1,0),i=q.useRef(null),{replace:s,append:f}=r,l=s?s(r.format(r.value)):r.format(r.value),d=q.useRef(!1),x=e=>{if(process.env.NODE_ENV!=="production"){if(e.target.type==="number"){console.error("Rifm does not support input type=number, use type=tel instead.");return}if(e.target.type==="date"){console.error("Rifm does not support input type=date.");return}}const t=e.target.value;if(i.current=[t,e.target,t.length>l.length,d.current,l===r.format(t)],process.env.NODE_ENV!=="production"){const n=r.format(t);t!==n&&t.toLowerCase()===n.toLowerCase()&&console.warn("Case enforcement does not work with format. Please use replace={value => value.toLowerCase()} instead")}a()};return(process.env.NODE_ENV==="production"||typeof window<"u")&&q.useLayoutEffect(()=>{if(i.current==null)return;let[e,t,n,g,E]=i.current;i.current=null;const N=g&&E,b=e.slice(t.selectionStart).search(r.accept||/\d/g),V=b!==-1?b:0,m=u=>(u.match(r.accept||/\d/g)||[]).join(""),w=m(e.substr(0,t.selectionStart)),S=u=>{let c=0,h=0;for(let p=0;p!==w.length;++p){let D=u.indexOf(w[p],c)+1,y=m(u).indexOf(w[p],h)+1;y-h>1&&(D=c,y=h),h=Math.max(y,h),c=Math.max(c,D)}return c};if(r.mask===!0&&n&&!E){let u=S(e);const c=m(e.substr(u))[0];u=e.indexOf(c,u),e=`${e.substr(0,u)}${e.substr(u+1)}`}let o=r.format(e);f!=null&&t.selectionStart===e.length&&!E&&(n?o=f(o):m(o.slice(-1))===""&&(o=o.slice(0,-1)));const C=s?s(o):o;return l===C?a():r.onChange(C),()=>{let u=S(o);if(r.mask!=null&&(n||g&&!N))for(;o[u]&&m(o[u])==="";)u+=1;t.selectionStart=t.selectionEnd=u+(N?1+V:0)}}),q.useEffect(()=>{const e=n=>{n.code==="Delete"&&(d.current=!0)},t=n=>{n.code==="Delete"&&(d.current=!1)};return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}},[]),{value:i.current!=null?i.current[0]:l,onChange:x}},O=r=>{const a=k(r);return r.children(a)},L=r=>{const{originValue:a,onValueChange:i,postfix:s="",prefix:f="",max:l=Number.MAX_SAFE_INTEGER,...d}=r,x=q.useCallback(e=>v.extractNumber(e).length>0?`${f}${v.formatKoreaCurrency(e)} ${s}`:"",[s,f]);return R.jsx(O,{accept:/[\d]/g,format:x,value:a,onChange:e=>i==null?void 0:i(v.extractNumber(e)),children:({value:e,onChange:t})=>R.jsx(_.BaseInput,{type:"tel",format:s,value:e,onChange:n=>{const g=v.extractNumber(n.target.value);Number(g)>l&&(n.target.value=a),t(n)},...d})})};module.exports=L;

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

@@ -1,12 +1,12 @@
-import { j as R } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { useReducer as O, useRef as V, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
-import { BaseInput as j } from "../BaseInput/index.es.js";
+import { jsx as V } from "react/jsx-runtime";
+import { useReducer as R, useRef as k, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
+import { BaseInput as I } from "../BaseInput/index.es.js";
 import "@emotion/react";
-import { formatKoreaCurrency as I, extractNumber as y } from "../../../utils/format.util.es.js";
+import { formatKoreaCurrency as _, extractNumber as N } from "../../../utils/format.util.es.js";
 import "../../../core/Colors/index.es.js";
 import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../chunks/index.styled.BFT7pD9o.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";
 import "../../Accordion/index.es.js";
@@ -21,17 +21,20 @@ import "../../Control/CheckMark/index.styled.es.js";
 import "../../Control/Switch/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
 import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
 import "../../../icons/src/icons/Filter.es.js";
 import "../../../icons/src/icons/Information.es.js";
 import "../../../icons/src/icons/Menu.es.js";
@@ -40,13 +43,10 @@ import "../../../icons/src/icons/Person_fill.es.js";
 import "../../../icons/src/icons/Plus.es.js";
 import "../../../icons/src/icons/Question_circle.es.js";
 import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Share.es.js";
 import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../library/IconWithImage/index.styled.es.js";
 import "../../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -72,11 +72,11 @@ import "../../Segment/ExtendSegment/index.styled.es.js";
 import "../../ToastMessage/Toast/index.styled.es.js";
 import "../../Tooltip/TooltipBase/index.styled.es.js";
 import "../../ui/bottomSheet.es.js";
-const _ = (e) => {
-  const [, s] = O((t) => t + 1, 0), n = V(null), {
+const $ = (e) => {
+  const [, s] = R((t) => t + 1, 0), n = k(null), {
     replace: a,
     append: c
-  } = e, u = a ? a(e.format(e.value)) : e.format(e.value), l = V(!1), v = (t) => {
+  } = e, u = a ? a(e.format(e.value)) : e.format(e.value), l = k(!1), v = (t) => {
     if (process.env.NODE_ENV !== "production") {
       if (t.target.type === "number") {
         console.error("Rifm does not support input type=number, use type=tel instead.");
@@ -116,11 +116,11 @@ const _ = (e) => {
       E
     ] = n.current;
     n.current = null;
-    const N = h && E, S = t.slice(r.selectionStart).search(e.accept || /\d/g), k = S !== -1 ? S : 0, f = (o) => (o.match(e.accept || /\d/g) || []).join(""), w = f(t.substr(0, r.selectionStart)), C = (o) => {
+    const S = h && E, x = t.slice(r.selectionStart).search(e.accept || /\d/g), O = x !== -1 ? x : 0, f = (o) => (o.match(e.accept || /\d/g) || []).join(""), w = f(t.substr(0, r.selectionStart)), C = (o) => {
       let p = 0, d = 0;
       for (let g = 0; g !== w.length; ++g) {
-        let b = o.indexOf(w[g], p) + 1, x = f(o).indexOf(w[g], d) + 1;
-        x - d > 1 && (b = p, x = d), d = Math.max(x, d), p = Math.max(p, b);
+        let b = o.indexOf(w[g], p) + 1, y = f(o).indexOf(w[g], d) + 1;
+        y - d > 1 && (b = p, y = d), d = Math.max(y, d), p = Math.max(p, b);
       }
       return p;
     };
@@ -135,10 +135,10 @@ const _ = (e) => {
     const D = a ? a(m) : m;
     return u === D ? s() : e.onChange(D), () => {
       let o = C(m);
-      if (e.mask != null && (i || h && !N))
+      if (e.mask != null && (i || h && !S))
         for (; m[o] && f(m[o]) === ""; )
           o += 1;
-      r.selectionStart = r.selectionEnd = o + (N ? 1 + k : 0);
+      r.selectionStart = r.selectionEnd = o + (S ? 1 + O : 0);
     };
   }), P(() => {
     const t = (i) => {
@@ -153,29 +153,29 @@ const _ = (e) => {
     value: n.current != null ? n.current[0] : u,
     onChange: v
   };
-}, $ = (e) => {
-  const s = _(e);
+}, B = (e) => {
+  const s = $(e);
   return e.children(s);
 }, ne = (e) => {
   const { originValue: s, onValueChange: n, postfix: a = "", prefix: c = "", max: u = Number.MAX_SAFE_INTEGER, ...l } = e, v = A(
-    (t) => y(t).length > 0 ? `${c}${I(t)} ${a}` : "",
+    (t) => N(t).length > 0 ? `${c}${_(t)} ${a}` : "",
     [a, c]
   );
-  return /* @__PURE__ */ R.jsx(
-    $,
+  return /* @__PURE__ */ V(
+    B,
     {
       accept: /[\d]/g,
       format: v,
       value: s,
-      onChange: (t) => n == null ? void 0 : n(y(t)),
-      children: ({ value: t, onChange: r }) => /* @__PURE__ */ R.jsx(
-        j,
+      onChange: (t) => n == null ? void 0 : n(N(t)),
+      children: ({ value: t, onChange: r }) => /* @__PURE__ */ V(
+        I,
         {
           type: "tel",
           format: a,
           value: t,
           onChange: (i) => {
-            const h = y(i.target.value);
+            const h = N(i.target.value);
             Number(h) > u && (i.target.value = s), r(i);
           },
           ...l

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("react"),z=require("../../../chunks/index.styled.B2P8JvNq.js"),a=require("./index.styled.cjs.js"),A=require("../../../core/Typography/BaseTypography/index.cjs.js"),L=require("../../../core/Colors/index.cjs.js"),O=require("../common/InputFrame/index.cjs.js"),G=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},H=G(n),J=H.default.forwardRef((o,P)=>{const{realValue:i,postfix:v,onBlur:m,onFocus:h,onClick:p,disabled:d,label:u,placeholder:g,errorValidation:l,logRocketMasking:F,focus:_=!1,max:I,decoration:R,updateRealValue:E,formatRealValue:x,formatDisplayValue:r,type:T,pattern:w,...D}=o,[f,M]=n.useState(""),[U,j]=n.useState(""),[b,C]=n.useState(_),c=n.useRef(null),y=b||!!f,B=!u&&!y&&!!g,k=n.useCallback(e=>{if(e.length===0||e==="0"){j("");return}if(l)for(let t=0;t<l.length;t++)if(!l[t].condition(e)&&e.length!==0){j(l[t].errorText);break}else j("")},[l]),N=n.useCallback(e=>{const{type:t}=e;C(t==="focus")},[]),q=n.useCallback(e=>{var t;p==null||p(e),(t=c.current)==null||t.focus()},[p,c]),W=n.useCallback(e=>{const t=(x==null?void 0:x(e))||e,S=Number(I),V=Number(t);S&&!isNaN(V)&&V>S||E(t)},[I,E,x]);return n.useEffect(()=>{let e=i;r&&(e=(r==null?void 0:r(e))||""),M(e),k(i)},[r,k,i]),n.useEffect(()=>{var e;_&&((e=c.current)==null||e.focus())},[c,_]),s.jsxRuntimeExports.jsxs(O.InputFrame,{label:u,active:y,focused:b,disabled:!!d,errorText:U,handleClickInput:q,children:[s.jsxRuntimeExports.jsxs(a.InputAndUnitWrapper,{children:[s.jsxRuntimeExports.jsx(a.InputSizer,{focused:b,displayValue:f,children:s.jsxRuntimeExports.jsx(a.InputTag,{...D,className:a.className.inputTag,hasLabel:!!u,placeholder:B?g:"","data-private":F,ref:P||c,name:u,disabled:d,value:r?f:i,onChange:e=>{const t=e.currentTarget.value;W(t)},onFocus:e=>{h==null||h(e),N(e)},onBlur:e=>{m==null||m(e),N(e)},decoration:!1,pattern:T==="number"?"\\d*":w,type:T,onClick:q,size:B?void 0:1})}),s.jsxRuntimeExports.jsx(a.UnitWrapper,{children:y&&s.jsxRuntimeExports.jsx(a.Unit,{hasLabel:!!u,hasValue:!!f,children:s.jsxRuntimeExports.jsx(A.BaseTypography,{md:"Title1",color:d?L.basicColors.gray200:void 0,children:v})})})]}),R&&s.jsxRuntimeExports.jsx(z.DecorationItemWrapper,{disabled:d,children:R})]})});exports.PostfixInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),z=require("../../../chunks/index.styled.B2P8JvNq.js"),r=require("./index.styled.cjs.js"),A=require("../../../core/Typography/BaseTypography/index.cjs.js"),L=require("../../../core/Colors/index.cjs.js"),O=require("../common/InputFrame/index.cjs.js"),G=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},H=G(n),J=H.default.forwardRef((s,v)=>{const{realValue:i,postfix:F,onBlur:x,onFocus:m,onClick:p,disabled:d,label:l,placeholder:I,errorValidation:c,logRocketMasking:w,focus:_=!1,max:j,decoration:T,updateRealValue:C,formatRealValue:f,formatDisplayValue:a,type:B,pattern:D,...E}=s,[h,M]=n.useState(""),[U,b]=n.useState(""),[y,k]=n.useState(_),u=n.useRef(null),g=y||!!h,N=!l&&!g&&!!I,q=n.useCallback(e=>{if(e.length===0||e==="0"){b("");return}if(c)for(let t=0;t<c.length;t++)if(!c[t].condition(e)&&e.length!==0){b(c[t].errorText);break}else b("")},[c]),R=n.useCallback(e=>{const{type:t}=e;k(t==="focus")},[]),S=n.useCallback(e=>{var t;p==null||p(e),(t=u.current)==null||t.focus()},[p,u]),W=n.useCallback(e=>{const t=(f==null?void 0:f(e))||e,V=Number(j),P=Number(t);V&&!isNaN(P)&&P>V||C(t)},[j,C,f]);return n.useEffect(()=>{let e=i;a&&(e=(a==null?void 0:a(e))||""),M(e),q(i)},[a,q,i]),n.useEffect(()=>{var e;_&&((e=u.current)==null||e.focus())},[u,_]),o.jsxs(O.InputFrame,{label:l,active:g,focused:y,disabled:!!d,errorText:U,handleClickInput:S,children:[o.jsxs(r.InputAndUnitWrapper,{children:[o.jsx(r.InputSizer,{focused:y,displayValue:h,children:o.jsx(r.InputTag,{...E,className:r.className.inputTag,hasLabel:!!l,placeholder:N?I:"","data-private":w,ref:v||u,name:l,disabled:d,value:a?h:i,onChange:e=>{const t=e.currentTarget.value;W(t)},onFocus:e=>{m==null||m(e),R(e)},onBlur:e=>{x==null||x(e),R(e)},decoration:!1,pattern:B==="number"?"\\d*":D,type:B,onClick:S,size:N?void 0:1})}),o.jsx(r.UnitWrapper,{children:g&&o.jsx(r.Unit,{hasLabel:!!l,hasValue:!!h,children:o.jsx(A.BaseTypography,{md:"Title1",color:d?L.basicColors.gray200:void 0,children:F})})})]}),T&&o.jsx(z.DecorationItemWrapper,{disabled:d,children:T})]})});exports.PostfixInput=J;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");const u=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../chunks/index.styled.7ZYWAl1u.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("react");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/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.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");require("../../../chunks/index.styled.CMpDdHBq.js");require("../BaseInput/index.cjs.js");require("./index.cjs.js");require("../ResidentNumberInput/index.styled.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 q=1e4,t=e=>{const r=Number(u.extractNumber(e));return isNaN(r)?"":(Number(u.extractNumber(e))*q).toString()},a=e=>{const r=Number(u.extractNumber(e))/q,i=r?r.toString():"";return i&&u.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=a;exports.formatRealValueWithManWon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");const u=require("../../../utils/format.util.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("react/jsx-runtime");require("../../../chunks/index.styled.Sx0nU536.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("react");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/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Eye_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");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");require("../../../chunks/index.styled.CMpDdHBq.js");require("../BaseInput/index.cjs.js");require("./index.cjs.js");require("../ResidentNumberInput/index.styled.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 q=1e4,t=e=>{const r=Number(u.extractNumber(e));return isNaN(r)?"":(Number(u.extractNumber(e))*q).toString()},a=e=>{const r=Number(u.extractNumber(e))/q,i=r?r.toString():"";return i&&u.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=a;exports.formatRealValueWithManWon=t;

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

@@ -3,8 +3,8 @@ import { extractNumber as m, formatKoreaCurrency as p } from "../../../utils/for
 import "../../../core/Colors/index.es.js";
 import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import "../../../chunks/index.styled.D9nfJhVZ.js";
+import "react/jsx-runtime";
+import "../../../chunks/index.styled.BFT7pD9o.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";
 import "../../Accordion/index.es.js";
@@ -20,17 +20,20 @@ import "../../Control/CheckMark/index.styled.es.js";
 import "../../Control/Switch/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/index.styled.es.js";
 import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
 import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
 import "../../../icons/src/icons/Filter.es.js";
 import "../../../icons/src/icons/Information.es.js";
 import "../../../icons/src/icons/Menu.es.js";
@@ -39,13 +42,10 @@ import "../../../icons/src/icons/Person_fill.es.js";
 import "../../../icons/src/icons/Plus.es.js";
 import "../../../icons/src/icons/Question_circle.es.js";
 import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Share.es.js";
 import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../library/IconWithImage/index.styled.es.js";
 import "../../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";

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

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