@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

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

@@ -0,0 +1,186 @@
+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.ByGzJNsf.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Loading/Spinner/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 "../../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";
+import "../../ui/bottomSheet.es.js";
+const _ = (e) => {
+  const [, s] = O((t) => t + 1, 0), i = V(null), {
+    replace: a,
+    append: p
+  } = e, c = 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 (i.current = [
+      r,
+      // eventValue
+      t.target,
+      // input
+      r.length > c.length,
+      // isSizeIncreaseOperation
+      l.current,
+      // isDeleleteButtonDown
+      c === e.format(r)
+      // isNoOperation
+    ], process.env.NODE_ENV !== "production") {
+      const n = e.format(r);
+      r !== n && r.toLowerCase() === n.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 (i.current == null) return;
+    let [
+      t,
+      r,
+      n,
+      h,
+      // No operation means that value itself hasn't been changed, BTW cursor, selection etc can be changed
+      E
+    ] = i.current;
+    i.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 u = 0, d = 0;
+      for (let g = 0; g !== w.length; ++g) {
+        let b = o.indexOf(w[g], u) + 1, x = f(o).indexOf(w[g], d) + 1;
+        x - d > 1 && (b = u, x = d), d = Math.max(x, d), u = Math.max(u, b);
+      }
+      return u;
+    };
+    if (e.mask === !0 && n && !E) {
+      let o = C(t);
+      const u = f(t.substr(o))[0];
+      o = t.indexOf(u, o), t = `${t.substr(0, o)}${t.substr(o + 1)}`;
+    }
+    let m = e.format(t);
+    p != null && // cursor at the end
+    r.selectionStart === t.length && !E && (n ? m = p(m) : f(m.slice(-1)) === "" && (m = m.slice(0, -1)));
+    const D = a ? a(m) : m;
+    return c === D ? s() : e.onChange(D), () => {
+      let o = C(m);
+      if (e.mask != null && (n || h && !N))
+        for (; m[o] && f(m[o]) === ""; )
+          o += 1;
+      r.selectionStart = r.selectionEnd = o + (N ? 1 + k : 0);
+    };
+  }), P(() => {
+    const t = (n) => {
+      n.code === "Delete" && (l.current = !0);
+    }, r = (n) => {
+      n.code === "Delete" && (l.current = !1);
+    };
+    return document.addEventListener("keydown", t), document.addEventListener("keyup", r), () => {
+      document.removeEventListener("keydown", t), document.removeEventListener("keyup", r);
+    };
+  }, []), {
+    value: i.current != null ? i.current[0] : c,
+    onChange: v
+  };
+}, $ = (e) => {
+  const s = _(e);
+  return e.children(s);
+}, re = (e) => {
+  const { originValue: s, onValueChange: i, postfix: a = "", prefix: p = "", max: c = Number.MAX_SAFE_INTEGER, ...l } = e, v = A(
+    (t) => y(t).length > 0 ? `${p}${I(t)} ${a}` : "",
+    [a, p]
+  );
+  return /* @__PURE__ */ R.jsx(
+    $,
+    {
+      accept: /[\d]/g,
+      format: v,
+      value: s,
+      onChange: (t) => i == null ? void 0 : i(y(t)),
+      children: ({ value: t, onChange: r }) => /* @__PURE__ */ R.jsx(
+        j,
+        {
+          type: "tel",
+          format: a,
+          value: t,
+          onChange: (n) => {
+            const h = y(n.target.value);
+            Number(h) > c && (n.target.value = s), r(n);
+          },
+          ...l
+        }
+      )
+    }
+  );
+};
+export {
+  re as default
+};

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.B3JLBK5h.js");require("../../../core/Colors/index.cjs.js");require("../common/InputFrame/index.cjs.js");exports.PostfixInput=e.PostfixInput;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BasicInputProps } from '../BaseInput';
 interface PostfixInputProps extends BasicInputProps {
     realValue: string;

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.ByGzJNsf.js";
+import "../../../core/Colors/index.es.js";
+import "../common/InputFrame/index.es.js";
+export {
+  x as PostfixInput
+};

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;
 };
