@pfct/purple 1.7.0-next.4 → 1.8.0

package/dist/components/DatePicker/SingleDatePickerModal/index.es.js

@@ -1,10 +1,10 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { j as o } from "../../../chunks/jsx-runtime.C63F304d.js";
 import "../../Accordion/index.es.js";
 import "../../Badge/BaseBadge/index.styled.es.js";
 import "../../Badge/IconBadge/index.styled.es.js";
 import "../../Badge/TextBadge/index.styled.es.js";
 import "../../BottomSheet/BaseBottomSheet/index.es.js";
-import { NavBottomSheet as r } from "../../BottomSheet/NavBottomSheet/index.es.js";
+import { NavBottomSheet as t } from "../../BottomSheet/NavBottomSheet/index.es.js";
 import "../../BottomSheet/TitleBottomSheet/index.es.js";
 import "../../../core/Colors/index.es.js";
 import "../../../core/Display/index.styled.es.js";
@@ -17,8 +17,8 @@ import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "@emotion/react";
 import "../../Card/index.styled.es.js";
 import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
 import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Check.es.js";
@@ -55,7 +55,7 @@ import "../../Comment/index.es.js";
 import "../../Control/RadioButton/index.styled.es.js";
 import "../../Control/CheckMark/index.styled.es.js";
 import "../../Control/Switch/index.es.js";
-import { BaseDatePicker as c } from "../BaseDatePicker/index.es.js";
+import { BaseDatePicker as s } from "../BaseDatePicker/index.es.js";
 import "../BaseDatePicker/hooks/index.util.es.js";
 import "../RangeDatePickerModal/index.styled.es.js";
 import "../RangeDatePickerModal/useRangeDatePickerModal.es.js";
@@ -63,27 +63,29 @@ import "../../Input/BaseInput/index.es.js";
 import "../../../chunks/index.styled.BIY032si.js";
 import "../../Input/PostfixInput/index.es.js";
 import "../../Input/ResidentNumberInput/index.styled.es.js";
-import "../../Input/TextField/index.es.js";
 import "../../LegacyModal/index.es.js";
 import "../../Loading/ProgressBar/index.styled.es.js";
-import "../../Navigation/BaseNavigation/index.styled.es.js";
-import "../../Navigation/constant.es.js";
-import "../../Navigation/index.styled.es.js";
 import "../../Segment/BaseSegment/index.styled.es.js";
 import "../../Segment/ExtendSegment/index.styled.es.js";
 import "../../../chunks/index.styled.BBnRPj4x.js";
 import "../../Title/index.styled.es.js";
 import "../../../chunks/index.C4iHL8Gs.js";
+import "../../List/index.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/PageNavigationBar/index.es.js";
+import "../../Navigation/TitleNavigationBar/index.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Navigation/index.styled.es.js";
 import "../../ui/bottomSheet.es.js";
