@pfct/purple 1.4.4-rc.0 → 1.5.0-npm-next.0

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

@@ -1,52 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../chunks/index.styled.B2P8JvNq.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.typographyMap.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,38 +0,0 @@
-export declare const className: {
-    inputTag: string;
-};
-interface UnitProps {
-    hasValue: boolean;
-    hasLabel: boolean;
-}
-interface InputSizerProps {
-    displayValue: string;
-    focused: boolean;
-}
-export declare const InputTag: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    decoration?: boolean;
-    hasLabel: boolean;
-} & 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;
-    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;
-    as?: React.ElementType;
-} & InputSizerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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

@@ -1,67 +0,0 @@
-import { I as p } from "../../../chunks/index.styled.Comn86rI.js";
-import t from "@emotion/styled";
-import { typographyMap 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

@@ -1 +0,0 @@
-"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.Dr7J5p--.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../BaseInput/index.cjs.js");require("./index.cjs.js");require("../ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");const q=1e4,t=e=>{const r=Number(u.extractNumber(e));return isNaN(r)?"":(Number(u.extractNumber(e))*q).toString()},a=e=>{const r=Number(u.extractNumber(e))/q,i=r?r.toString():"";return i&&u.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=a;exports.formatRealValueWithManWon=t;

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

@@ -1,2 +0,0 @@
-export declare const formatRealValueWithManWon: (val: string) => string;
-export declare const formatDisplayValueWithManWon: (val: string) => string;

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

@@ -1,85 +0,0 @@
-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.CjQMGUjI.js";
-import "../../../core/TextStyles/index.es.js";
-import "../../ui/typography.es.js";
-import "../../Accordion/index.es.js";
-import "../../Badge/IconBadge/index.styled.es.js";
-import "../../Badge/TextBadge/index.styled.es.js";
-import "react";
-import "../../Loading/Skeleton/index.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 "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Share.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.DmJ27_dc.js";
-import "../BaseInput/index.es.js";
-import "./index.es.js";
-import "../ResidentNumberInput/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";
-import "../../ui/bottomSheet.es.js";
-const i = 1e4, Cr = (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,
-  Cr as formatRealValueWithManWon
-};

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

@@ -1 +0,0 @@
-"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,11 +0,0 @@
-import { default as React, Dispatch, SetStateAction } from 'react';
-import { BasicInputProps } from '../BaseInput';
-type ResidentNumberInputProps<ValueType = string> = BasicInputProps & {
-    setValue: Dispatch<SetStateAction<ValueType>> | ((value: ValueType) => void);
-    rrnInputType?: 7 | 13;
-    rrn6?: string;
-    defaultRRN7Only?: string;
-};
-declare const ResidentNumberInput: React.FC<ResidentNumberInputProps>;
-export type { ResidentNumberInputProps };
-export { ResidentNumberInput };

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

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

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

@@ -1,95 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/styled"),c=require("../../../core/TextStyles/index.cjs.js"),n=require("../../../core/Colors/index.cjs.js"),l=require("@emotion/react"),r=require("../common/InputFrame/constant.cjs.js"),o=require("../../../chunks/index.styled.CMpDdHBq.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=u(d),i=l.css`
-	${c.typographyMap.title1}
-`,a=({hasLabel:e})=>e&&l.css`
-		padding: ${r.INNER_POSITION_TOP.hasLabel}px 0 ${r.INNER_POSITION_BOTTOM.hasLabel}px 0;
-	`,p=t.default.input`
-	${i};
-	${a};
-
-	padding-left: ${r.INNER_POSITION_LEFT}px;
-
-	width: ${({focused:e})=>e?"150px":"100%"};
-	height: 100%;
-	border: none;
-	background-color: ${n.generateHexWithAlphaInLightMode(n.basicColors.white,"0%")};
-
-	&:focus {
-		outline: none;
-	}
-
-	&:disabled {
-		color: ${o.InputDisabledTextColor};
-	}
-
-	&::placeholder {
-		${({hasLabel:e})=>o.NotActivePlaceholderOrLabelStyle({hasLabel:e})}
-		top: initial;
-	}
-`,b=t.default.div`
-	${i};
-	${a};
-
-	margin-right: 5px;
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
-
-	${({disabled:e})=>e&&l.css`
-			color: ${o.InputDisabledTextColor};
-		`}
-`,I=t.default.input`
-	${i};
-	${a};
-
-	width: 20px;
-	height: ${r.INPUT_HEIGHT-2}px;
-
-	outline: none;
-	border: none;
-	pointer-events: none;
-
-	&:disabled {
-		color: ${o.InputDisabledTextColor};
-	}
-`,$=t.default.div`
-	${a};
-
-	position: relative;
-	height: 65px;
-	box-sizing: border-box;
-`,s=l.css`
-	height: 23px;
-	line-height: 23px;
-`,h=t.default.div`
-	${i};
-	${s};
-
-	color: ${n.basicColors.gray200};
-	position: absolute;
-	z-index: 1;
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
-	pointer-events: none;
-`,y=t.default.div`
-	${i};
-	${s};
-
-	position: absolute;
-	pointer-events: none;
-	z-index: 2;
-	color: ${({disabled:e})=>e?o.InputDisabledTextColor:n.basicColors.gray900};
-`,x=t.default(p)`
-	${s};
-
-	width: 105px;
-	padding: 0;
-	color: transparent !important;
-	caret-color: transparent !important;
-
-	&:focus {
-		outline: none;
-	}
-`,_=t.default.div`
-	${s};
-	color: ${({disabled:e})=>e?o.InputDisabledTextColor:n.basicColors.gray900};
-
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
-	pointer-events: all;
-`;exports.BirthInput=p;exports.FakeInputWrapper=$;exports.FakeSecurityInput=x;exports.GenderNumberInput=I;exports.Hyphen=b;exports.SecurityPlaceHolder=h;exports.VirtualPlaceHolder=y;exports.VirtualPlaceHolderSevenTypeInput=_;

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

@@ -1,52 +0,0 @@
-type HasLabelType = {
-    hasLabel: boolean;
-};
-export declare const BirthInput: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    focused?: boolean;
-} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Hyphen: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    disabled: boolean;
-    visible: boolean;
-} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const GenderNumberInput: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & HasLabelType, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const FakeInputWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & HasLabelType, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SecurityPlaceHolder: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    visible: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VirtualPlaceHolder: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    disabled?: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FakeSecurityInput: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    focused?: boolean;
-} & HasLabelType & import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const VirtualPlaceHolderSevenTypeInput: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    visible: boolean;
-    disabled?: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};