@@ -10,30 +9,30 @@ interface InputSizerProps {
     displayValue: string;
     focused: boolean;
 }
-export declare const InputTag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const InputTag: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
-    decoration?: boolean | undefined;
+    decoration?: boolean;
     hasLabel: boolean;
-} & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+} & import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const InputAndUnitWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & UnitProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputAndUnitWrapper: import('@emotion/styled').StyledComponent<{
+    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;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Unit: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & UnitProps, import('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, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & InputSizerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputSizer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & InputSizerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -0,0 +1,67 @@
+import { I as p } from "../../../chunks/index.styled.Cw4AEFns.js";
+import t from "@emotion/styled";
+import { typography as a } from "../../../core/TextStyles/index.es.js";
+import { INPUT_HEIGHT as o, INNER_POSITION_TOP as i, INNER_POSITION_LEFT as r } from "../common/InputFrame/constant.es.js";
+import { css as e } from "@emotion/react";
+const d = {
+  inputTag: "postfix-input-tag"
+}, I = t(p)`
+	background-color: transparent;
+	padding-right: 0;
+	border-radius: 0;
+	height: ${o}px; /** input, unit 아랫선 맞추기 */
+`, f = t.div`
+	display: flex;
+	width: 100%;
+`, m = t.div`
+	display: block;
+	position: relative;
+	flex: 1;
+`, T = t.div`
+	position: absolute;
+
+	${({ hasLabel: n }) => n ? e`
+					top: ${i.hasLabel}px;
+			  ` : e`
+					top: ${i.noLabel}px;
+			  `}
+`, b = t.div`
+	display: inline-grid;
+	flex: none;
+
+	${({ focused: n }) => n && e`
+			width: fit-content;
+			padding-right: 4px;
+		`}
+
+	&::after {
+		content: '${({ displayValue: n }) => n + " "}';
+
+		visibility: hidden;
+		white-space: pre-wrap;
+		/** BaseStyled.InputTag 속성과 공유중, 유의 필요 */
+		padding-left: ${r + 5}px;
+		${a.title1}
+	}
+
+	&::after,
+	.${d.inputTag} {
+		grid-area: 1 / 2;
+		resize: none;
+		background: none;
+		appearance: none;
+		border: none;
+
+		-webkit-appearance: none;
+		-ms-appearance: none;
+		-moz-appearance: none;
+	}
+`;
+export {
+  f as InputAndUnitWrapper,
+  b as InputSizer,
+  I as InputTag,
+  T as Unit,
+  m as UnitWrapper,
+  d as className
+};

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

@@ -0,0 +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.B3JLBK5h.js");require("../../../core/TextStyles/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("react");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("../BaseInput/index.cjs.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");const 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

@@ -0,0 +1,82 @@
+import "@emotion/react";
+import { extractNumber as m, formatKoreaCurrency as p } 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/jsx-runtime.Drh4NO5G.js";
+import "../../../chunks/index.styled.ByGzJNsf.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+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 "../BaseInput/index.es.js";
+import "../ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.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";
+import "../../ui/bottomSheet.es.js";
+const i = 1e4, Sr = (r) => {
+  const t = Number(m(r));
+  return isNaN(t) ? "" : (Number(m(r)) * i).toString();
+}, dr = (r) => {
+  const t = Number(m(r)) / i, o = t ? t.toString() : "";
+  return o && p(o);
+};
+export {
+  dr as formatDisplayValueWithManWon,
+  Sr as formatRealValueWithManWon
+};

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

@@ -0,0 +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;

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

@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction } from 'react';
+import { default as React, Dispatch, SetStateAction } from 'react';
 import { BasicInputProps } from '../BaseInput';
 type ResidentNumberInputProps<ValueType = string> = BasicInputProps & {
     setValue: Dispatch<SetStateAction<ValueType>> | ((value: ValueType) => void);

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

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