@pfct/purple 1.4.0-rc.3 → 1.4.0-rc.5

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

@@ -0,0 +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.Cw4AEFns.js";
+import { i as J } from "../../../chunks/index.styled.Cw4AEFns.js";
+import { InputFrame as W } from "../common/InputFrame/index.es.js";
+const q = S.forwardRef((B, R) => {
+  const {
+    value: r = "",
+    placeholder: j,
+    onBlur: s,
+    onFocus: l,
+    onChange: E,
+    disabled: o,
+    label: n,
+    decoration: c,
+    errorValidation: a,
+    logRocketMasking: k,
+    focus: p = !1,
+    focusedAnimation: m = !0,
+    format: h = "",
+    pattern: w,
+    type: x,
+    ...i
+  } = B, [T, b] = y(""), [I, D] = y(!1), u = V(null), v = I || !!r, F = n && v || !n, g = C(
+    (e) => {
+      const { type: t } = e;
+      i.readOnly || o || m && D(t === "focus");
+    },
+    [o, m, i.readOnly]
+  );
+  return d(() => {
+    var e;
+    p && ((e = u.current) == null || e.focus());
+  }, [p]), d(() => {
+    if (r.replace(h, "").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();
+    };
+    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,
+      {
+        "data-private": k,
+        ref: R || u,
+        name: n,
+        disabled: o,
+        value: r,
+        onChange: E,
+        onFocus: (e) => {
+          l == null || l(e), g(e);
+        },
+        onBlur: (e) => {
+          s == null || s(e), g(e);
+        },
+        decoration: !!c,
+        pattern: x === "number" ? "\\d*" : w,
+        type: x,
+        hasLabel: !!n,
+        placeholder: F ? j : "",
+        ...i
+      }
+    ),
+    c && /* @__PURE__ */ f.jsx(P, { disabled: o, children: c })
+  ] });
+});
+export {
+  q as BaseInput,
+  J as BaseInputStyled
+};

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

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

@@ -0,0 +1 @@
+"use strict";const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../../chunks/react.esm.DGn2IpBE.js"),s=require("./index.cjs.js");describe("<BaseInput />",()=>{it("렌더링 체크",()=>{t.render(e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["확인",e.jsxRuntimeExports.jsx(s.BaseInput,{})]})),expect(t.screen.getByText("확인")).toBeInTheDocument()})});

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