-import { ModalContentWrapper as s } from "./index.styled.es.js";
-import { useSingleDatePickerModal as Io } from "./useSingleDatePickerModal.es.js";
-const Fo = (t) => {
-  const { title: i, visibleModal: m, colorType: p, rightDisabled: e, onReset: l, onConfirm: n, closeModal: a } = t;
-  return /* @__PURE__ */ d(r, { onMaskClick: a, visible: m, children: [
-    /* @__PURE__ */ o(r.Navigation, { contentColor: "gray", hasBackgroundColor: !0, title: i }),
-    /* @__PURE__ */ o(r.Body, { hasBottomPadding: !1, hasContentPadding: !1, children: /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(c, { ...t }) }) }),
-    /* @__PURE__ */ o(
-      r.DoubleButton,
+import { ModalContentWrapper as d } from "./index.styled.es.js";
+import { useSingleDatePickerModal as Jo } from "./useSingleDatePickerModal.es.js";
+const Go = (r) => {
+  const { title: i, visibleModal: m, colorType: p, rightDisabled: e, onReset: l, onConfirm: n, closeModal: a } = r;
+  return /* @__PURE__ */ o.jsxs(t, { onMaskClick: a, visible: m, children: [
+    /* @__PURE__ */ o.jsx(t.Navigation, { contentColor: "gray", hasBackgroundColor: !0, title: i }),
+    /* @__PURE__ */ o.jsx(t.Body, { hasBottomPadding: !1, hasContentPadding: !1, children: /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsx(s, { ...r }) }) }),
+    /* @__PURE__ */ o.jsx(
+      t.DoubleButton,
       {
         left: {
           colorType: "gray",
@@ -101,6 +103,6 @@ const Fo = (t) => {
   ] });
 };
 export {
-  Fo as SingleDatePickerModal,
-  Io as useSingleDatePickerModal
+  Go as SingleDatePickerModal,
+  Jo as useSingleDatePickerModal
 };

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.d.ts

@@ -1,5 +1,5 @@
 export declare const ModalContentWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('node_modules/@emotion/react/dist/emotion-react.cjs.mjs').Theme;
+    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>, {}>;
 //# sourceMappingURL=index.styled.d.ts.map

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDatePickerModal/index.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;iJAI/B,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDatePickerModal/index.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;yGAI/B,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),p=require("react");require("react-dom");const v=require("../../chunks/index.ps14_l3u.js"),m=require("../../lib/utils.cjs.js");function b(t){if(t&&typeof t=="object"&&"default"in t)return t;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const u=b(p);var h=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],g=h.reduce((t,r)=>{const e=v.createSlot(`Primitive.${r}`),i=u.forwardRef((o,a)=>{const{asChild:s,...n}=o,f=s?e:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),l.jsx(f,{...n,ref:a})});return i.displayName=`Primitive.${r}`,{...t,[r]:i}},{}),O="Separator",c="horizontal",y=["horizontal","vertical"],d=u.forwardRef((t,r)=>{const{decorative:e,orientation:i=c,...o}=t,a=N(i)?i:c,n=e?{role:"none"}:{"aria-orientation":a==="vertical"?a:void 0,role:"separator"};return l.jsx(g.div,{"data-orientation":a,...n,...o,ref:r})});d.displayName=O;function N(t){return y.includes(t)}var S=d;function j({className:t,orientation:r="horizontal",size:e="s",decorative:i=!0,...o}){return l.jsx(S,{className:m.cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",e==="s"?"bg-gray-50 data-[orientation=horizontal]:h-0.25":"bg-gray-25 data-[orientation=horizontal]:h-3.75",t),"data-slot":"separator",decorative:i,orientation:r,...o})}exports.Divider=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),f=require("react");require("react-dom");const v=require("../../chunks/index.Beaq4T1c.js"),m=require("../../lib/utils.cjs.js");function b(t){if(t&&typeof t=="object"&&"default"in t)return t;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const u=b(f);var h=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],g=h.reduce((t,r)=>{const e=v.createSlot(`Primitive.${r}`),i=u.forwardRef((o,a)=>{const{asChild:l,...n}=o,p=l?e:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsxRuntimeExports.jsx(p,{...n,ref:a})});return i.displayName=`Primitive.${r}`,{...t,[r]:i}},{}),x="Separator",c="horizontal",O=["horizontal","vertical"],d=u.forwardRef((t,r)=>{const{decorative:e,orientation:i=c,...o}=t,a=j(i)?i:c,n=e?{role:"none"}:{"aria-orientation":a==="vertical"?a:void 0,role:"separator"};return s.jsxRuntimeExports.jsx(g.div,{"data-orientation":a,...n,...o,ref:r})});d.displayName=x;function j(t){return O.includes(t)}var y=d;function N({className:t,orientation:r="horizontal",size:e="s",decorative:i=!0,...o}){return s.jsxRuntimeExports.jsx(y,{className:m.cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",e==="s"?"bg-gray-50 data-[orientation=horizontal]:h-0.25":"bg-gray-25 data-[orientation=horizontal]:h-3.75",t),"data-slot":"separator",decorative:i,orientation:r,...o})}exports.Divider=N;

package/dist/components/Divider/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as c from "react";
+import { j as s } from "../../chunks/jsx-runtime.C63F304d.js";
+import * as p from "react";
 import "react-dom";
-import { c as v } from "../../chunks/index.9fap07Gq.js";
+import { c as v } from "../../chunks/index._MxrBNop.js";
 import { cn as f } from "../../lib/utils.es.js";
 var u = [
   "a",
@@ -22,14 +22,14 @@ var u = [
   "svg",
   "ul"
 ], h = u.reduce((t, r) => {
-  const a = v(`Primitive.${r}`), o = c.forwardRef((i, n) => {
-    const { asChild: s, ...e } = i, m = s ? a : r;
-    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(m, { ...e, ref: n });
+  const a = v(`Primitive.${r}`), o = p.forwardRef((i, n) => {
+    const { asChild: l, ...e } = i, m = l ? a : r;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s.jsx(m, { ...e, ref: n });
   });
   return o.displayName = `Primitive.${r}`, { ...t, [r]: o };
-}, {}), N = "Separator", d = "horizontal", w = ["horizontal", "vertical"], p = c.forwardRef((t, r) => {
-  const { decorative: a, orientation: o = d, ...i } = t, n = O(o) ? o : d, e = a ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
-  return /* @__PURE__ */ l(
+}, {}), N = "Separator", d = "horizontal", x = ["horizontal", "vertical"], c = p.forwardRef((t, r) => {
+  const { decorative: a, orientation: o = d, ...i } = t, n = w(o) ? o : d, e = a ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ s.jsx(
     h.div,
     {
       "data-orientation": n,
@@ -39,14 +39,14 @@ var u = [
     }
   );
 });
-p.displayName = N;
-function O(t) {
-  return w.includes(t);
+c.displayName = N;
+function w(t) {
+  return x.includes(t);
 }
-var b = p;
-function y({ className: t, orientation: r = "horizontal", size: a = "s", decorative: o = !0, ...i }) {
-  return /* @__PURE__ */ l(
-    b,
+var O = c;
+function R({ className: t, orientation: r = "horizontal", size: a = "s", decorative: o = !0, ...i }) {
+  return /* @__PURE__ */ s.jsx(
+    O,
     {
       className: f(
         "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
@@ -61,5 +61,5 @@ function y({ className: t, orientation: r = "horizontal", size: a = "s", decorat
   );
 }
 export {
-  y as Divider
+  R as Divider
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),w=require("../common/InputFrame/index.cjs.js"),f=require("../../../chunks/index.styled.yIsvimnv.js"),C=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},D=C(n),L=D.default.forwardRef((o,B)=>{const{value:r="",placeholder:g,onBlur:v,onFocus:R,onChange:j,disabled:a,label:s,decoration:c,errorValidation:u,logRocketMasking:E,focus:p=!1,focusedAnimation:m=!0,format:h="",pattern:F,type:I,...l}=o,[S,_]=n.useState(""),[b,T]=n.useState(!1),i=n.useRef(null),y=b||!!r,k=s&&y||!s,x=n.useCallback(e=>{const{type:t}=e;l.readOnly||a||m&&T(t==="focus")},[a,m,l.readOnly]);return n.useEffect(()=>{p&&i.current?.focus()},[p]),n.useEffect(()=>{if(r.replace(h,"").trim()&&u)for(let t=0;t<u.length;t++){if(!u[t]?.condition(r)&&r.length!==0){_(u[t]?.errorText??"");break}_("")}},[r,u,h]),n.useEffect(()=>{const e=i.current,t=q=>{q.preventDefault()};if(e)return e.addEventListener("wheel",t),()=>{e.removeEventListener("wheel",t)}},[]),d.jsxs(w.InputFrame,{active:y,disabled:!!a,errorText:S,focused:b,label:s,children:[d.jsx(f.InputTag,{"data-private":E,decoration:!!c,disabled:a,hasLabel:!!s,name:s,onBlur:e=>{v?.(e),x(e)},onChange:j,onFocus:e=>{R?.(e),x(e)},pattern:I==="number"?"\\d*":F,placeholder:k?g:"",ref:B||i,type:I,value:r,...l}),c&&d.jsx(f.DecorationItemWrapper,{disabled:a,children:c})]})});exports.BaseInputStyled=f.index_styled;exports.BaseInput=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),n=require("react"),w=require("../common/InputFrame/index.cjs.js"),f=require("../../../chunks/index.styled.yIsvimnv.js"),C=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},D=C(n),L=D.default.forwardRef((o,B)=>{const{value:r="",placeholder:R,onBlur:j,onFocus:E,onChange:g,disabled:a,label:s,decoration:c,errorValidation:u,logRocketMasking:v,focus:p=!1,focusedAnimation:m=!0,format:x="",pattern:F,type:h,...l}=o,[S,I]=n.useState(""),[_,T]=n.useState(!1),i=n.useRef(null),b=_||!!r,k=s&&b||!s,y=n.useCallback(e=>{const{type:t}=e;l.readOnly||a||m&&T(t==="focus")},[a,m,l.readOnly]);return n.useEffect(()=>{p&&i.current?.focus()},[p]),n.useEffect(()=>{if(r.replace(x,"").trim()&&u)for(let t=0;t<u.length;t++){if(!u[t]?.condition(r)&&r.length!==0){I(u[t]?.errorText??"");break}I("")}},[r,u,x]),n.useEffect(()=>{const e=i.current,t=q=>{q.preventDefault()};if(e)return e.addEventListener("wheel",t),()=>{e.removeEventListener("wheel",t)}},[]),d.jsxRuntimeExports.jsxs(w.InputFrame,{active:b,disabled:!!a,errorText:S,focused:_,label:s,children:[d.jsxRuntimeExports.jsx(f.InputTag,{"data-private":v,decoration:!!c,disabled:a,hasLabel:!!s,name:s,onBlur:e=>{j?.(e),y(e)},onChange:g,onFocus:e=>{E?.(e),y(e)},pattern:h==="number"?"\\d*":F,placeholder:k?R:"",ref:B||i,type:h,value:r,...l}),c&&d.jsxRuntimeExports.jsx(f.DecorationItemWrapper,{disabled:a,children:c})]})});exports.BaseInputStyled=f.index_styled;exports.BaseInput=L;

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

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

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

@@ -4,11 +4,11 @@ export declare const InputTag: import('@emotion/styled').StyledComponent<{
 } & {
     decoration?: boolean;
     hasLabel: boolean;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const DecorationItemWrapper: 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>, {}>;
 //# sourceMappingURL=index.styled.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput/index.styled.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,QAAQ;;;;iBAA+B,OAAO;cAAY,OAAO;0JA0D7E,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;eAA2B,OAAO;iJAQnE,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput/index.styled.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,QAAQ;;;;iBAA+B,OAAO;cAAY,OAAO;kHA0D7E,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;eAA2B,OAAO;yGAQnE,CAAC"}

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

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

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

@@ -1,16 +1,16 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useReducer as R, useRef as k, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
-import { extractNumber as C, formatKoreaCurrency as I } from "../../../utils/format.util.es.js";
+import { j as b } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { useReducer as O, useRef as R, useLayoutEffect as L, useEffect as P, useCallback as A } from "react";
+import { extractNumber as y, formatKoreaCurrency as j } from "../../../utils/format.util.es.js";
 import "../../../core/Colors/index.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "@emotion/react";
-import { BaseInput as _ } from "../BaseInput/index.es.js";
-const $ = (t) => {
-  const [, l] = R((e) => e + 1, 0), s = k(null), {
+import { BaseInput as I } from "../BaseInput/index.es.js";
+const _ = (t) => {
+  const [, l] = O((e) => e + 1, 0), s = R(null), {
     replace: u,
     append: f
-  } = t, i = u ? u(t.format(t.value)) : t.format(t.value), m = k(!1), v = (e) => {
+  } = t, i = u ? u(t.format(t.value)) : t.format(t.value), m = R(!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.");
@@ -50,16 +50,16 @@ const $ = (t) => {
       E
     ] = s.current;
     s.current = null;
-    const N = h && E, S = e.slice(n.selectionStart).search(t.accept || /\d/g), O = S !== -1 ? S : 0, d = (r) => (r.match(t.accept || /\d/g) || []).join(""), w = d(e.substr(0, n.selectionStart)), x = (r) => {
+    const C = h && E, N = e.slice(n.selectionStart).search(t.accept || /\d/g), k = N !== -1 ? N : 0, d = (r) => (r.match(t.accept || /\d/g) || []).join(""), w = d(e.substr(0, n.selectionStart)), S = (r) => {
       let c = 0, p = 0;
       for (let g = 0; g !== w.length; ++g) {
-        let V = r.indexOf(w[g], c) + 1, y = d(r).indexOf(w[g], p) + 1;
-        y - p > 1 && (V = c, y = p), p = Math.max(y, p), c = Math.max(c, V);
+        let V = r.indexOf(w[g], c) + 1, x = d(r).indexOf(w[g], p) + 1;
+        x - p > 1 && (V = c, x = p), p = Math.max(x, p), c = Math.max(c, V);
       }
       return c;
     };
     if (t.mask === !0 && o && !E) {
-      let r = x(e);
+      let r = S(e);
       const c = d(e.substr(r))[0];
       r = e.indexOf(c, r), e = `${e.substr(0, r)}${e.substr(r + 1)}`;
     }
@@ -68,11 +68,11 @@ const $ = (t) => {
     n.selectionStart === e.length && !E && (o ? a = f(a) : d(a.slice(-1)) === "" && (a = a.slice(0, -1)));
     const D = u ? u(a) : a;
     return i === D ? l() : t.onChange(D), () => {
-      let r = x(a);
-      if (t.mask != null && (o || h && !N))
+      let r = S(a);
+      if (t.mask != null && (o || h && !C))
         for (; a[r] && d(a[r]) === ""; )
           r += 1;
-      n.selectionStart = n.selectionEnd = r + (N ? 1 + O : 0);
+      n.selectionStart = n.selectionEnd = r + (C ? 1 + k : 0);
     };
   }), P(() => {
     const e = (o) => {
@@ -87,27 +87,27 @@ const $ = (t) => {
     value: s.current != null ? s.current[0] : i,
     onChange: v
   };
-}, B = (t) => {
-  const l = $(t);
+}, $ = (t) => {
+  const l = _(t);
   return t.children(l);
 }, X = (t) => {
   const { originValue: l, onValueChange: s, postfix: u = "", prefix: f = "", max: i = Number.MAX_SAFE_INTEGER, ...m } = t, v = A(
-    (e) => C(e).length > 0 ? `${f}${I(e)} ${u}` : "",
+    (e) => y(e).length > 0 ? `${f}${j(e)} ${u}` : "",
     [u, f]
   );
-  return /* @__PURE__ */ b(
-    B,
+  return /* @__PURE__ */ b.jsx(
+    $,
     {
       accept: /[\d]/g,
       format: v,
-      onChange: (e) => s?.(C(e)),
+      onChange: (e) => s?.(y(e)),
       value: l,
-      children: ({ value: e, onChange: n }) => /* @__PURE__ */ b(
-        _,
+      children: ({ value: e, onChange: n }) => /* @__PURE__ */ b.jsx(
+        I,
         {
           format: u,
           onChange: (o) => {
-            const h = C(o.target.value);
+            const h = y(o.target.value);
             Number(h) > i && (o.target.value = l), n(o);
           },
           type: "tel",

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

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