@pfct/purple 1.11.0 → 1.11.1

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.CbqoUpiO.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.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=_;

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

package/dist/components/MiniButton/IconMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BGio0-Tc.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../../../chunks/dist.ChAGEqMb.js");let r=require("react/jsx-runtime");var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,!l&&`hover:bg-gray-50 focus:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,i({colorType:c}),s),type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.CrnGARhp.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../../../chunks/dist.ChAGEqMb.js");let r=require("react/jsx-runtime");var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,!l&&`hover:bg-gray-50 focus:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,i({colorType:c}),s),type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;

package/dist/components/MiniButton/UnderLineMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BGio0-Tc.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../IconMiniButton/index.cjs.js");let r=require("react/jsx-runtime");var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(e.t,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{className:`text-decoration-none`,href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.CrnGARhp.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../IconMiniButton/index.cjs.js");let r=require("react/jsx-runtime");var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(e.t,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{className:`text-decoration-none`,href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../../chunks/dist.OKn2dMme.js");let n=require("react/jsx-runtime");function r({...e}){return(0,n.jsx)(t.o,{"data-slot":`dialog`,...e})}function i({...e}){return(0,n.jsx)(t.c,{"data-slot":`dialog-trigger`,...e})}function a({...e}){return(0,n.jsx)(t.a,{"data-slot":`dialog-portal`,...e})}function o({...e}){return(0,n.jsx)(t.t,{"data-slot":`dialog-close`,...e})}function s({className:r,...i}){return(0,n.jsx)(t.i,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-overlay`,...i})}function c({className:r,children:i,...o}){return(0,n.jsxs)(a,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(s,{}),(0,n.jsx)(t.n,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-content`,...o,children:i})]})}function l({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-5 px-5 py-[30px] text-center`,t),"data-slot":`dialog-info`,...r})}function u({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-2.5`,t),"data-slot":`dialog-header`,...r})}function d({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex items-center gap-2.5 px-[15px] pb-[15px]`,t),"data-slot":`dialog-footer`,...r})}function f({className:r,...i}){return(0,n.jsx)(t.s,{className:e.t(`typo-h4 whitespace-pre-wrap`,r),"data-slot":`dialog-title`,...i})}function p({className:r,...i}){return(0,n.jsx)(t.r,{className:e.t(`typo-t3 whitespace-pre-wrap text-gray-400`,r),"data-slot":`dialog-description`,...i})}exports.Modal=r,exports.ModalClose=o,exports.ModalContent=c,exports.ModalDescription=p,exports.ModalFooter=d,exports.ModalHeader=u,exports.ModalInfo=l,exports.ModalOverlay=s,exports.ModalPortal=a,exports.ModalTitle=f,exports.ModalTrigger=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../../chunks/dist.CbqoUpiO.js");let n=require("react/jsx-runtime");function r({...e}){return(0,n.jsx)(t.o,{"data-slot":`dialog`,...e})}function i({...e}){return(0,n.jsx)(t.c,{"data-slot":`dialog-trigger`,...e})}function a({...e}){return(0,n.jsx)(t.a,{"data-slot":`dialog-portal`,...e})}function o({...e}){return(0,n.jsx)(t.t,{"data-slot":`dialog-close`,...e})}function s({className:r,...i}){return(0,n.jsx)(t.i,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-overlay`,...i})}function c({className:r,children:i,...o}){return(0,n.jsxs)(a,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(s,{}),(0,n.jsx)(t.n,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-content`,...o,children:i})]})}function l({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-5 px-5 py-[30px] text-center`,t),"data-slot":`dialog-info`,...r})}function u({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-2.5`,t),"data-slot":`dialog-header`,...r})}function d({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex items-center gap-2.5 px-[15px] pb-[15px]`,t),"data-slot":`dialog-footer`,...r})}function f({className:r,...i}){return(0,n.jsx)(t.s,{className:e.t(`typo-h4 whitespace-pre-wrap`,r),"data-slot":`dialog-title`,...i})}function p({className:r,...i}){return(0,n.jsx)(t.r,{className:e.t(`typo-t3 whitespace-pre-wrap text-gray-400`,r),"data-slot":`dialog-description`,...i})}exports.Modal=r,exports.ModalClose=o,exports.ModalContent=c,exports.ModalDescription=p,exports.ModalFooter=d,exports.ModalHeader=u,exports.ModalInfo=l,exports.ModalOverlay=s,exports.ModalPortal=a,exports.ModalTitle=f,exports.ModalTrigger=i;