@@ -0,0 +1,13 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r, s as t } from "../../../chunks/react.esm.CbGyPoJJ.js";
+import { BaseInput as s } from "./index.es.js";
+describe("<BaseInput />", () => {
+  it("렌더링 체크", () => {
+    r(
+      /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        "확인",
+        /* @__PURE__ */ e.jsx(s, {})
+      ] })
+    ), expect(t.getByText("확인")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../core/TextStyles/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../common/InputFrame/constant.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");const e=require("../../../chunks/index.styled.bRkhLIZX.js");exports.DecorationItemWrapper=e.DecorationItemWrapper;exports.InputTag=e.InputTag;

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const InputTag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    decoration?: boolean | undefined;
+    decoration?: boolean;
     hasLabel: boolean;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const DecorationItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,11 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../core/TextStyles/index.es.js";
+import "../../../core/Colors/index.es.js";
+import "../common/InputFrame/constant.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import { D as I, I as n } from "../../../chunks/index.styled.Cw4AEFns.js";
+export {
+  I as DecorationItemWrapper,
+  n as InputTag
+};

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

@@ -0,0 +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.SwCr6Bqs.js");require("../../../core/TextStyles/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Button/DoubleButton/index.styled.cjs.js");require("../../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/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("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/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.DkE3TbtV.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/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");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;

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

@@ -0,0 +1,189 @@
+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 "@emotion/react";
+import { formatKoreaCurrency as I, extractNumber as y } 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.BTZpARWY.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+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 "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+const _ = (e) => {
+  const [, s] = O((t) => t + 1, 0), n = V(null), {
+    replace: a,
+    append: c
+  } = e, u = a ? a(e.format(e.value)) : e.format(e.value), l = V(!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.");
+        return;
+      }
+      if (t.target.type === "date") {
+        console.error("Rifm does not support input type=date.");
+        return;
+      }
+    }
+    const r = t.target.value;
+    if (n.current = [
+      r,
+      // eventValue
+      t.target,
+      // input
+      r.length > u.length,
+      // isSizeIncreaseOperation
+      l.current,
+      // isDeleleteButtonDown
+      u === e.format(r)
+      // isNoOperation
+    ], process.env.NODE_ENV !== "production") {
+      const i = e.format(r);
+      r !== i && r.toLowerCase() === i.toLowerCase() && console.warn("Case enforcement does not work with format. Please use replace={value => value.toLowerCase()} instead");
+    }
+    s();
+  };
+  return (process.env.NODE_ENV === "production" || typeof window < "u") && L(() => {
+    if (n.current == null) return;
+    let [
+      t,
+      r,
+      i,
+      h,
+      // No operation means that value itself hasn't been changed, BTW cursor, selection etc can be changed
+      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) => {
+      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);
+      }
+      return p;
+    };
+    if (e.mask === !0 && i && !E) {
+      let o = C(t);
+      const p = f(t.substr(o))[0];
+      o = t.indexOf(p, o), t = `${t.substr(0, o)}${t.substr(o + 1)}`;
+    }
+    let m = e.format(t);
+    c != null && // cursor at the end
+    r.selectionStart === t.length && !E && (i ? m = c(m) : f(m.slice(-1)) === "" && (m = m.slice(0, -1)));
+    const D = a ? a(m) : m;
+    return u === D ? s() : e.onChange(D), () => {
+      let o = C(m);
+      if (e.mask != null && (i || h && !N))
+        for (; m[o] && f(m[o]) === ""; )
+          o += 1;
+      r.selectionStart = r.selectionEnd = o + (N ? 1 + k : 0);
+    };
+  }), P(() => {
+    const t = (i) => {
+      i.code === "Delete" && (l.current = !0);
+    }, r = (i) => {
+      i.code === "Delete" && (l.current = !1);
+    };
+    return document.addEventListener("keydown", t), document.addEventListener("keyup", r), () => {
+      document.removeEventListener("keydown", t), document.removeEventListener("keyup", r);
+    };
+  }, []), {
+    value: n.current != null ? n.current[0] : u,
+    onChange: v
+  };
+}, $ = (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}` : "",
+    [a, c]
+  );
+  return /* @__PURE__ */ R.jsx(
+    $,
+    {
+      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,
+        {
+          type: "tel",
+          format: a,
+          value: t,
+          onChange: (i) => {
+            const h = y(i.target.value);
+            Number(h) > u && (i.target.value = s), r(i);
+          },
+          ...l
+        }
+      )
+    }
+  );
+};
+export {
+  ne as default
+};

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

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

@@ -0,0 +1 @@
+"use strict";const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../../chunks/react.esm.DGn2IpBE.js"),n=require("./index.cjs.js"),r={originValue:""};describe("<NumberInput />",()=>{it("렌더링 체크",()=>{t.render(e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["확인",e.jsxRuntimeExports.jsx(n,{...r})]})),expect(t.screen.getByText("확인")).toBeInTheDocument()})});

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

@@ -0,0 +1,16 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r, s as t } from "../../../chunks/react.esm.CbGyPoJJ.js";
+import s from "./index.es.js";
+const o = {
+  originValue: ""
+};
+describe("<NumberInput />", () => {
+  it("렌더링 체크", () => {
+    r(
+      /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        "확인",
+        /* @__PURE__ */ e.jsx(s, { ...o })
+      ] })
+    ), expect(t.getByText("확인")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");require("react");require("../../../chunks/index.styled.bRkhLIZX.js");require("./index.styled.cjs.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../../core/Colors/index.cjs.js");require("../common/InputFrame/index.cjs.js");exports.PostfixInput=e.PostfixInput;

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

@@ -0,0 +1,10 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import "../../../chunks/index.styled.Cw4AEFns.js";
+import "./index.styled.es.js";
+import { P as x } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../../core/Colors/index.es.js";
+import "../common/InputFrame/index.es.js";
+export {
+  x as PostfixInput
+};

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

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

@@ -0,0 +1 @@
+"use strict";const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../../chunks/react.esm.DGn2IpBE.js"),r=require("../../../chunks/index.styled.SwCr6Bqs.js"),n={realValue:"",updateRealValue:s=>{console.log("updateRealValue",s)}};describe("<PostfixInput />",()=>{it("렌더링 체크",()=>{t.render(e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["확인",e.jsxRuntimeExports.jsx(r.PostfixInput,{...n})]})),expect(t.screen.getByText("확인")).toBeInTheDocument()})});

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

@@ -0,0 +1,19 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r as s, s as o } from "../../../chunks/react.esm.CbGyPoJJ.js";
+import { P as r } from "../../../chunks/index.styled.BTZpARWY.js";
+const a = {
+  realValue: "",
+  updateRealValue: (t) => {
+    console.log("updateRealValue", t);
+  }
+};
+describe("<PostfixInput />", () => {
+  it("렌더링 체크", () => {
+    s(
+      /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        "확인",
+        /* @__PURE__ */ e.jsx(r, { ...a })
+      ] })
+    ), expect(o.getByText("확인")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../chunks/index.styled.bRkhLIZX.js"),o=require("@emotion/styled"),r=require("../../../core/TextStyles/index.cjs.js"),n=require("../common/InputFrame/constant.cjs.js"),a=require("@emotion/react"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=s(o),i={inputTag:"postfix-input-tag"},d=e.default(p.InputTag)`
+	background-color: transparent;
+	padding-right: 0;
+	border-radius: 0;
+	height: ${n.INPUT_HEIGHT}px; /** input, unit 아랫선 맞추기 */
+`,c=e.default.div`
+	display: flex;
+	width: 100%;
+`,u=e.default.div`
+	display: block;
+	position: relative;
+	flex: 1;
+`,l=e.default.div`
+	position: absolute;
+
+	${({hasLabel:t})=>t?a.css`
+					top: ${n.INNER_POSITION_TOP.hasLabel}px;
+			  `:a.css`
+					top: ${n.INNER_POSITION_TOP.noLabel}px;
+			  `}
+`,I=e.default.div`
+	display: inline-grid;
+	flex: none;
+
+	${({focused:t})=>t&&a.css`
+			width: fit-content;
+			padding-right: 4px;
+		`}
+
+	&::after {
+		content: '${({displayValue:t})=>t+" "}';
+
+		visibility: hidden;
+		white-space: pre-wrap;
+		/** BaseStyled.InputTag 속성과 공유중, 유의 필요 */
+		padding-left: ${n.INNER_POSITION_LEFT+5}px;
+		${r.typography.title1}
+	}
+
+	&::after,
+	.${i.inputTag} {
+		grid-area: 1 / 2;
+		resize: none;
+		background: none;
+		appearance: none;
+		border: none;
+
+		-webkit-appearance: none;
+		-ms-appearance: none;
+		-moz-appearance: none;
+	}
+`;exports.InputAndUnitWrapper=c;exports.InputSizer=I;exports.InputTag=d;exports.Unit=l;exports.UnitWrapper=u;exports.className=i;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const className: {
     inputTag: string;
 };
@@ -11,31 +10,29 @@ interface InputSizerProps {
     focused: boolean;
 }
 export declare const InputTag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    decoration?: boolean | undefined;
+    decoration?: boolean;
     hasLabel: boolean;
 } & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const InputAndUnitWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UnitWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Unit: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & UnitProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 /** ref. https://css-tricks.com/auto-growing-inputs-textareas/#aa-other-ideas */
 export declare const InputSizer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & InputSizerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};