@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/NumberStepper/NumberStepper2.js

@@ -0,0 +1,128 @@
+"use client";
+function e(t, n) {
+	t -= 303;
+	let r = m(), i = r[t];
+	e.cKbYLx === void 0 && (e.uLQdPO = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, e.CRUbwC = {}, e.cKbYLx = !0);
+	let a = r[0];
+	e.vgYTOK !== a && (e.CRUbwC = {}, e.vgYTOK = a);
+	let o = e.CRUbwC[t];
+	return o === void 0 ? (i = e.uLQdPO(i), e.CRUbwC[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(307)) / 1 * (parseInt(r(336)) / 2) + -parseInt(r(309)) / 3 + -parseInt(r(312)) / 4 + -parseInt(r(317)) / 5 + -parseInt(r(332)) / 6 * (parseInt(r(330)) / 7) + -parseInt(r(303)) / 8 * (-parseInt(r(326)) / 9) + parseInt(r(316)) / 10 * (parseInt(r(327)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(m, 197900);
+import { TIMING as n } from "../../hooks/timing.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+/* empty css              */
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { Minus as c, Plus as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = (t) => {
+	let n = e, r = String(t), i = r[n(344)](".");
+	return i < 0 ? 0 : r[n(306)] - i - 1;
+};
+function p({ value: e, defaultValue: p, onValueChange: m, min: h = -Infinity, max: g = Infinity, step: _ = 1, largeStep: v, size: y = "md", disabled: b, formatValue: x, "aria-label": S, "aria-labelledby": C, decrementLabel: w = t(320), incrementLabel: T = t(331), name: E, id: D, className: O, style: k }) {
+	let A = t, [j, M] = r(e, p ?? Math.min(g, Math[A(343)](h, 0)), m), N = Math.max(f(_), f(Number[A(342)](h) ? h : 0)), P = (e) => Number(Math[A(322)](g, Math.max(h, e))[A(329)](N)), [F, I] = s(j), [L, R] = s(null);
+	j !== F && (I(j), R(j > F ? "up" : "down"));
+	let z = o(j);
+	a(() => {
+		z.current = j;
+	});
+	let B = o({
+		timer: 0,
+		repeated: !1
+	}), V = () => window.clearTimeout(B[A(308)].timer);
+	a(() => {
+		let e = A, t = B[e(308)];
+		return () => window[e(338)](t[e(313)]);
+	}, []);
+	let H = (e) => {
+		let t = A, n = P(e);
+		return n !== z[t(308)] && (z[t(308)] = n, M(n), !0);
+	}, U = (e) => H(z[A(308)] + e), W = (e) => (t) => {
+		let r = A;
+		if (t[r(319)] !== 0 || b) return;
+		V(), B[r(308)][r(339)] = !1;
+		let i = () => {
+			let t = r;
+			B[t(308)][t(339)] = !0, U(e) && (B.current[t(313)] = window[t(304)](i, n[t(325)]));
+		};
+		B.current[r(313)] = window[r(304)](i, n.repeatDelay);
+	}, G = (e) => () => {
+		let t = A;
+		B[t(308)][t(339)] ? B[t(308)][t(339)] = !1 : U(e);
+	}, K = (e) => {
+		let t = A;
+		if (b || e[t(321)].isComposing) return;
+		let n = v ?? _ * 10, r = !0;
+		e[t(340)] === "ArrowUp" || e[t(340)] === t(314) ? U(_) : e[t(340)] === "ArrowDown" || e[t(340)] === "ArrowLeft" ? U(-_) : e.key === t(335) ? U(n) : e[t(340)] === "PageDown" ? U(-n) : e.key === t(324) && Number[t(342)](h) ? H(h) : e[t(340)] === t(328) && Number[t(342)](g) ? H(g) : r = !1, r && e[t(311)]();
+	}, q = x ? x(j) : j, J = typeof q === A(310) || typeof q == "number" ? String(q) : String(j), Y = Math[A(343)](String(Number[A(342)](g) ? g : j)[A(306)], String(Number[A(342)](h) ? h : j)[A(306)], String(j)[A(306)]), X = (e, t, n, r) => u("button", {
+		type: A(319),
+		className: A(337),
+		"aria-label": t,
+		tabIndex: -1,
+		disabled: b || r,
+		onPointerDown: W(e),
+		onPointerUp: V,
+		onPointerLeave: V,
+		onPointerCancel: V,
+		onClick: G(e),
+		children: n
+	});
+	return d(A(333), {
+		className: i(A(334), "ds-stepper--" + y, O),
+		"data-disabled": b || void 0,
+		style: {
+			"--_digits": Y + "ch",
+			...k
+		},
+		children: [
+			X(-_, w, u(c, {}), j <= h),
+			u(A(315), {
+				id: D,
+				role: A(318),
+				tabIndex: b ? -1 : 0,
+				className: "ds-stepper__value",
+				"aria-label": S,
+				"aria-labelledby": C,
+				"aria-valuenow": j,
+				"aria-valuemin": Number.isFinite(h) ? h : void 0,
+				"aria-valuemax": Number[A(342)](g) ? g : void 0,
+				"aria-valuetext": x ? J : void 0,
+				"aria-disabled": b || void 0,
+				onKeyDown: K,
+				children: u("span", {
+					className: A(305),
+					"data-dir": L ?? void 0,
+					children: q
+				}, j)
+			}),
+			X(_, T, u(l, {}), j >= g),
+			E && u(A(323), {
+				type: A(341),
+				name: E,
+				value: j
+			})
+		]
+	});
+}
+function m() {
+	let e = /* @__PURE__ */ "qxjYB3DsAwDODa.C3bHBG.mtbIELbKAwC.ntKYmZi1wMfvuMXM.C3bPBMj1DhrVBG.yNv0Dg9U.7kse7j206RIW.BMf0AxzLrxzLBNq.BwLU.Aw5WDxq.sg9Tzq.CMvWzwf0sw50zxj2ywW.oxH1r21ruG.nZC3mZy2n3fPCffNyq.rw5K.Dg9gAxHLza.nZeYmtfHsKniEKC.64Qy66AS6RIW.mtuWyu1zs1bk.zgL2.zhmTC3rLChbLCG.ugfNzvvW.nty2mda4wvLMyu5n.zhmTC3rLChbLCL9FyNrU.y2XLyxjuAw1LB3v0.CMvWzwf0zwq.A2v5.AgLKzgvU.AxngAw5PDgu.Bwf4.Aw5KzxHpzG.mJmZmZC5mLDyvwjgzG.C2v0vgLTzw91Da.zhmTC3rLChbLCL9FBNvT.BgvUz3rO.muzfsxLKta.y3vYCMvUDa.ndaXote2shrSq01e.C3rYAw5N.ChjLDMvUDerLzMf1Bhq.ndmWmJbwA0nxvxa.DgLTzxi".split(".");
+	return m = function() {
+		return e;
+	}, m();
+}
+export { p as NumberStepper };

package/lib/components/OtpInput/OtpInput2.js

@@ -0,0 +1,122 @@
+"use client";
+function e(t, n) {
+	t -= 409;
+	let r = f(), i = r[t];
+	e.wtigKy === void 0 && (e.GxUgwC = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, e.SLCKGx = {}, e.wtigKy = !0);
+	let a = r[0];
+	e.FRxEfR !== a && (e.SLCKGx = {}, e.FRxEfR = a);
+	let o = e.SLCKGx[t];
+	return o === void 0 ? (i = e.GxUgwC(i), e.SLCKGx[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(435)) / 1 + parseInt(r(411)) / 2 + parseInt(r(426)) / 3 * (parseInt(r(412)) / 4) + -parseInt(r(419)) / 5 * (parseInt(r(443)) / 6) + parseInt(r(447)) / 7 + parseInt(r(431)) / 8 + parseInt(r(422)) / 9 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(f, 978536);
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+/* empty css         */
+import { forwardRef as i, useImperativeHandle as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = {
+	numeric: /[^0-9]/g,
+	alphanumeric: /[^a-zA-Z0-9]/g
+}, d = i(function({ length: i = 6, groups: d, value: f, defaultValue: p = "", onValueChange: m, onComplete: h, pattern: g = t(414), status: _, mask: v, size: y = "md", disabled: b, autoFocus: x, name: S, id: C, className: w, "aria-label": T = "인증번호" }, E) {
+	let D = t, O = o(null);
+	a(E, () => O.current);
+	let k = (t) => {
+		let n = e, r = t[n(416)](u[g], "")[n(440)](0, i);
+		return g === "alphanumeric" ? r[n(425)]() : r;
+	}, [A, j] = n(f, k(p), m), [M, N] = s(!1), P = (t) => {
+		let n = e, r = k(t);
+		r !== A && (j(r), r[n(444)] === i && h?.(r));
+	}, F = () => {
+		let t = e, n = O[t(429)];
+		n && n[t(446)](n[t(428)].length, n.value.length);
+	}, I = _ === D(418), L = I || _ === "success", R = M && !L ? Math[D(413)](A.length, i - 1) : -1, z = d && d[D(430)]((e, t) => e + t, 0) === i ? d : [i], B = z[D(442)]((e, t) => {
+		let n = D, r = z[n(440)](0, t)[n(430)]((e, t) => e + t, 0);
+		return [r, r + e];
+	});
+	return l(D(437), {
+		className: r("ds-otp", y === "lg" && D(410), w),
+		"data-status": _,
+		"data-disabled": b || void 0,
+		onPointerDown: (e) => {
+			let t = D;
+			b || (e[t(448)](), O[t(429)]?.[t(415)](), F());
+		},
+		children: [c(D(434), {
+			ref: O,
+			id: C,
+			name: S,
+			className: D(436),
+			value: A,
+			inputMode: g === D(414) ? "numeric" : "text",
+			autoComplete: D(433),
+			autoCapitalize: D(421),
+			spellCheck: !1,
+			"aria-label": T + " " + i + "자리",
+			"aria-invalid": _ === D(445) || void 0,
+			"aria-busy": I || void 0,
+			readOnly: L,
+			disabled: b,
+			autoFocus: x,
+			onChange: (e) => P(e[D(439)][D(428)]),
+			onFocus: () => {
+				N(!0), F();
+			},
+			onBlur: () => N(!1),
+			onSelect: F,
+			onKeyDown: (e) => {
+				let t = D;
+				[
+					t(417),
+					"ArrowRight",
+					t(420),
+					"End",
+					t(441),
+					"ArrowDown"
+				][t(423)](e[t(409)]) && e[t(448)]();
+			}
+		}), c(D(437), {
+			className: "ds-otp__slots",
+			children: B.map(([e, t], n) => l("div", {
+				className: D(432),
+				children: [n > 0 && c("span", {
+					className: "ds-otp__sep",
+					"aria-hidden": !0
+				}), Array[D(424)]({ length: t - e }, (t, n) => {
+					let r = D, i = e + n, a = A[i];
+					return l(r(437), {
+						className: "ds-otp__slot",
+						"data-filled": a != null || void 0,
+						"data-active": i === R || void 0,
+						style: { "--_i": i },
+						"aria-hidden": !0,
+						children: [a != null && c("span", {
+							className: r(427),
+							children: v ? c(r(449), { className: "ds-otp__dot" }) : a
+						}, a + i), i === R && a == null && c("span", { className: "ds-otp__caret" })]
+					}, i);
+				})]
+			}, n))
+		}, _ ? _ + "-" + A : D(438))]
+	});
+});
+function f() {
+	let e = /* @__PURE__ */ "mZG0mdq4mfDNCMHUvG.ChjLDMvUDerLzMf1Bhq.C3bHBG.A2v5.zhmTB3rWls1SzW.mta2odCWngj6CerJtW.nezyDKLUEq.BwLU.BNvTzxjPyW.zM9JDxm.CMvWBgfJzq.qxjYB3Dmzwz0.Bg9HzgLUzW.ndq1odbIzvPNtvG.sg9Tzq.y2HHCMfJDgvYCW.mtiYnJa5mtzRALDlwwq.Aw5JBhvKzxm.zNjVBq.Dg9vChbLCKnHC2u.odmYmdC0svvOwvPH.zhmTB3rWx19JAgfY.DMfSDwu.y3vYCMvUDa.CMvKDwnL.mtaYnde0ngzQq2HKzW.zhmTB3rWx19NCM91Ca.B25LlxrPBwuTy29Kzq.Aw5WDxq.odi4otG0se1YBwPk.zhmTB3rWx19PBNb1Da.zgL2.AwrSzq.DgfYz2v0.C2XPy2u.qxjYB3DvCa.BwfW.nZaYt2LXrhf4.BgvUz3rO.zxjYB3i.C2v0u2vSzwn0Aw9UuMfUz2u".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}
+export { d as OtpInput };

package/lib/components/Pagination/Pagination2.js

@@ -0,0 +1,210 @@
+"use client";
+const e = i;
+(function(e, t) {
+	let n = i, r = e();
+	for (;;) try {
+		if (parseInt(n(158)) / 1 * (-parseInt(n(162)) / 2) + parseInt(n(189)) / 3 + -parseInt(n(180)) / 4 * (parseInt(n(182)) / 5) + -parseInt(n(176)) / 6 * (parseInt(n(156)) / 7) + parseInt(n(199)) / 8 * (-parseInt(n(171)) / 9) + parseInt(n(192)) / 10 + -parseInt(n(205)) / 11 * (-parseInt(n(164)) / 12) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(u, 277544);
+import { Text as t } from "../../primitives/Typography2.js";
+import { Inline as n } from "../../primitives/Layout2.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+function i(e, t) {
+	e -= 155;
+	let n = u(), r = n[e];
+	i.dIRwuv === void 0 && (i.jPeigp = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, i.eQVJky = {}, i.dIRwuv = !0);
+	let a = n[0];
+	i.DXUAhN !== a && (i.eQVJky = {}, i.DXUAhN = a);
+	let o = i.eQVJky[e];
+	return o === void 0 ? (r = i.jPeigp(r), i.eQVJky[e] = r) : r = o, r;
+}
+import { Button as a, Input as o, cx as s } from "../../primitives/index.js";
+import { Select as c } from "../Select/Select2.js";
+import { paginationRange as l } from "./paginationRange.js";
+function u() {
+	let e = /* @__PURE__ */ "A2v5.zhmTCgfNAw5HDgLVBL9FANvTCa.B2zMC2v0v2LKDgG.ChjPBwfYEq.BMv1DhjHBa.zgLZy29UBMvJDa.mtCWoduWCwrqrePZ.BwLU.zhmTCgfNAw5HDgLVBL9FCgfNzxm.ntmYntKWDwjez2j5.C2LTCgXL.yNv0Dg9U.zhmTCgfNAw5HDgLVBL9FDgH1Bwi.7lkRio2oMoYDToYNGa.Axnoyu4.D2LKDgG.ntz2Awn2twm.7y6y7j207kEa.z2HVC3q.CxvLCNLtzwXLy3rVCG.BNvTzxjPyW.CMvWBgfJzq.mtfts0Xzzwq.Dg90ywW.zw5K.zgL2.zhmTCgfNAw5HDgLVBL9FCgfNzq.C2vJB25Kyxj5.BNvTyMvY.rxnJyxbL.mZiZmtjArKrPsxa.DgvYDgLHCNK.odLYDunkzfy.A28Ts1i.zhmTCgfNAw5HDgLVBL9FzwXSAxbZAxm.DMfSDwu.mte0mZHwDxjPAxK.y3vYCMvUDa.mJiYmJy5nJrvwgPQEMW.C3bHBG.zhmTCgfNAw5HDgLVBL9FC2LTCgXL.BMf0AxzLrxzLBNq.BgfIzwWTBwq.ic8G.BwfW.ndG4mZa0DLnjBvf4.Bwf4.7j2064+z7zwGio2oMoYDToYNGcaOmEkaKW.AxndB21WB3nPBMC.7j207kceio2oMoYDToYNGa.nZiWrgrVDvvr.Cg9SAxrL.zhmTCgfNAw5HDgLVBI0T.zhmTCgfNAw5HDgLVBG.ndrRC2zJtNa.zhmTCgfNAw5HDgLVBI0TChjPBwfYEq.mteWmdK1vNHuuxHK".split(".");
+	return u = function() {
+		return e;
+	}, u();
+}
+/* empty css           */
+import { useLayoutEffect as d, useRef as f, useState as p } from "react";
+import { ChevronLeft as m, ChevronRight as h, ChevronsLeft as g, ChevronsRight as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+var b = (t) => t.toLocaleString(e(159));
+function x({ page: i, defaultPage: o = 1, onPageChange: l, totalPages: u, totalItems: d, pageSize: f, defaultPageSize: p = 20, onPageSizeChange: x, pageSizeOptions: w, siblingCount: T = 1, boundaryCount: E = 1, variant: D = "default", tone: O = e(187), size: k = "md", showFirstLast: A, showRange: j, showJump: M, formatRange: N, disabled: P, "aria-label": F = e(200), className: I, style: L }) {
+	let R = e, [z, B] = r(i, o, l), [V, H] = r(f, p, x), U = Math[R(172)](1, u ?? (d == null ? 1 : Math.ceil(d / V))), W = Math[R(190)](Math[R(172)](1, z), U), G = (e) => {
+		let t = Math.min(Math[R(172)](1, e), U);
+		t !== W && B(t);
+	}, K = (e, t, n, r) => v(a, {
+		variant: R(201),
+		size: k,
+		iconOnly: !0,
+		icon: t,
+		"aria-label": e,
+		disabled: P || r,
+		onClick: () => G(n)
+	}), q = (j ?? d != null) && d != null, J = d == null ? null : {
+		start: d === 0 ? 0 : (W - 1) * V + 1,
+		end: Math[R(190)](W * V, d),
+		total: d
+	}, Y = (e) => {
+		let t = (W - 1) * V;
+		H(e);
+		let n = Math.floor(t / e) + 1;
+		n !== W && B(n);
+	}, X = q && J || w ? y(n, {
+		gap: 3,
+		children: [q && J && v(t, {
+			variant: "body-sm",
+			tone: R(210),
+			numeric: !0,
+			"aria-live": R(177),
+			children: N ? N(J) : b(J.start) + "–" + b(J[R(207)]) + R(169) + b(J[R(206)]) + "개"
+		}), w && v(c, {
+			size: "sm",
+			"aria-label": "페이지당 항목 수",
+			disabled: P,
+			options: w[R(170)]((e) => ({
+				value: String(e),
+				label: e + "개"
+			})),
+			value: String(V),
+			onValueChange: (e) => Y(Number(e)),
+			renderValue: (e) => "페이지당 " + e.label
+		})]
+	}) : null;
+	return y(n, {
+		as: "nav",
+		gap: 4,
+		justify: X ? "between" : "start",
+		"aria-label": F,
+		className: s(R(179), R(178) + k, O === R(186) && R(181), I),
+		style: L,
+		children: [X, y(n, {
+			gap: 4,
+			children: [y(n, {
+				gap: 1,
+				wrap: !1,
+				children: [
+					A && K(R(196), v(g, {}), 1, W <= 1),
+					K(R(175), v(m, {}), W - 1, W <= 1),
+					D === R(193) ? y(t, {
+						variant: R(168),
+						numeric: !0,
+						className: R(166),
+						"aria-live": "polite",
+						children: [W, y(t, {
+							as: "span",
+							variant: R(168),
+							tone: R(157),
+							numeric: !0,
+							children: [
+								" ",
+								"/ ",
+								U
+							]
+						})]
+					}) : v(S, {
+						page: W,
+						count: U,
+						siblingCount: T,
+						boundaryCount: E,
+						disabled: P,
+						onPick: G
+					}),
+					K("다음 페이지", v(h, {}), W + 1, W >= U),
+					A && K("마지막 페이지", v(_, {}), U, W >= U)
+				]
+			}), M && v(C, {
+				count: U,
+				disabled: P,
+				onJump: G
+			})]
+		})]
+	});
+}
+function S({ page: t, count: n, siblingCount: r, boundaryCount: a, disabled: o, onPick: s }) {
+	let c = e, u = f(null), [m, h] = p(null), g = l(t, n, r, a);
+	return d(() => {
+		let e = i, t = u[e(163)];
+		if (!t) return;
+		let n = () => {
+			let n = e, r = t[n(202)]("[aria-current=\"page\"]");
+			r && h({
+				left: r.offsetLeft,
+				width: r[n(185)]
+			});
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(t), () => r[e(188)]();
+	}, [
+		t,
+		n,
+		r,
+		a
+	]), y(c(208), {
+		ref: u,
+		className: c(191),
+		children: [m && v("span", {
+			className: c(195),
+			"aria-hidden": !0,
+			style: {
+				left: m.left,
+				width: m[c(198)]
+			}
+		}), g[c(170)]((e) => typeof e === c(211) ? v("button", {
+			type: c(194),
+			className: c(209),
+			"aria-current": e === t ? "page" : void 0,
+			"aria-label": e + c(200),
+			disabled: o,
+			onClick: () => s(e),
+			children: e
+		}, e) : v(c(165), {
+			className: c(160),
+			"aria-hidden": !0,
+			children: "…"
+		}, e))]
+	});
+}
+function C({ count: r, disabled: a, onJump: s }) {
+	let c = e, [l, u] = p(""), d = () => {
+		let e = i, t = parseInt(l, 10);
+		Number[e(197)](t) || s(t), u("");
+	};
+	return y(n, {
+		gap: 2,
+		wrap: !1,
+		children: [v(t, {
+			variant: "body-sm",
+			tone: c(210),
+			"aria-hidden": !0,
+			children: "이동"
+		}), v(o, {
+			size: "sm",
+			inputMode: c(203),
+			"aria-label": c(173) + r + ")",
+			placeholder: "1–" + r,
+			disabled: a,
+			value: l,
+			wrapperClassName: c(184),
+			onChange: (e) => u(e.target[c(161)][c(204)](/[^0-9]/g, "")),
+			onKeyDown: (e) => {
+				let t = c;
+				e[t(183)] === "Enter" && !e[t(167)][t(174)] && d(), e.key === t(155) && u("");
+			},
+			onBlur: () => u("")
+		})]
+	});
+}
+export { x as Pagination };

package/lib/components/Pagination/paginationRange.js

@@ -0,0 +1,52 @@
+"use client";
+function e(t, r) {
+	t -= 284;
+	let i = n(), a = i[t];
+	e.vhCHSn === void 0 && (e.AXAkvg = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, e.CneFiH = {}, e.vhCHSn = !0);
+	let o = i[0];
+	e.kKpwvS !== o && (e.CneFiH = {}, e.kKpwvS = o);
+	let s = e.CneFiH[t];
+	return s === void 0 ? (a = e.AXAkvg(a), e.CneFiH[t] = a) : a = s, a;
+}
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(284)) / 1 * (-parseInt(r(294)) / 2) + -parseInt(r(298)) / 3 * (-parseInt(r(286)) / 4) + -parseInt(r(289)) / 5 + parseInt(r(299)) / 6 + -parseInt(r(295)) / 7 + -parseInt(r(287)) / 8 + parseInt(r(296)) / 9 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 618899);
+function t(t, n, r = 1, i = 1) {
+	let a = e, o = (e, t) => Array[a(291)]({ length: Math[a(285)](t - e + 1, 0) }, (t, n) => e + n), s = o(1, Math[a(293)](i, n)), c = o(Math[a(285)](n - i + 1, i + 1), n), l = Math.max(Math[a(293)](t - r, n - i - r * 2 - 1), i + 2), u = Math[a(293)](Math[a(285)](t + r, i + r * 2 + 2), c[a(288)] > 0 ? c[0] - 2 : n - 1), d = [...s];
+	return l > i + 2 ? d[a(290)](a(292)) : i + 1 < n - i && d[a(290)](i + 1), d[a(290)](...o(l, u)), u < n - i - 1 ? d.push(a(297)) : n - i > i && d.push(n - i), d[a(290)](...c), d;
+}
+function n() {
+	let e = [
+		"ntu1ntG4mfznwM9LBq",
+		"otK0nZK3qvzMAhLJ",
+		"Bwf4",
+		"mZy4ngztDMjvtW",
+		"nti3nteWnfrtvKjnBW",
+		"BgvUz3rO",
+		"otCYnJmWDNLYzM9k",
+		"ChvZAa",
+		"zNjVBq",
+		"C3rHCNqTzwXSAxbZAxm",
+		"BwLU",
+		"mMrPBhLStG",
+		"mtKYodi2mKjgChzgBW",
+		"mtaWmti3nZLjvuv1uuu",
+		"zw5KlwvSBgLWC2LZ",
+		"mJi5nvjMqxzYDG"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+export { t as paginationRange };

package/lib/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,175 @@
+"use client";
+const e = t;
+function t(e, r) {
+	e -= 431;
+	let i = n(), a = i[e];
+	t.oyupzQ === void 0 && (t.wCVwaf = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, t.HOrBej = {}, t.oyupzQ = !0);
+	let o = i[0];
+	t.gebScX !== o && (t.HOrBej = {}, t.gebScX = o);
+	let s = t.HOrBej[e];
+	return s === void 0 ? (a = t.wCVwaf(a), t.HOrBej[e] = a) : a = s, a;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (-parseInt(r(468)) / 1 * (parseInt(r(444)) / 2) + parseInt(r(475)) / 3 * (parseInt(r(478)) / 4) + -parseInt(r(479)) / 5 + parseInt(r(435)) / 6 + -parseInt(r(446)) / 7 * (-parseInt(r(476)) / 8) + parseInt(r(450)) / 9 * (-parseInt(r(433)) / 10) + -parseInt(r(458)) / 11 * (-parseInt(r(461)) / 12) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 701299);
+function n() {
+	let e = /* @__PURE__ */ "BgvUz3rO.zM9JDxm.zxHHBxbSzq.CMvWBgfJzq.kcmJiYKGiYmJlsmJiYm.iYmGiYmGiYmGiYmGiYm.mtC4odC5mez2wM9qtG.iYmJlsmJiYmTiYmJiW.mZa0nduXuNLstunk.DgvSlw5HDgLVBMfS.67kG7yQ464kO.BwfW.ntrSzwPvAMS.zMLUza.C3rHCNrZv2L0Aa.64Ya7zwC66+86RwT.7zse656r7iQK.mdyXmJm0nty3oa.iYmJicmJiYaJiYmJ.C2XPy2u.nJu2ndu4s2HnDNPW.ChjLDMvUDerLzMf1Bhq.C3bSAxq.mta4CuzXAhjr.DhjPBq.mdKXmJm0nty3oa.mdKWmtiZndu2nZG.y2XPCgjVyxjKrgf0yq.Dhj1BMS.Dgv4Da.mwrhtwXmAa.AgLKzgvU.zgLHBa.Cgf0DgvYBG.y29Kzq.mde1mtiZndu2nZG5.DgvS.mtv3BNbNwKq.mtG0wxnTDKfQ.iYmJiYmGiYmJiYmJ.ntu0otG0y1PXrNvT.mJq0mZC1r2vPvgzu.C29YDa.iYmJicmJiYmGiYmJiW.mtG4nZu1me9jv2Hlta.CMvM.mZi3ntu2ogPMuefVtG.mJaXntu1mdeYmW.mdeWmtiZndu2nZG".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+import { Flag as r } from "../../primitives/Flag2.js";
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { Input as a } from "../../primitives/index.js";
+import { useDigitInput as o } from "../../hooks/useDigitInput.js";
+import { Select as s } from "../Select/Select2.js";
+import { useRef as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = [
+	{
+		code: "KR",
+		name: e(453),
+		dial: "82",
+		pattern: e(445),
+		example: e(437),
+		trunk: !0
+	},
+	{
+		code: "US",
+		name: "미국",
+		dial: "1",
+		pattern: e(442),
+		example: e(436)
+	},
+	{
+		code: "JP",
+		name: "일본",
+		dial: "81",
+		pattern: e(445),
+		example: e(464),
+		trunk: !0
+	},
+	{
+		code: "CN",
+		name: "중국",
+		dial: "86",
+		pattern: e(432),
+		example: "13123456789"
+	},
+	{
+		code: "VN",
+		name: e(448),
+		dial: "84",
+		pattern: e(456),
+		example: e(463),
+		trunk: !0
+	},
+	{
+		code: "GB",
+		name: "영국",
+		dial: "44",
+		pattern: e(477),
+		example: "07400123456",
+		trunk: !0
+	},
+	{
+		code: "DE",
+		name: "독일",
+		dial: "49",
+		pattern: "##### #######",
+		example: e(473),
+		trunk: !0
+	},
+	{
+		code: "FR",
+		name: e(454),
+		dial: "33",
+		pattern: e(443),
+		example: e(455),
+		trunk: !0
+	}
+];
+function p(t, n) {
+	let r = e, i = "", a = 0;
+	for (let e of n) {
+		if (a === t[r(438)]) break;
+		i += e === "#" ? t[a++] : e;
+	}
+	return i;
+}
+function m(t, n) {
+	let r = e;
+	return t ? "+" + n[r(470)] + (n.trunk ? t[r(441)](/^0/, "") : t) : "";
+}
+function h({ value: t, defaultValue: n = "", onValueChange: h, country: g, defaultCountry: _ = "KR", onCountryChange: v, countries: y = f, size: b = "md", invalid: x, disabled: S, placeholder: C, name: w, id: T, "aria-label": E }) {
+	let D = e, O = c(null), [k, A] = i(g, _, v), j = y.find((e) => e[D(472)] === k) ?? y[0], M = j[D(471)][D(460)]("#")[D(438)] - 1, [N, P] = i(t, n), F = (e, t = j) => {
+		P(e), h?.(e, {
+			country: t,
+			e164: m(e, t)
+		});
+	}, I = o({
+		digits: N,
+		onDigitsChange: F,
+		format: (e) => p(e, j.pattern),
+		maxDigits: M
+	}), L = (e) => {
+		let t = D, n = y[t(451)]((n) => n[t(472)] === e) ?? j;
+		A(e);
+		let r = N[t(457)](0, n[t(471)].split("#")[t(438)] - 1);
+		(r !== N || n !== j) && F(r, n), requestAnimationFrame(() => I[t(434)].current?.[t(439)]());
+	}, R = (e) => {
+		let t = D, n = e[t(465)].getData(t(467))[t(462)]();
+		if (!n[t(452)]("+")) return;
+		let r = n[t(441)](/\D/g, ""), i = [...y][t(431)]((e, n) => n[t(470)][t(438)] - e.dial.length).find((e) => r[t(452)](e[t(470)]));
+		if (!i) return;
+		e[t(459)]();
+		let a = r[t(457)](i[t(470)][t(438)]);
+		i[t(466)] && !a[t(452)]("0") && (a = "0" + a), A(i.code), F(a.slice(0, i[t(471)][t(460)]("#")[t(438)] - 1), i);
+	}, z = y[D(449)]((e) => ({
+		value: e[D(472)],
+		label: e.name,
+		icon: u(r, { code: e[D(472)] }),
+		meta: "+" + e[D(470)],
+		keywords: [e[D(470)]]
+	}));
+	return d(l, { children: [u(a, {
+		...I,
+		id: T,
+		type: D(474),
+		inputMode: D(474),
+		autoComplete: D(447),
+		size: b,
+		invalid: x,
+		disabled: S,
+		"aria-label": E,
+		placeholder: C ?? p(j[D(440)], j[D(471)]),
+		onPaste: R,
+		wrapperRef: O,
+		leading: u(s, {
+			bare: !0,
+			options: z,
+			value: j.code,
+			onValueChange: L,
+			anchorRef: O,
+			disabled: S,
+			"aria-label": "국가",
+			renderValue: () => "+" + j[D(470)]
+		})
+	}), w && u("input", {
+		type: D(469),
+		name: w,
+		value: m(N, j)
+	})] });
+}
+export { f as PHONE_COUNTRIES, h as PhoneInput, p as formatPhone, m as toE164 };