package/dist/components/Navigation/BottomNavigationBar/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/typography.cjs.js");let r=require("react");r=e.n(r);let i=require("react/jsx-runtime");var a=({items:e,...n})=>(0,i.jsx)(`div`,{className:t.t(`flex w-full items-center border-gray-50 border-t bg-white`,n.className),...n,children:e?.map((e,t)=>(0,i.jsx)(o,{...e},t))}),o=({label:e,icon:a,isActive:o,...s})=>{let c=r.default.cloneElement(a,{className:t.t(o?`text-gray-900`:`text-gray-200`,a.props.className)});return(0,i.jsxs)(`div`,{className:t.t(`flex flex-1 cursor-pointer flex-col items-center gap-[3px] p-[5px]`,s.className),...s,children:[c,(0,i.jsx)(n.Typography,{className:t.t(o?`text-gray-900`:`text-gray-200`),variant:`c2`,children:e})]})};exports.BottomNavigationBar=a,exports.BottomNavigationBarItem=o;
+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/typography.cjs.js");let r=require("react");r=e.t(r);let i=require("react/jsx-runtime");var a=({items:e,...n})=>(0,i.jsx)(`div`,{className:t.t(`flex w-full items-center border-gray-50 border-t bg-white`,n.className),...n,children:e?.map((e,t)=>(0,i.jsx)(o,{...e},t))}),o=({label:e,icon:a,isActive:o,...s})=>{let c=r.default.cloneElement(a,{className:t.t(o?`text-gray-900`:`text-gray-200`,a.props.className)});return(0,i.jsxs)(`div`,{className:t.t(`flex flex-1 cursor-pointer flex-col items-center gap-[3px] p-[5px]`,s.className),...s,children:[c,(0,i.jsx)(n.Typography,{className:t.t(o?`text-gray-900`:`text-gray-200`),variant:`c2`,children:e})]})};exports.BottomNavigationBar=a,exports.BottomNavigationBarItem=o;

package/dist/components/Navigation/PageNavigationBar/index.d.ts

@@ -14,7 +14,7 @@ declare namespace PageNavigationBar {
     var Header: ({ children, className, hasBackground, contentColor, ...props }: PageNavigationBarHeaderProps) => React.JSX.Element;
     var Title: ({ children, className, contentColor, ...props }: PageNavigationBarTitleProps) => React.JSX.Element;
     var BackButton: ({ className, contentColor, size, ref, ...props }: PageNavigationBarBackButtonProps & {
-        ref?: React.RefObject<HTMLButtonElement | null>;
+        ref?: React.Ref<HTMLButtonElement>;
     }) => React.JSX.Element;
     var RightArea: ({ children, className, ...props }: PageNavigationBarRightAreaProps) => React.JSX.Element;
 }

