@pfct/purple 1.11.0 → 1.11.1

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

@@ -1,39 +1,41 @@
 import { a as e, l as t, n, s as r, t as i } from "../../../chunks/bottomSheet.BHvPqq91.js";
 import { DoubleButton as a } from "../../Button/DoubleButton/index.esm.js";
 import { BaseDatePicker as o } from "../BaseDatePicker/index.esm.js";
-import { ModalContentWrapper as s } from "./index.styled.esm.js";
-import { useSingleDatePickerModal as c } from "./useSingleDatePickerModal.esm.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useSingleDatePickerModal as s } from "./useSingleDatePickerModal.esm.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/DatePicker/SingleDatePickerModal/index.tsx
-var d = (c) => {
-	let { title: d, visibleModal: f, colorType: p, rightDisabled: m, onReset: h, onConfirm: g, closeModal: _ } = c;
-	return /* @__PURE__ */ l(i, {
-		onOpenChange: (e) => !e && _(),
-		open: f,
-		children: /* @__PURE__ */ u(e, { children: [
-			/* @__PURE__ */ l(t, {
+var u = (s) => {
+	let { title: u, visibleModal: d, colorType: f, rightDisabled: p, onReset: m, onConfirm: h, closeModal: g } = s;
+	return /* @__PURE__ */ c(i, {
+		onOpenChange: (e) => !e && g(),
+		open: d,
+		children: /* @__PURE__ */ l(e, { children: [
+			/* @__PURE__ */ c(t, {
 				left: null,
-				title: d
+				title: u
 			}),
-			/* @__PURE__ */ l(n, {
+			/* @__PURE__ */ c(n, {
 				className: "px-0",
-				children: /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(o, { ...c }) })
+				children: /* @__PURE__ */ c("div", {
+					className: "flex w-full justify-center",
+					children: /* @__PURE__ */ c(o, { ...s })
+				})
 			}),
-			/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(a, {
+			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(a, {
 				left: {
 					colorType: "gray",
 					children: "재설정",
-					onClick: h
+					onClick: m
 				},
 				right: {
-					colorType: p,
+					colorType: f,
 					children: "확인",
-					disabled: m,
-					onClick: g
+					disabled: p,
+					onClick: h
 				}
 			}) })
 		] })
 	});
 };
 //#endregion
-export { d as SingleDatePickerModal, c as useSingleDatePickerModal };
+export { u as SingleDatePickerModal, s as useSingleDatePickerModal };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Divider.Dcelv4Yh.js");exports.Divider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Divider.k5ROyG2W.js");exports.Divider=e.t;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.DWNI8pZO.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./index.styled.cjs.js");let r=require("react");r=e.n(r);let i=require("react/jsx-runtime");var a=({ref:e,...a})=>{let{value:o=``,placeholder:s,onBlur:c,onFocus:l,onChange:u,disabled:d,label:f,decoration:p,errorValidation:m,logRocketMasking:h,focus:g=!1,focusedAnimation:_=!0,format:v=``,pattern:y,type:b,...x}=a,[S,C]=(0,r.useState)(``),[w,T]=(0,r.useState)(!1),E=(0,r.useRef)(null),D=w||!!o,O=f&&D||!f,k=(0,r.useCallback)(e=>{let{type:t}=e;x.readOnly||d||_&&T(t===`focus`)},[d,_,x.readOnly]);return(0,r.useEffect)(()=>{g&&E.current?.focus()},[g]),(0,r.useEffect)(()=>{if(o.replace(v,``).trim()&&m)for(let e=0;e<m.length;e++){if(!m[e]?.condition(o)&&o.length!==0){C(m[e]?.errorText??``);break}C(``)}},[o,m,v]),(0,r.useEffect)(()=>{let e=E.current,t=e=>{e.preventDefault()};if(e)return e.addEventListener(`wheel`,t),()=>{e.removeEventListener(`wheel`,t)}},[]),(0,i.jsxs)(t.InputFrame,{active:D,disabled:!!d,errorText:S,focused:w,label:f,children:[(0,i.jsx)(n.InputTag,{"data-private":h,decoration:!!p,disabled:d,hasLabel:!!f,name:f,onBlur:e=>{c?.(e),k(e)},onChange:u,onFocus:e=>{l?.(e),k(e)},pattern:b===`number`?`\\d*`:y,placeholder:O?s:``,ref:e||E,type:b,value:o,...x}),p&&(0,i.jsx)(n.DecorationItemWrapper,{disabled:d,children:p})]})};exports.BaseInput=a,Object.defineProperty(exports,"BaseInputStyled",{enumerable:!0,get:function(){return n.t}});
+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("../common/InputFrame/index.cjs.js");let r=require("react");r=e.t(r);let i=require("react/jsx-runtime");var a=({ref:e,...a})=>{let{value:o=``,placeholder:s,onBlur:c,onFocus:l,onChange:u,disabled:d,label:f,decoration:p,errorValidation:m,logRocketMasking:h,focus:g=!1,focusedAnimation:_=!0,format:v=``,pattern:y,type:b,className:x,...S}=a,[C,w]=(0,r.useState)(``),[T,E]=(0,r.useState)(!1),D=(0,r.useRef)(null),O=T||!!o,k=f&&O||!f,A=(0,r.useCallback)(e=>{let{type:t}=e;S.readOnly||d||_&&E(t===`focus`)},[d,_,S.readOnly]);return(0,r.useEffect)(()=>{g&&D.current?.focus()},[g]),(0,r.useEffect)(()=>{if(o.replace(v,``).trim()&&m)for(let e=0;e<m.length;e++){if(!m[e]?.condition(o)&&o.length!==0){w(m[e]?.errorText??``);break}w(``)}},[o,m,v]),(0,r.useEffect)(()=>{let e=D.current,t=e=>{e.preventDefault()};if(e)return e.addEventListener(`wheel`,t),()=>{e.removeEventListener(`wheel`,t)}},[]),(0,i.jsxs)(n.InputFrame,{active:O,disabled:!!d,errorText:C,focused:T,label:f,children:[(0,i.jsx)(`input`,{className:t.t(`typo-t1 box-border h-[65px] w-full appearance-none border-none bg-transparent pl-[20px] text-gray-900 transition-all duration-200 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`,f?`pt-[31px] pb-[11px]`:`pb-0`,p?`rounded-l-[10px]`:`rounded-[10px]`,x),"data-private":h,disabled:d,name:f,onBlur:e=>{c?.(e),A(e)},onChange:u,onFocus:e=>{l?.(e),A(e)},pattern:b===`number`?`\\d*`:y,placeholder:k?s:``,ref:e||D,type:b,value:o,...S}),p&&(0,i.jsx)(`div`,{className:t.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,d?`bg-gray-25`:`bg-white`),children:p})]})};exports.BaseInput=a;

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

@@ -19,7 +19,6 @@ interface InputValidator {
  * @description input decoration은 항상 오른쪽에 위치해 있다.
  */
 declare const BaseInput: ({ ref: forwardedRef, ...props }: BasicInputProps) => React.JSX.Element;
-export * as BaseInputStyled from './index.styled';
 export type { BasicInputProps, InputValidator };
 export { BaseInput };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AAI5G,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC;AAEF,UAAU,cAAc;IAEvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,iCAAiC,eAAe,sBAqGlE,CAAC;AAEF,OAAO,KAAK,eAAe,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AAI5G,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC;AAEF,UAAU,cAAc;IAEvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,iCAAiC,eAAe,sBAgHlE,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1,68 +1,67 @@
-import { InputFrame as e } from "../common/InputFrame/index.esm.js";
-import { DecorationItemWrapper as t, InputTag as n, t as r } from "./index.styled.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";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import { InputFrame as t } from "../common/InputFrame/index.esm.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Input/BaseInput/index.tsx
-var u = ({ ref: r, ...u }) => {
-	let { value: d = "", placeholder: f, onBlur: p, onFocus: m, onChange: h, disabled: g, label: _, decoration: v, errorValidation: y, logRocketMasking: b, focus: x = !1, focusedAnimation: S = !0, format: C = "", pattern: w, type: T, ...E } = u, [D, O] = s(""), [k, A] = s(!1), j = o(null), M = k || !!d, N = _ && M || !_, P = i((e) => {
+var c = ({ ref: c, ...l }) => {
+	let { value: u = "", placeholder: d, onBlur: f, onFocus: p, onChange: m, disabled: h, label: g, decoration: _, errorValidation: v, logRocketMasking: y, focus: b = !1, focusedAnimation: x = !0, format: S = "", pattern: C, type: w, className: T, ...E } = l, [D, O] = a(""), [k, A] = a(!1), j = i(null), M = k || !!u, N = g && M || !g, P = n((e) => {
 		let { type: t } = e;
-		E.readOnly || g || S && A(t === "focus");
+		E.readOnly || h || x && A(t === "focus");
 	}, [
-		g,
-		S,
+		h,
+		x,
 		E.readOnly
 	]);
-	return a(() => {
-		x && j.current?.focus();
-	}, [x]), a(() => {
-		if (d.replace(C, "").trim() && y) for (let e = 0; e < y.length; e++) {
-			if (!y[e]?.condition(d) && d.length !== 0) {
-				O(y[e]?.errorText ?? "");
+	return r(() => {
+		b && j.current?.focus();
+	}, [b]), r(() => {
+		if (u.replace(S, "").trim() && v) for (let e = 0; e < v.length; e++) {
+			if (!v[e]?.condition(u) && u.length !== 0) {
+				O(v[e]?.errorText ?? "");
 				break;
 			}
 			O("");
 		}
 	}, [
-		d,
-		y,
-		C
-	]), a(() => {
+		u,
+		v,
+		S
+	]), r(() => {
 		let e = j.current, t = (e) => {
 			e.preventDefault();
 		};
 		if (e) return e.addEventListener("wheel", t), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, []), /* @__PURE__ */ l(e, {
+	}, []), /* @__PURE__ */ s(t, {
 		active: M,
-		disabled: !!g,
+		disabled: !!h,
 		errorText: D,
 		focused: k,
-		label: _,
-		children: [/* @__PURE__ */ c(n, {
-			"data-private": b,
-			decoration: !!v,
-			disabled: g,
-			hasLabel: !!_,
-			name: _,
+		label: g,
+		children: [/* @__PURE__ */ o("input", {
+			className: e("typo-t1 box-border h-[65px] w-full appearance-none border-none bg-transparent pl-[20px] text-gray-900 transition-all duration-200 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", g ? "pt-[31px] pb-[11px]" : "pb-0", _ ? "rounded-l-[10px]" : "rounded-[10px]", T),
+			"data-private": y,
+			disabled: h,
+			name: g,
 			onBlur: (e) => {
-				p?.(e), P(e);
+				f?.(e), P(e);
 			},
-			onChange: h,
+			onChange: m,
 			onFocus: (e) => {
-				m?.(e), P(e);
+				p?.(e), P(e);
 			},
-			pattern: T === "number" ? "\\d*" : w,
-			placeholder: N ? f : "",
-			ref: r || j,
-			type: T,
-			value: d,
+			pattern: w === "number" ? "\\d*" : C,
+			placeholder: N ? d : "",
+			ref: c || j,
+			type: w,
+			value: u,
 			...E
-		}), v && /* @__PURE__ */ c(t, {
-			disabled: g,
-			children: v
+		}), _ && /* @__PURE__ */ o("div", {
+			className: e("flex h-full items-center rounded-r-[10px] pr-[15px]", h ? "bg-gray-25" : "bg-white"),
+			children: _
 		})]
 	});
 };
 //#endregion
-export { u as BaseInput, r as BaseInputStyled };
+export { c as BaseInput };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../core/Colors/index.cjs.js"),t=require("../../../core/Typography/BaseTypography/index.cjs.js"),n=require("../common/InputFrame/index.cjs.js"),r=require("../BaseInput/index.styled.cjs.js"),i=require("./index.styled.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=({ref:s,...c})=>{let{realValue:l,postfix:u,onBlur:d,onFocus:f,onClick:p,disabled:m,label:h,placeholder:g,errorValidation:_,logRocketMasking:v,focus:y=!1,max:b,decoration:x,updateRealValue:S,formatRealValue:C,formatDisplayValue:w,type:T,pattern:E,...D}=c,[O,k]=(0,a.useState)(``),[A,j]=(0,a.useState)(``),[M,N]=(0,a.useState)(y),P=(0,a.useRef)(null),F=M||!!O,I=!(h||F)&&!!g,L=(0,a.useCallback)(e=>{if(e.length===0||e===`0`){j(``);return}if(_)for(let t=0;t<_.length;t++){if(!_[t]?.condition(e)&&e.length!==0){j(_[t]?.errorText??``);break}j(``)}},[_]),R=(0,a.useCallback)(e=>{let{type:t}=e;N(t===`focus`)},[]),z=(0,a.useCallback)(e=>{p?.(e),P.current?.focus()},[p]),B=(0,a.useCallback)(e=>{let t=C?.(e)||e,n=Number(b),r=Number(t);n&&!Number.isNaN(r)&&r>n||S(t)},[b,S,C]);return(0,a.useEffect)(()=>{let e=l;w&&(e=w?.(e)||``),k(e),L(l)},[w,L,l]),(0,a.useEffect)(()=>{y&&P.current?.focus()},[y]),(0,o.jsxs)(n.InputFrame,{active:F,disabled:!!m,errorText:A,focused:M,handleClickInput:z,label:h,children:[(0,o.jsxs)(i.InputAndUnitWrapper,{children:[(0,o.jsx)(i.InputSizer,{displayValue:O,focused:M,children:(0,o.jsx)(i.InputTag,{...D,className:i.className.inputTag,"data-private":v,decoration:!1,disabled:m,hasLabel:!!h,name:h,onBlur:e=>{d?.(e),R(e)},onChange:e=>{let t=e.currentTarget.value;B(t)},onClick:z,onFocus:e=>{f?.(e),R(e)},pattern:T===`number`?`\\d*`:E,placeholder:I?g:``,ref:s||P,size:I?void 0:1,type:T,value:w?O:l})}),(0,o.jsx)(i.UnitWrapper,{children:F&&(0,o.jsx)(i.Unit,{hasLabel:!!h,hasValue:!!O,children:(0,o.jsx)(t.BaseTypography,{color:m?e.basicColors.gray200:void 0,md:`Title1`,children:u})})})]}),x&&(0,o.jsx)(r.DecorationItemWrapper,{disabled:m,children:x})]})};exports.PostfixInput=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/Typography/BaseTypography/index.cjs.js"),r=require("../common/InputFrame/index.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({ref:o,...s})=>{let{realValue:c,postfix:l,onBlur:u,onFocus:d,onClick:f,disabled:p,label:m,placeholder:h,errorValidation:g,logRocketMasking:_,focus:v=!1,max:y,decoration:b,updateRealValue:x,formatRealValue:S,formatDisplayValue:C,type:w,pattern:T,...E}=s,[D,O]=(0,i.useState)(``),[k,A]=(0,i.useState)(``),[j,M]=(0,i.useState)(v),N=(0,i.useRef)(null),P=j||!!D,F=!(m||P)&&!!h,I=(0,i.useCallback)(e=>{if(e.length===0||e===`0`){A(``);return}if(g)for(let t=0;t<g.length;t++){if(!g[t]?.condition(e)&&e.length!==0){A(g[t]?.errorText??``);break}A(``)}},[g]),L=(0,i.useCallback)(e=>{let{type:t}=e;M(t===`focus`)},[]),R=(0,i.useCallback)(e=>{f?.(e),N.current?.focus()},[f]),z=(0,i.useCallback)(e=>{let t=S?.(e)||e,n=Number(y),r=Number(t);n&&!Number.isNaN(r)&&r>n||x(t)},[y,x,S]);return(0,i.useEffect)(()=>{let e=c;C&&(e=C?.(e)||``),O(e),I(c)},[C,I,c]),(0,i.useEffect)(()=>{v&&N.current?.focus()},[v]),(0,a.jsxs)(r.InputFrame,{active:P,disabled:!!p,errorText:k,focused:j,handleClickInput:R,label:m,children:[(0,a.jsxs)(`div`,{className:`flex w-full`,children:[(0,a.jsxs)(`div`,{className:e.t(`inline-grid flex-none`,j&&`w-fit pr-1`),children:[(0,a.jsx)(`input`,{...E,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":_,disabled:p,name:m,onBlur:e=>{u?.(e),L(e)},onChange:e=>{let t=e.currentTarget.value;z(t)},onClick:R,onFocus:e=>{d?.(e),L(e)},pattern:w===`number`?`\\d*`:T,placeholder:F?h:``,ref:o||N,size:F?void 0:1,type:w,value:C?D:c}),(0,a.jsx)(`span`,{"aria-hidden":!0,className:`typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]`,children:`${D} `})]}),(0,a.jsx)(`div`,{className:`relative block flex-1`,children:P&&(0,a.jsx)(`div`,{className:e.t(`absolute`,m?`top-[31px]`:`top-[21px]`),children:(0,a.jsx)(n.BaseTypography,{color:p?t.basicColors.gray200:void 0,md:`Title1`,children:l})})})]}),b&&(0,a.jsx)(`div`,{className:e.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,p?`bg-gray-25`:`bg-white`),children:b})]})};exports.PostfixInput=o;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAuJvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAgKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}

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"}