@pfct/purple 1.11.0 → 1.12.0

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

@@ -1,95 +1,100 @@
-import { basicColors as e } from "../../../core/Colors/index.esm.js";
-import { BaseTypography as t } from "../../../core/Typography/BaseTypography/index.esm.js";
-import { InputFrame as n } from "../common/InputFrame/index.esm.js";
-import { DecorationItemWrapper as r } from "../BaseInput/index.styled.esm.js";
-import { InputAndUnitWrapper as i, InputSizer as a, InputTag as o, Unit as s, UnitWrapper as c, className as l } from "./index.styled.esm.js";
-import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import { basicColors as t } from "../../../core/Colors/index.esm.js";
+import { BaseTypography as n } from "../../../core/Typography/BaseTypography/index.esm.js";
+import { InputFrame as r } from "../common/InputFrame/index.esm.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/Input/PostfixInput/index.tsx
-var g = ({ ref: g, ..._ }) => {
-	let { realValue: v, postfix: y, onBlur: b, onFocus: x, onClick: S, disabled: C, label: w, placeholder: T, errorValidation: E, logRocketMasking: D, focus: O = !1, max: k, decoration: A, updateRealValue: j, formatRealValue: M, formatDisplayValue: N, type: P, pattern: F, ...I } = _, [L, R] = p(""), [z, B] = p(""), [V, H] = p(O), U = f(null), W = V || !!L, G = !(w || W) && !!T, K = u((e) => {
+var u = ({ ref: u, ...d }) => {
+	let { realValue: f, postfix: p, onBlur: m, onFocus: h, onClick: g, disabled: _, label: v, placeholder: y, errorValidation: b, logRocketMasking: x, focus: S = !1, max: C, decoration: w, updateRealValue: T, formatRealValue: E, formatDisplayValue: D, type: O, pattern: k, ...A } = d, [j, M] = s(""), [N, P] = s(""), [F, I] = s(S), L = o(null), R = F || !!j, z = !(v || R) && !!y, B = i((e) => {
 		if (e.length === 0 || e === "0") {
-			B("");
+			P("");
 			return;
 		}
-		if (E) for (let t = 0; t < E.length; t++) {
-			if (!E[t]?.condition(e) && e.length !== 0) {
-				B(E[t]?.errorText ?? "");
+		if (b) for (let t = 0; t < b.length; t++) {
+			if (!b[t]?.condition(e) && e.length !== 0) {
+				P(b[t]?.errorText ?? "");
 				break;
 			}
-			B("");
+			P("");
 		}
-	}, [E]), q = u((e) => {
+	}, [b]), V = i((e) => {
 		let { type: t } = e;
-		H(t === "focus");
-	}, []), J = u((e) => {
-		S?.(e), U.current?.focus();
-	}, [S]), Y = u((e) => {
-		let t = M?.(e) || e, n = Number(k), r = Number(t);
-		n && !Number.isNaN(r) && r > n || j(t);
+		I(t === "focus");
+	}, []), H = i((e) => {
+		g?.(e), L.current?.focus();
+	}, [g]), U = i((e) => {
+		let t = E?.(e) || e, n = Number(C), r = Number(t);
+		n && !Number.isNaN(r) && r > n || T(t);
 	}, [
-		k,
-		j,
-		M
+		C,
+		T,
+		E
 	]);
-	return d(() => {
-		let e = v;
-		N && (e = N?.(e) || ""), R(e), K(v);
+	return a(() => {
+		let e = f;
+		D && (e = D?.(e) || ""), M(e), B(f);
 	}, [
-		N,
-		K,
-		v
-	]), d(() => {
-		O && U.current?.focus();
-	}, [O]), /* @__PURE__ */ h(n, {
-		active: W,
-		disabled: !!C,
-		errorText: z,
-		focused: V,
-		handleClickInput: J,
-		label: w,
-		children: [/* @__PURE__ */ h(i, { children: [/* @__PURE__ */ m(a, {
-			displayValue: L,
-			focused: V,
-			children: /* @__PURE__ */ m(o, {
-				...I,
-				className: l.inputTag,
-				"data-private": D,
-				decoration: !1,
-				disabled: C,
-				hasLabel: !!w,
-				name: w,
-				onBlur: (e) => {
-					b?.(e), q(e);
-				},
-				onChange: (e) => {
-					let t = e.currentTarget.value;
-					Y(t);
-				},
-				onClick: J,
-				onFocus: (e) => {
-					x?.(e), q(e);
-				},
-				pattern: P === "number" ? "\\d*" : F,
-				placeholder: G ? T : "",
-				ref: g || U,
-				size: G ? void 0 : 1,
-				type: P,
-				value: N ? L : v
-			})
-		}), /* @__PURE__ */ m(c, { children: W && /* @__PURE__ */ m(s, {
-			hasLabel: !!w,
-			hasValue: !!L,
-			children: /* @__PURE__ */ m(t, {
-				color: C ? e.gray200 : void 0,
-				md: "Title1",
-				children: y
-			})
-		}) })] }), A && /* @__PURE__ */ m(r, {
-			disabled: C,
-			children: A
+		D,
+		B,
+		f
+	]), a(() => {
+		S && L.current?.focus();
+	}, [S]), /* @__PURE__ */ l(r, {
+		active: R,
+		disabled: !!_,
+		errorText: N,
+		focused: F,
+		handleClickInput: H,
+		label: v,
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex w-full",
+			children: [/* @__PURE__ */ l("div", {
+				className: e("inline-grid flex-none", F && "w-fit pr-1"),
+				children: [/* @__PURE__ */ c("input", {
+					...A,
+					className: "typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
+					"data-private": x,
+					disabled: _,
+					name: v,
+					onBlur: (e) => {
+						m?.(e), V(e);
+					},
+					onChange: (e) => {
+						let t = e.currentTarget.value;
+						U(t);
+					},
+					onClick: H,
+					onFocus: (e) => {
+						h?.(e), V(e);
+					},
+					pattern: O === "number" ? "\\d*" : k,
+					placeholder: z ? y : "",
+					ref: u || L,
+					size: z ? void 0 : 1,
+					type: O,
+					value: D ? j : f
+				}), /* @__PURE__ */ c("span", {
+					"aria-hidden": !0,
+					className: "typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]",
+					children: `${j} `
+				})]
+			}), /* @__PURE__ */ c("div", {
+				className: "relative block flex-1",
+				children: R && /* @__PURE__ */ c("div", {
+					className: e("absolute", v ? "top-[31px]" : "top-[21px]"),
+					children: /* @__PURE__ */ c(n, {
+						color: _ ? t.gray200 : void 0,
+						md: "Title1",
+						children: p
+					})
+				})
+			})]
+		}), w && /* @__PURE__ */ c("div", {
+			className: e("flex h-full items-center rounded-r-[10px] pr-[15px]", _ ? "bg-gray-25" : "bg-white"),
+			children: w
 		})]
 	});
 };
 //#endregion
-export { g as PostfixInput };
+export { u as PostfixInput };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../common/InputFrame/index.cjs.js"),t=require("./index.styled.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=({value:a,onChange:o,rrnInputType:s=13,label:c,placeholder:l,disabled:u=!1,errorValidation:d=[],onBlur:f})=>{let p=s===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,m=n.sanitizeRRN(a).slice(0,p),h=n.splitRRN(m),g=m.length>0,[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)(``),x=_||g,S=!(c||x)&&!!l,C=_||g,w=(0,r.useRef)(null),T=(0,r.useRef)(null),E=(0,r.useRef)(null),D={birth:T,gender:E,security:E},O={birth:null,gender:w,security:T},k=(0,r.useMemo)(()=>`●`.repeat(h.security.length),[h.security]),A=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=m,t=A.current,r=t===void 0||t===``;A.current=e,r&&e.length>0&&e.length<p&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?E.current?.focus():e.length>=n.RRN_LENGTHS.birth&&T.current?.focus())},[m,p]),(0,r.useEffect)(()=>{if(m.length===0||_){b(``);return}for(let e of d)if(!e.condition(m)){b(e.errorText);return}b(``)},[m,_,d]);let j=()=>v(!0),M=e=>{let t=e.relatedTarget;t===w.current||t===T.current||t===E.current||(v(!1),f?.(e))},N=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&h[e].length===0&&O[e]?.current?.focus()},P=e=>t=>{let r=t.target.value,i={...h,[e]:r};o(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,p)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&D[e].current?.focus()};return(0,i.jsxs)(e.InputFrame,{active:x,disabled:!!u,errorText:y,focused:_,label:c,children:[(0,i.jsx)(t.BirthInput,{disabled:!!u,focused:C,hasLabel:!!c,onBlur:M,onChange:P(`birth`),onFocus:j,onKeyDown:N(`birth`),placeholder:S?l:``,ref:w,type:`tel`,value:h.birth}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Hyphen,{disabled:!!u,hasLabel:!!c,visible:h.birth.length>=n.RRN_LENGTHS.birth,children:`-`}),(0,i.jsx)(t.GenderNumberInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`gender`),onFocus:j,onKeyDown:N(`gender`),ref:T,type:`tel`,value:h.gender}),(0,i.jsx)(t.FakeInputWrapper,{hasLabel:!!c,children:s===7?(0,i.jsx)(t.VirtualPlaceHolderSevenTypeInput,{disabled:!!u,onClick:()=>T.current?.focus(),visible:h.gender.length>0,children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.VirtualPlaceHolder,{disabled:!!u,children:k}),(0,i.jsx)(t.SecurityPlaceHolder,{visible:h.gender.length>0,children:`●●●●●●`}),(0,i.jsx)(t.FakeSecurityInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`security`),onClick:()=>{E.current?.setSelectionRange(h.security.length,h.security.length)},onFocus:j,onKeyDown:N(`security`),ref:E,type:`tel`,value:h.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=a,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=e=>e&&`pt-[31px] pr-0 pb-[11px] pl-0`,o=({value:o,onChange:s,rrnInputType:c=13,label:l,placeholder:u,disabled:d=!1,errorValidation:f=[],onBlur:p})=>{let m=c===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,h=n.sanitizeRRN(o).slice(0,m),g=n.splitRRN(h),_=h.length>0,[v,y]=(0,r.useState)(!1),[b,x]=(0,r.useState)(``),S=v||_,C=!(l||S)&&!!u,w=v||_,T=(0,r.useRef)(null),E=(0,r.useRef)(null),D=(0,r.useRef)(null),O={birth:E,gender:D,security:D},k={birth:null,gender:T,security:E},A=(0,r.useMemo)(()=>`●`.repeat(g.security.length),[g.security]),j=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=h,t=j.current,r=t===void 0||t===``;j.current=e,r&&e.length>0&&e.length<m&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?D.current?.focus():e.length>=n.RRN_LENGTHS.birth&&E.current?.focus())},[h,m]),(0,r.useEffect)(()=>{if(h.length===0||v){x(``);return}for(let e of f)if(!e.condition(h)){x(e.errorText);return}x(``)},[h,v,f]);let M=()=>y(!0),N=e=>{let t=e.relatedTarget;t===T.current||t===E.current||t===D.current||(y(!1),p?.(e))},P=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&g[e].length===0&&k[e]?.current?.focus()},F=e=>t=>{let r=t.target.value,i={...g,[e]:r};s(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,m)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&O[e].current?.focus()};return(0,i.jsxs)(t.InputFrame,{active:S,disabled:!!d,errorText:b,focused:v,label:l,children:[(0,i.jsx)(`input`,{className:e.t(`typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,a(!!l),w?`w-[150px]`:`w-full`),disabled:!!d,onBlur:N,onChange:F(`birth`),onFocus:M,onKeyDown:P(`birth`),placeholder:C?u:``,ref:T,type:`tel`,value:g.birth}),w&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 mr-[5px]`,a(!!l),g.birth.length>=n.RRN_LENGTHS.birth?`visible`:`invisible`,d&&`text-gray-200`),children:`-`}),(0,i.jsx)(`input`,{className:e.t(`typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200`,a(!!l)),disabled:!!d,onBlur:N,onChange:F(`gender`),onFocus:M,onKeyDown:P(`gender`),ref:E,type:`tel`,value:g.gender}),(0,i.jsx)(`div`,{className:e.t(`relative box-border h-[65px]`,a(!!l)),children:c===7?(0,i.jsx)(`div`,{className:e.t(`h-[23px] leading-[23px] [pointer-events:all]`,d?`text-gray-200`:`text-gray-900`,g.gender.length>0?`visible`:`invisible`),onClick:()=>E.current?.focus(),children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]`,d?`text-gray-200`:`text-gray-900`),children:A}),(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]`,g.gender.length>0?`visible`:`invisible`),children:`●●●●●●`}),(0,i.jsx)(`input`,{className:`typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,disabled:!!d,onBlur:N,onChange:F(`security`),onClick:()=>{D.current?.setSelectionRange(g.security.length,g.security.length)},onFocus:M,onKeyDown:P(`security`),ref:D,type:`tel`,value:g.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=o,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AAIF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqK3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AAOF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+L3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -1,118 +1,114 @@
-import { InputFrame as e } from "../common/InputFrame/index.esm.js";
-import { BirthInput as t, FakeInputWrapper as n, FakeSecurityInput as r, GenderNumberInput as i, Hyphen as a, SecurityPlaceHolder as o, VirtualPlaceHolder as s, VirtualPlaceHolderSevenTypeInput as c } from "./index.styled.esm.js";
-import { RRN_LENGTHS as l, sanitizeRRN as u, splitRRN as d } from "./rrn.esm.js";
-import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import { InputFrame as t } from "../common/InputFrame/index.esm.js";
+import { RRN_LENGTHS as n, sanitizeRRN as r, splitRRN as i } from "./rrn.esm.js";
+import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/Input/ResidentNumberInput/index.tsx
-var y = ({ value: y, onChange: b, rrnInputType: x = 13, label: S, placeholder: C, disabled: w = !1, errorValidation: T = [], onBlur: E }) => {
-	let D = x === 7 ? l.birth + l.gender : l.total, O = u(y).slice(0, D), k = d(O), A = O.length > 0, [j, M] = h(!1), [N, P] = h(""), F = j || A, I = !(S || F) && !!C, L = j || A, R = m(null), z = m(null), B = m(null), V = {
-		birth: z,
-		gender: B,
-		security: B
-	}, H = {
+var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange: m, rrnInputType: h = 13, label: g, placeholder: _, disabled: v = !1, errorValidation: y = [], onBlur: b }) => {
+	let x = h === 7 ? n.birth + n.gender : n.total, S = r(p).slice(0, x), C = i(S), w = S.length > 0, [T, E] = c(!1), [D, O] = c(""), k = T || w, A = !(g || k) && !!_, j = T || w, M = s(null), N = s(null), P = s(null), F = {
+		birth: N,
+		gender: P,
+		security: P
+	}, I = {
 		birth: null,
-		gender: R,
-		security: z
-	}, U = p(() => "●".repeat(k.security.length), [k.security]), W = m(void 0);
-	f(() => {
-		let e = O, t = W.current, n = t === void 0 || t === "";
-		W.current = e, n && e.length > 0 && e.length < D && (e.length >= l.birth + l.gender ? B.current?.focus() : e.length >= l.birth && z.current?.focus());
-	}, [O, D]), f(() => {
-		if (O.length === 0 || j) {
-			P("");
+		gender: M,
+		security: N
+	}, L = o(() => "●".repeat(C.security.length), [C.security]), R = s(void 0);
+	a(() => {
+		let e = S, t = R.current, r = t === void 0 || t === "";
+		R.current = e, r && e.length > 0 && e.length < x && (e.length >= n.birth + n.gender ? P.current?.focus() : e.length >= n.birth && N.current?.focus());
+	}, [S, x]), a(() => {
+		if (S.length === 0 || T) {
+			O("");
 			return;
 		}
-		for (let e of T) if (!e.condition(O)) {
-			P(e.errorText);
+		for (let e of y) if (!e.condition(S)) {
+			O(e.errorText);
 			return;
 		}
-		P("");
+		O("");
 	}, [
-		O,
-		j,
-		T
+		S,
+		T,
+		y
 	]);
-	let G = () => M(!0), K = (e) => {
+	let z = () => E(!0), B = (e) => {
 		let t = e.relatedTarget;
-		t === R.current || t === z.current || t === B.current || (M(!1), E?.(e));
-	}, q = (e) => (t) => {
+		t === M.current || t === N.current || t === P.current || (E(!1), b?.(e));
+	}, V = (e) => (t) => {
 		if (e === "security" && (t.key === "ArrowLeft" || t.key === "ArrowRight")) {
 			t.preventDefault();
 			return;
 		}
-		t.key === "Backspace" && k[e].length === 0 && H[e]?.current?.focus();
-	}, J = (e) => (t) => {
-		let n = t.target.value, r = {
-			...k,
-			[e]: n
+		t.key === "Backspace" && C[e].length === 0 && I[e]?.current?.focus();
+	}, H = (e) => (t) => {
+		let i = t.target.value, a = {
+			...C,
+			[e]: i
 		};
-		b(u(`${r.birth}${r.gender}${r.security}`).slice(0, D)), e !== "security" && n.length >= l[e] && V[e].current?.focus();
+		m(r(`${a.birth}${a.gender}${a.security}`).slice(0, x)), e !== "security" && i.length >= n[e] && F[e].current?.focus();
 	};
-	return /* @__PURE__ */ v(e, {
-		active: F,
-		disabled: !!w,
-		errorText: N,
-		focused: j,
-		label: S,
-		children: [/* @__PURE__ */ _(t, {
-			disabled: !!w,
-			focused: L,
-			hasLabel: !!S,
-			onBlur: K,
-			onChange: J("birth"),
-			onFocus: G,
-			onKeyDown: q("birth"),
-			placeholder: I ? C : "",
-			ref: R,
+	return /* @__PURE__ */ d(t, {
+		active: k,
+		disabled: !!v,
+		errorText: D,
+		focused: T,
+		label: g,
+		children: [/* @__PURE__ */ u("input", {
+			className: e("typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200", f(!!g), j ? "w-[150px]" : "w-full"),
+			disabled: !!v,
+			onBlur: B,
+			onChange: H("birth"),
+			onFocus: z,
+			onKeyDown: V("birth"),
+			placeholder: A ? _ : "",
+			ref: M,
 			type: "tel",
-			value: k.birth
-		}), L && /* @__PURE__ */ v(g, { children: [
-			/* @__PURE__ */ _(a, {
-				disabled: !!w,
-				hasLabel: !!S,
-				visible: k.birth.length >= l.birth,
+			value: C.birth
+		}), j && /* @__PURE__ */ d(l, { children: [
+			/* @__PURE__ */ u("div", {
+				className: e("typo-t1 mr-[5px]", f(!!g), C.birth.length >= n.birth ? "visible" : "invisible", v && "text-gray-200"),
 				children: "-"
 			}),
-			/* @__PURE__ */ _(i, {
-				disabled: !!w,
-				hasLabel: !!S,
-				onBlur: K,
-				onChange: J("gender"),
-				onFocus: G,
-				onKeyDown: q("gender"),
-				ref: z,
+			/* @__PURE__ */ u("input", {
+				className: e("typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200", f(!!g)),
+				disabled: !!v,
+				onBlur: B,
+				onChange: H("gender"),
+				onFocus: z,
+				onKeyDown: V("gender"),
+				ref: N,
 				type: "tel",
-				value: k.gender
+				value: C.gender
 			}),
-			/* @__PURE__ */ _(n, {
-				hasLabel: !!S,
-				children: x === 7 ? /* @__PURE__ */ _(c, {
-					disabled: !!w,
-					onClick: () => z.current?.focus(),
-					visible: k.gender.length > 0,
+			/* @__PURE__ */ u("div", {
+				className: e("relative box-border h-[65px]", f(!!g)),
+				children: h === 7 ? /* @__PURE__ */ u("div", {
+					className: e("h-[23px] leading-[23px] [pointer-events:all]", v ? "text-gray-200" : "text-gray-900", C.gender.length > 0 ? "visible" : "invisible"),
+					onClick: () => N.current?.focus(),
 					children: "●●●●●●"
-				}) : /* @__PURE__ */ v(g, { children: [
-					/* @__PURE__ */ _(s, {
-						disabled: !!w,
-						children: U
+				}) : /* @__PURE__ */ d(l, { children: [
+					/* @__PURE__ */ u("div", {
+						className: e("typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]", v ? "text-gray-200" : "text-gray-900"),
+						children: L
 					}),
-					/* @__PURE__ */ _(o, {
-						visible: k.gender.length > 0,
+					/* @__PURE__ */ u("div", {
+						className: e("typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]", C.gender.length > 0 ? "visible" : "invisible"),
 						children: "●●●●●●"
 					}),
-					/* @__PURE__ */ _(r, {
-						disabled: !!w,
-						hasLabel: !!S,
-						onBlur: K,
-						onChange: J("security"),
+					/* @__PURE__ */ u("input", {
+						className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200",
+						disabled: !!v,
+						onBlur: B,
+						onChange: H("security"),
 						onClick: () => {
-							B.current?.setSelectionRange(k.security.length, k.security.length);
+							P.current?.setSelectionRange(C.security.length, C.security.length);
 						},
-						onFocus: G,
-						onKeyDown: q("security"),
-						ref: B,
+						onFocus: z,
+						onKeyDown: V("security"),
+						ref: P,
 						type: "tel",
-						value: k.security
+						value: C.security
 					})
 				] })
 			})
@@ -120,4 +116,4 @@ var y = ({ value: y, onChange: b, rrnInputType: x = 13, label: S, placeholder: C
 	});
 };
 //#endregion
-export { l as RRN_LENGTHS, y as ResidentNumberInput, u as sanitizeRRN, d as splitRRN };
+export { n as RRN_LENGTHS, p as ResidentNumberInput, r as sanitizeRRN, i as splitRRN };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.DWNI8pZO.js"),t=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../ui/typography.cjs.js");let i=require("react");i=e.n(i);let a=require("react/jsx-runtime");var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.CMqjfN_6.js"),t=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../ui/typography.cjs.js");let i=require("react");i=e.t(i);let a=require("react/jsx-runtime");var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;

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

@@ -8,7 +8,7 @@ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 declare const TextField: {
     ({ className, type, label, error, decoration, placeholder, onDelete, guideMessage, ref, ...props }: TextFieldProps & {
-        ref?: React.RefObject<HTMLInputElement | null>;
+        ref?: React.Ref<HTMLInputElement>;
     }): React.JSX.Element;
     displayName: string;
 };

package/dist/components/Input/TextField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAwC,MAAM,OAAO,CAAC;AAK9F,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;wGAWZ,cAAc,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;KAAE;;CA6FrE,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAwC,MAAM,OAAO,CAAC;AAK9F,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;wGAWZ,cAAc,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE;;CA6FxD,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Input/common/InputFrame/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({focused:n,active:r,disabled:i,errorText:a,label:o,children:s,handleClickInput:c})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.InputWrapper,{active:n,disabled:i,error:!!a,onClick:c,children:[o&&(0,t.jsx)(e.InputLabel,{active:r,htmlFor:o,children:o}),s]}),a&&(0,t.jsx)(e.ErrorText,{children:a})]});exports.InputFrame=n,Object.defineProperty(exports,"InputFrameStyled",{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../chunks/utils.C67s_c-g.js");let t=require("react/jsx-runtime");var n=({focused:n,active:r,disabled:i,errorText:a,label:o,children:s,handleClickInput:c})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(`div`,{className:e.t(`relative box-border flex h-[65px] w-full items-center rounded-[10px] border bg-white`,a?`border-red-400`:n?`border-gray-600`:`border-gray-50`,n&&`shadow-[0_2px_5px_#2e2e2e19]`,!a&&(i?`bg-gray-25 text-gray-200`:`hover:border-gray-600 hover:shadow-[0_2px_5px_#2e2e2e19] focus:border-gray-600 focus:outline-none`)),onClick:c,children:[o&&(0,t.jsx)(`label`,{className:e.t(`pointer-events-none absolute left-[20px] text-gray-200 transition-[font-size,transform] duration-[400ms]`,r?`typo-b2 top-[11px]`:`typo-t1 bottom-1/2 translate-y-1/2`),htmlFor:o,children:o}),s]}),a&&(0,t.jsx)(`div`,{className:`typo-b2 relative bottom-0 left-[5px] mt-[10px] text-red-400`,children:a})]});exports.InputFrame=n;

package/dist/components/Input/common/InputFrame/index.d.ts

@@ -9,7 +9,6 @@ interface InputFrameProps {
     label?: string;
 }
 declare const InputFrame: ReactFCWithChildren<InputFrameProps>;
-export * as InputFrameStyled from './index.styled';
 export type { InputFrameProps };
 export { InputFrame };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Input/common/InputFrame/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/common/InputFrame/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,eAAe;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEnE,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAoBpD,CAAC;AAEF,OAAO,KAAK,gBAAgB,MAAM,gBAAgB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/common/InputFrame/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,UAAU,eAAe;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEnE,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAqCpD,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Input/common/InputFrame/index.esm.js

@@ -1,16 +1,17 @@
-import { ErrorText as e, InputLabel as t, InputWrapper as n, t as r } from "./index.styled.esm.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { t as e } from "../../../../chunks/utils.D6DjRYW1.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Input/common/InputFrame/index.tsx
-var s = ({ focused: r, active: s, disabled: c, errorText: l, label: u, children: d, handleClickInput: f }) => /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(n, {
-	active: r,
-	disabled: c,
-	error: !!l,
-	onClick: f,
-	children: [u && /* @__PURE__ */ a(t, {
-		active: s,
-		htmlFor: u,
-		children: u
-	}), d]
-}), l && /* @__PURE__ */ a(e, { children: l })] });
+var i = ({ focused: i, active: a, disabled: o, errorText: s, label: c, children: l, handleClickInput: u }) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+	className: e("relative box-border flex h-[65px] w-full items-center rounded-[10px] border bg-white", s ? "border-red-400" : i ? "border-gray-600" : "border-gray-50", i && "shadow-[0_2px_5px_#2e2e2e19]", !s && (o ? "bg-gray-25 text-gray-200" : "hover:border-gray-600 hover:shadow-[0_2px_5px_#2e2e2e19] focus:border-gray-600 focus:outline-none")),
+	onClick: u,
+	children: [c && /* @__PURE__ */ n("label", {
+		className: e("pointer-events-none absolute left-[20px] text-gray-200 transition-[font-size,transform] duration-[400ms]", a ? "typo-b2 top-[11px]" : "typo-t1 bottom-1/2 translate-y-1/2"),
+		htmlFor: c,
+		children: c
+	}), l]
+}), s && /* @__PURE__ */ n("div", {
+	className: "typo-b2 relative bottom-0 left-[5px] mt-[10px] text-red-400",
+	children: s
+})] });
 //#endregion
-export { s as InputFrame, r as InputFrameStyled };
+export { i as InputFrame };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./common/InputFrame/index.styled.cjs.js"),t=require("./common/InputFrame/index.cjs.js"),n=require("./BaseInput/index.styled.cjs.js"),r=require("./BaseInput/index.cjs.js");require("../../chunks/NumberInput.DC3A0kkJ.js");const i=require("./PostfixInput/index.cjs.js"),a=require("./ResidentNumberInput/rrn.cjs.js"),o=require("./ResidentNumberInput/index.cjs.js"),s=require("./TextField/index.cjs.js");exports.BaseInput=r.BaseInput,Object.defineProperty(exports,"BaseInputStyled",{enumerable:!0,get:function(){return n.t}}),exports.InputFrame=t.InputFrame,Object.defineProperty(exports,"InputFrameStyled",{enumerable:!0,get:function(){return e.t}}),exports.PostfixInput=i.PostfixInput,exports.RRN_LENGTHS=a.RRN_LENGTHS,exports.ResidentNumberInput=o.ResidentNumberInput,exports.TextField=s.TextField,exports.sanitizeRRN=a.sanitizeRRN,exports.splitRRN=a.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./common/InputFrame/index.cjs.js"),t=require("./BaseInput/index.cjs.js");require("../../chunks/NumberInput.DC3A0kkJ.js");const n=require("./PostfixInput/index.cjs.js"),r=require("./ResidentNumberInput/rrn.cjs.js"),i=require("./ResidentNumberInput/index.cjs.js"),a=require("./TextField/index.cjs.js");exports.BaseInput=t.BaseInput,exports.InputFrame=e.InputFrame,exports.PostfixInput=n.PostfixInput,exports.RRN_LENGTHS=r.RRN_LENGTHS,exports.ResidentNumberInput=i.ResidentNumberInput,exports.TextField=a.TextField,exports.sanitizeRRN=r.sanitizeRRN,exports.splitRRN=r.splitRRN;

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

@@ -1,10 +1,8 @@
-import { t as e } from "./common/InputFrame/index.styled.esm.js";
-import { InputFrame as t } from "./common/InputFrame/index.esm.js";
-import { t as n } from "./BaseInput/index.styled.esm.js";
-import { BaseInput as r } from "./BaseInput/index.esm.js";
+import { InputFrame as e } from "./common/InputFrame/index.esm.js";
+import { BaseInput as t } from "./BaseInput/index.esm.js";
 import "../../chunks/NumberInput.Mh9wz9BL.js";
-import { PostfixInput as i } from "./PostfixInput/index.esm.js";
-import { RRN_LENGTHS as a, sanitizeRRN as o, splitRRN as s } from "./ResidentNumberInput/rrn.esm.js";
-import { ResidentNumberInput as c } from "./ResidentNumberInput/index.esm.js";
-import { TextField as l } from "./TextField/index.esm.js";
-export { r as BaseInput, n as BaseInputStyled, t as InputFrame, e as InputFrameStyled, i as PostfixInput, a as RRN_LENGTHS, c as ResidentNumberInput, l as TextField, o as sanitizeRRN, s as splitRRN };
+import { PostfixInput as n } from "./PostfixInput/index.esm.js";
+import { RRN_LENGTHS as r, sanitizeRRN as i, splitRRN as a } from "./ResidentNumberInput/rrn.esm.js";
+import { ResidentNumberInput as o } from "./ResidentNumberInput/index.esm.js";
+import { TextField as s } from "./TextField/index.esm.js";
+export { t as BaseInput, e as InputFrame, n as PostfixInput, r as RRN_LENGTHS, o as ResidentNumberInput, s as TextField, i as sanitizeRRN, a as splitRRN };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/button.cjs.js"),r=require("../Button/DoubleButton/index.cjs.js"),i=require("../../constants/style.constants.cjs.js"),a=require("../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../core/Typography/index.cjs.js"),s=require("../../chunks/dist.OKn2dMme.js");let c=require("react");c=e.n(c);let l=require("react/jsx-runtime");var u=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(n.Button,{...e})}),d=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(r.DoubleButton,{...e})}),f=({title:e,subTitle:t})=>(0,l.jsxs)(`div`,{className:`whitespace-pre-wrap px-[15px] text-center`,children:[(0,l.jsx)(o.Headline4,{children:e}),t&&(0,l.jsx)(o.Title3,{className:`mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400`,children:t})]}),p=({children:e})=>(0,l.jsx)(`div`,{className:`typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400`,children:e}),m=({onClick:e,disabled:t,text:n})=>(0,l.jsx)(`div`,{className:`flex justify-center px-[11px]`,children:(0,l.jsx)(a.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),h=({children:e,hasContentPadding:n=!0})=>(0,l.jsx)(`div`,{className:t.t(`pb-[30px] [&>*]:mt-5`,n?`px-5`:`px-0`),children:e}),g=c.default.memo(({visible:e,onMaskClick:n,zIndex:r=i.zIndex.modal,className:a,children:o})=>(0,l.jsx)(s.o,{open:e,children:(0,l.jsxs)(s.a,{children:[(0,l.jsx)(s.i,{className:t.t(`fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,a),"data-slot":`legacy-modal-overlay`,style:{zIndex:r}}),(0,l.jsxs)(s.n,{"aria-describedby":void 0,className:`fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,"data-slot":`legacy-modal-content`,onEscapeKeyDown:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),onPointerDownOutside:()=>n?.(),style:{zIndex:r},children:[(0,l.jsx)(s.s,{className:`sr-only`,children:`알림`}),o]})]})})),_=Object.assign(g,{SingleButton:u,DoubleButton:d,Title:f,Body:h,Comment:p,UnderLineMiniButton:m});exports.LegacyModal=_;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.CMqjfN_6.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/button.cjs.js"),r=require("../Button/DoubleButton/index.cjs.js"),i=require("../../constants/style.constants.cjs.js"),a=require("../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../core/Typography/index.cjs.js"),s=require("../../chunks/dist.OINbhiqU.js");let c=require("react");c=e.t(c);let l=require("react/jsx-runtime");var u=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(n.Button,{...e})}),d=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(r.DoubleButton,{...e})}),f=({title:e,subTitle:t})=>(0,l.jsxs)(`div`,{className:`whitespace-pre-wrap px-[15px] text-center`,children:[(0,l.jsx)(o.Headline4,{children:e}),t&&(0,l.jsx)(o.Title3,{className:`mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400`,children:t})]}),p=({children:e})=>(0,l.jsx)(`div`,{className:`typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400`,children:e}),m=({onClick:e,disabled:t,text:n})=>(0,l.jsx)(`div`,{className:`flex justify-center px-[11px]`,children:(0,l.jsx)(a.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),h=({children:e,hasContentPadding:n=!0})=>(0,l.jsx)(`div`,{className:t.t(`pb-[30px] [&>*]:mt-5`,n?`px-5`:`px-0`),children:e}),g=c.default.memo(({visible:e,onMaskClick:n,zIndex:r=i.zIndex.modal,className:a,children:o})=>(0,l.jsx)(s.t,{open:e,children:(0,l.jsxs)(s.o,{children:[(0,l.jsx)(s.a,{className:t.t(`fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,a),"data-slot":`legacy-modal-overlay`,style:{zIndex:r}}),(0,l.jsxs)(s.r,{"aria-describedby":void 0,className:`fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,"data-slot":`legacy-modal-content`,onEscapeKeyDown:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),onPointerDownOutside:()=>n?.(),style:{zIndex:r},children:[(0,l.jsx)(s.s,{className:`sr-only`,children:`알림`}),o]})]})})),_=Object.assign(g,{SingleButton:u,DoubleButton:d,Title:f,Body:h,Comment:p,UnderLineMiniButton:m});exports.LegacyModal=_;

package/dist/components/LegacyModal/index.esm.js

@@ -4,7 +4,7 @@ import { DoubleButton as n } from "../Button/DoubleButton/index.esm.js";
 import { zIndex as r } from "../../constants/style.constants.esm.js";
 import { UnderLineMiniButton as i } from "../MiniButton/UnderLineMiniButton/index.esm.js";
 import { Headline4 as a, Title3 as o } from "../../core/Typography/index.esm.js";
-import { a as s, i as c, n as l, o as u, s as d } from "../../chunks/dist.o_suB-Ao.js";
+import { a as s, o as c, r as l, s as u, t as d } from "../../chunks/dist.DTByVKhF.js";
 import f from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/LegacyModal/index.tsx
@@ -35,9 +35,9 @@ var h = (e) => /* @__PURE__ */ p("div", {
 }), b = ({ children: t, hasContentPadding: n = !0 }) => /* @__PURE__ */ p("div", {
 	className: e("pb-[30px] [&>*]:mt-5", n ? "px-5" : "px-0"),
 	children: t
-}), x = f.memo(({ visible: t, onMaskClick: n, zIndex: i = r.modal, className: a, children: o }) => /* @__PURE__ */ p(u, {
+}), x = f.memo(({ visible: t, onMaskClick: n, zIndex: i = r.modal, className: a, children: o }) => /* @__PURE__ */ p(d, {
 	open: t,
-	children: /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(c, {
+	children: /* @__PURE__ */ m(c, { children: [/* @__PURE__ */ p(s, {
 		className: e("fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in", a),
 		"data-slot": "legacy-modal-overlay",
 		style: { zIndex: i }
@@ -49,7 +49,7 @@ var h = (e) => /* @__PURE__ */ p("div", {
 		onOpenAutoFocus: (e) => e.preventDefault(),
 		onPointerDownOutside: () => n?.(),
 		style: { zIndex: i },
-		children: [/* @__PURE__ */ p(d, {
+		children: [/* @__PURE__ */ p(u, {
 			className: "sr-only",
 			children: "알림"
 		}), o]

package/dist/components/List/index.d.ts

@@ -5,7 +5,7 @@ type ListProps = React.HTMLAttributes<HTMLDivElement> & {
 };
 declare const List: {
     ({ children, size, className, ref, ...props }: ListProps & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+        ref?: React.Ref<HTMLDivElement>;
     }): React.JSX.Element;
     displayName: string;
 };

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,IAAI;mDAMP,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAa9D,CAAC;AAIF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAMrF;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAMnF;AAED,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,IAAI;mDAAwD,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE;;CAahH,CAAC;AAIF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAMrF;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAMnF;AAED,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}