package/dist/components/Navigation/PageNavigationBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/PageNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,UAAU,sBAAsB;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,gCAAgC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAC,+BAA+B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;CAC5E;AAGD,iBAAS,iBAAiB,CAAC,EAC1B,aAAoB,EACpB,YAAqB,EACrB,SAAgB,EAChB,MAAW,EACX,KAEC,EACD,QAAQ,EACR,SAEC,GACD,EAAE,sBAAsB,qBAYxB;kBAxBQ,iBAAiB;iFAwCvB,4BAA4B;iEAuB5B,2BAA2B;uEA0B3B,gCAAgC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;KAAE;uDAiBtF,+BAA+B;;AAhFlC,UAAU,+BAA+B;IACxC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,+BAA+B,CAAC;AAyBxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,+BAA+B,CAAC;AAuB9G,KAAK,gCAAgC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACpF,OAAO,CAAC,+BAA+B,CAAC,GACxC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAmBxB,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;AAc9G,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/PageNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,UAAU,sBAAsB;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,gCAAgC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAC,+BAA+B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;CAC5E;AAGD,iBAAS,iBAAiB,CAAC,EAC1B,aAAoB,EACpB,YAAqB,EACrB,SAAgB,EAChB,MAAW,EACX,KAEC,EACD,QAAQ,EACR,SAEC,GACD,EAAE,sBAAsB,qBAYxB;kBAxBQ,iBAAiB;iFAwCvB,4BAA4B;iEAuB5B,2BAA2B;uEA0B3B,gCAAgC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAE;uDAiBzE,+BAA+B;;AAhFlC,UAAU,+BAA+B;IACxC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,+BAA+B,CAAC;AAyBxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,+BAA+B,CAAC;AAuB9G,KAAK,gCAAgC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACpF,OAAO,CAAC,+BAA+B,CAAC,GACxC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAmBxB,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;AAc9G,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/OverlayRoot/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("../../constants/style.constants.cjs.js"),r=require("../../hooks/useOverlayPreventScroll.cjs.js");require("../../hooks/index.cjs.js");let i=require("react");i=e.n(i);let a=require("react/jsx-runtime");var o=i.default.memo(({className:e,visible:o,onClick:s,zIndex:c=n.zIndex.modal,children:l})=>{let[u,d]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e;return o?d(!0):e=setTimeout(()=>d(!1),400),()=>{e!==void 0&&clearTimeout(e)}},[o]),r.useOverlayPreventScroll(o),u?(0,a.jsx)(`div`,{className:t.t(`fixed inset-0 box-border bg-black/60 transition-[visibility] duration-[400ms]`,o?`visible animate-overlay-fade-in`:`invisible animate-overlay-fade-out`,e),"data-slot":`overlay-root`,onClick:e=>{e.target===e.currentTarget&&s?.()},style:{zIndex:c},children:l}):null});exports.OverlayRoot=o;
+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("../../constants/style.constants.cjs.js"),r=require("../../hooks/useOverlayPreventScroll.cjs.js");require("../../hooks/index.cjs.js");let i=require("react");i=e.t(i);let a=require("react/jsx-runtime");var o=i.default.memo(({className:e,visible:o,onClick:s,zIndex:c=n.zIndex.modal,children:l})=>{let[u,d]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e;return o?d(!0):e=setTimeout(()=>d(!1),400),()=>{e!==void 0&&clearTimeout(e)}},[o]),r.useOverlayPreventScroll(o),u?(0,a.jsx)(`div`,{className:t.t(`fixed inset-0 box-border bg-black/60 transition-[visibility] duration-[400ms]`,o?`visible animate-overlay-fade-in`:`invisible animate-overlay-fade-out`,e),"data-slot":`overlay-root`,onClick:e=>{e.target===e.currentTarget&&s?.()},style:{zIndex:c},children:l}):null});exports.OverlayRoot=o;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dist.BGio0-Tc.js"),t=require("../../icons/src/icons/Chevron_left.cjs.js"),n=require("../../icons/src/icons/Chevron_right.cjs.js"),r=require("../../icons/src/icons/Double_Chevron_left.cjs.js"),i=require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/aliases/index.cjs.js");const a=require("../../chunks/utils.C67s_c-g.js"),o=require("../../chunks/dist.ChAGEqMb.js"),s=require("./usePagination.cjs.js");let c=require("react/jsx-runtime");function l({className:e,...t}){return(0,c.jsx)(`nav`,{"aria-label":`페이지네이션`,className:a.t(`mx-auto flex w-full justify-center`,e),"data-slot":`pagination`,...t})}function u({className:e,...t}){return(0,c.jsx)(`ul`,{className:a.t(`flex flex-row items-center gap-1`,e),"data-slot":`pagination-content`,...t})}function d({className:e,...t}){return(0,c.jsx)(`li`,{className:a.t(`flex items-center`,e),"data-slot":`pagination-item`,...t})}var f=o.t(`typo-b1 inline-flex size-7.5 cursor-pointer items-center justify-center rounded-[5px] transition-colors focus-visible:outline-none disabled:pointer-events-none`,{variants:{isActive:{true:`bg-lime-50 font-medium text-lime-400`,false:`text-gray-600 hover:bg-gray-25 focus-visible:bg-gray-100 disabled:text-gray-100`}},defaultVariants:{isActive:!1}});function p({className:t,isActive:n,asChild:r=!1,onClick:i,...o}){let s=r?e.t:`button`;return(0,c.jsx)(s,{"aria-current":n?`page`:void 0,className:a.t(f({isActive:n,className:t})),"data-active":n,"data-slot":`pagination-button`,onClick:e=>{i?.(e),e.currentTarget.blur()},type:r?void 0:`button`,...o})}var m=`size-5`,h=`size-[0.9375rem]`;function g({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`첫 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(r.default,{className:h})})}function _({className:e,...n}){return(0,c.jsx)(p,{"aria-label":`이전 페이지로 이동`,className:a.t(m,e),...n,children:(0,c.jsx)(t.default,{className:h})})}function v({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`다음 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(n.default,{className:h})})}function y({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`마지막 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(i.default,{className:h})})}function b({currentPage:e,totalPages:t,onPageChange:n,pageWindowSize:r,className:i}){let{pages:a,isFirstPage:o,isLastPage:f,hasPages:m}=s.usePagination({currentPage:e,totalPages:t,pageWindowSize:r});return m?(0,c.jsx)(l,{className:i,children:(0,c.jsxs)(u,{children:[(0,c.jsx)(d,{children:(0,c.jsx)(g,{disabled:o,onClick:()=>n(1)})}),(0,c.jsx)(d,{children:(0,c.jsx)(_,{disabled:o,onClick:()=>n(e-1)})}),a.map((t,r)=>(0,c.jsx)(d,{children:(0,c.jsx)(p,{isActive:t===e,onClick:()=>n(t),children:t})},r)),(0,c.jsx)(d,{children:(0,c.jsx)(v,{disabled:f,onClick:()=>n(e+1)})}),(0,c.jsx)(d,{children:(0,c.jsx)(y,{disabled:f,onClick:()=>n(t)})})]})}):null}exports.Pagination=b,exports.PaginationButton=p,exports.PaginationContent=u,exports.PaginationFirst=g,exports.PaginationItem=d,exports.PaginationLast=y,exports.PaginationNext=v,exports.PaginationPrevious=_,exports.PaginationRoot=l,exports.paginationButtonVariants=f,exports.usePagination=s.usePagination;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dist.CrnGARhp.js"),t=require("../../icons/src/icons/Chevron_left.cjs.js"),n=require("../../icons/src/icons/Chevron_right.cjs.js"),r=require("../../icons/src/icons/Double_Chevron_left.cjs.js"),i=require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/aliases/index.cjs.js");const a=require("../../chunks/utils.C67s_c-g.js"),o=require("../../chunks/dist.ChAGEqMb.js"),s=require("./usePagination.cjs.js");let c=require("react/jsx-runtime");function l({className:e,...t}){return(0,c.jsx)(`nav`,{"aria-label":`페이지네이션`,className:a.t(`mx-auto flex w-full justify-center`,e),"data-slot":`pagination`,...t})}function u({className:e,...t}){return(0,c.jsx)(`ul`,{className:a.t(`flex flex-row items-center gap-1`,e),"data-slot":`pagination-content`,...t})}function d({className:e,...t}){return(0,c.jsx)(`li`,{className:a.t(`flex items-center`,e),"data-slot":`pagination-item`,...t})}var f=o.t(`typo-b1 inline-flex size-7.5 cursor-pointer items-center justify-center rounded-[5px] transition-colors focus-visible:outline-none disabled:pointer-events-none`,{variants:{isActive:{true:`bg-lime-50 font-medium text-lime-400`,false:`text-gray-600 hover:bg-gray-25 focus-visible:bg-gray-100 disabled:text-gray-100`}},defaultVariants:{isActive:!1}});function p({className:t,isActive:n,asChild:r=!1,onClick:i,...o}){let s=r?e.t:`button`;return(0,c.jsx)(s,{"aria-current":n?`page`:void 0,className:a.t(f({isActive:n,className:t})),"data-active":n,"data-slot":`pagination-button`,onClick:e=>{i?.(e),e.currentTarget.blur()},type:r?void 0:`button`,...o})}var m=`size-5`,h=`size-[0.9375rem]`;function g({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`첫 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(r.default,{className:h})})}function _({className:e,...n}){return(0,c.jsx)(p,{"aria-label":`이전 페이지로 이동`,className:a.t(m,e),...n,children:(0,c.jsx)(t.default,{className:h})})}function v({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`다음 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(n.default,{className:h})})}function y({className:e,...t}){return(0,c.jsx)(p,{"aria-label":`마지막 페이지로 이동`,className:a.t(m,e),...t,children:(0,c.jsx)(i.default,{className:h})})}function b({currentPage:e,totalPages:t,onPageChange:n,pageWindowSize:r,className:i}){let{pages:a,isFirstPage:o,isLastPage:f,hasPages:m}=s.usePagination({currentPage:e,totalPages:t,pageWindowSize:r});return m?(0,c.jsx)(l,{className:i,children:(0,c.jsxs)(u,{children:[(0,c.jsx)(d,{children:(0,c.jsx)(g,{disabled:o,onClick:()=>n(1)})}),(0,c.jsx)(d,{children:(0,c.jsx)(_,{disabled:o,onClick:()=>n(e-1)})}),a.map((t,r)=>(0,c.jsx)(d,{children:(0,c.jsx)(p,{isActive:t===e,onClick:()=>n(t),children:t})},r)),(0,c.jsx)(d,{children:(0,c.jsx)(v,{disabled:f,onClick:()=>n(e+1)})}),(0,c.jsx)(d,{children:(0,c.jsx)(y,{disabled:f,onClick:()=>n(t)})})]})}):null}exports.Pagination=b,exports.PaginationButton=p,exports.PaginationContent=u,exports.PaginationFirst=g,exports.PaginationItem=d,exports.PaginationLast=y,exports.PaginationNext=v,exports.PaginationPrevious=_,exports.PaginationRoot=l,exports.paginationButtonVariants=f,exports.usePagination=s.usePagination;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/bottomSheet.S0os8-3S.js"),n=require("../../hooks/useLayoutIsMobile.cjs.js"),r=require("../../library/List/BottomSheetItemList/index.cjs.js");require("../../library/List/index.cjs.js");const i=require("../Input/BaseInput/index.cjs.js"),a=require("./index.styled.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=c=>{let{label:l,placeholder:u,itemList:d,onChange:f,disabled:p,errorValidation:m,value:h,bottomSheetTitle:g}=c,[_,v]=(0,o.useState)(d.find(e=>e.value===h)?.label),[y,b]=(0,o.useState)(!1),[x,S]=(0,o.useState)(!1),C=n.default(),w=(0,o.useCallback)(e=>{S(e)},[]);return(0,o.useEffect)(()=>{v(d.find(e=>e.value===h)?.label)},[d,h]),(0,s.jsxs)(a.Wrapper,{children:[(0,s.jsx)(a.IconWrapper,{rotateArrow:x,children:(0,s.jsx)(e.default,{className:`text-gray-200`,size:20})}),(0,s.jsx)(i.BaseInput,{className:`select-box`,disabled:p,errorValidation:m,focusedAnimation:!1,label:l,onBlur:()=>{y&&w(!1)},onClick:()=>S(!x),placeholder:u,readOnly:!0,value:_}),x&&(0,s.jsx)(a.Desktop,{children:(0,s.jsxs)(a.ItemListWrapper,{onMouseOut:()=>b(!0),onMouseOver:()=>b(!1),children:[(0,s.jsx)(a.ItemList,{children:d.map(e=>{let{label:t,value:n}=e;return(0,s.jsx)(a.Item,{onClick:()=>{v(t),f(n),w(!1)},children:t},t)})}),(0,s.jsx)(a.ListBottomMargin,{})]})}),C&&(0,s.jsx)(t.t,{onOpenChange:e=>!e&&w(!1),open:x,children:(0,s.jsxs)(t.a,{children:[g?(0,s.jsx)(t.d,{title:g}):(0,s.jsx)(t.u,{className:`sr-only`,children:l??`선택`}),(0,s.jsx)(t.n,{className:`px-0`,children:(0,s.jsx)(r.BottomSheetItemList,{item:d,onClick:({value:e})=>{f(e),w(!1)}})})]})})]})};exports.SelectBox=c,Object.defineProperty(exports,"SelectBoxStyled",{enumerable:!0,get:function(){return a.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/utils.C67s_c-g.js"),n=require("../../chunks/bottomSheet.CbP1N3-g.js"),r=require("../../hooks/useLayoutIsMobile.cjs.js"),i=require("../../library/List/BottomSheetItemList/index.cjs.js");require("../../library/List/index.cjs.js");const a=require("../Input/BaseInput/index.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=c=>{let{label:l,placeholder:u,itemList:d,onChange:f,disabled:p,errorValidation:m,value:h,bottomSheetTitle:g}=c,[_,v]=(0,o.useState)(d.find(e=>e.value===h)?.label),[y,b]=(0,o.useState)(!1),[x,S]=(0,o.useState)(!1),C=r.default(),w=(0,o.useCallback)(e=>{S(e)},[]);return(0,o.useEffect)(()=>{v(d.find(e=>e.value===h)?.label)},[d,h]),(0,s.jsxs)(`div`,{className:`relative [&>div>.select-box]:cursor-pointer`,children:[(0,s.jsx)(`div`,{className:t.t(`pointer-events-none absolute right-[20px] z-[10] cursor-pointer`,x?`top-[18px] rotate-180`:`top-[20px] rotate-0`),children:(0,s.jsx)(e.default,{className:`text-gray-200`,size:20})}),(0,s.jsx)(a.BaseInput,{className:`select-box`,disabled:p,errorValidation:m,focusedAnimation:!1,label:l,onBlur:()=>{y&&w(!1)},onClick:()=>S(!x),placeholder:u,readOnly:!0,value:_}),x&&(0,s.jsx)(`div`,{className:`max-[1199px]:hidden`,children:(0,s.jsxs)(`div`,{className:`absolute z-[101] h-max w-full min-[1200px]:top-[70px]`,onMouseOut:()=>b(!0),onMouseOver:()=>b(!1),children:[(0,s.jsx)(`div`,{className:`flex max-h-[292.5px] flex-col gap-1 overflow-y-scroll rounded-[10px] bg-white shadow-[0_2px_10px_#00000033]`,children:d.map(e=>{let{label:t,value:n}=e;return(0,s.jsx)(`div`,{className:`typo-t2 box-border h-[50px] w-full cursor-pointer bg-white px-[25px] py-[15px] text-gray-400 tracking-[-0.2px] first-of-type:rounded-t-[10px] last-of-type:rounded-b-[10px] hover:bg-gray-25 active:bg-gray-50`,onClick:()=>{v(t),f(n),w(!1)},children:t},t)})}),(0,s.jsx)(`div`,{className:`pointer-events-none h-[80px]`})]})}),C&&(0,s.jsx)(n.t,{onOpenChange:e=>!e&&w(!1),open:x,children:(0,s.jsxs)(n.a,{children:[g?(0,s.jsx)(n.d,{title:g}):(0,s.jsx)(n.u,{className:`sr-only`,children:l??`선택`}),(0,s.jsx)(n.n,{className:`px-0`,children:(0,s.jsx)(i.BottomSheetItemList,{item:d,onClick:({value:e})=>{f(e),w(!1)}})})]})})]})};exports.SelectBox=c;

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

@@ -13,7 +13,6 @@ interface SelectItemProps<ValueType = string> {
     value: ValueType;
 }
 declare const SelectBox: React.FC<SelectBoxProps>;
-export * as SelectBoxStyled from './index.styled';
 export type { SelectBoxProps, SelectItemProps };
 export { SelectBox };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,mBAAmB,EAAoC,MAAM,OAAO,CAAC;AAWnF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpE,KAAK,cAAc,CAAC,SAAS,GAAG,MAAM,IAAI,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpG,QAAQ,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,UAAU,eAAe,CAAC,SAAS,GAAG,MAAM;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsFvC,CAAC;AAEF,OAAO,KAAK,eAAe,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,mBAAmB,EAAoC,MAAM,OAAO,CAAC;AAYnF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpE,KAAK,cAAc,CAAC,SAAS,GAAG,MAAM,IAAI,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpG,QAAQ,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,UAAU,eAAe,CAAC,SAAS,GAAG,MAAM;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiGvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC"}