@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/NumberStepper/NumberStepper2.js

@@ -0,0 +1,129 @@
+"use client";
+const e = a;
+(function(e, t) {
+	let n = a, r = e();
+	for (;;) try {
+		if (parseInt(n(372)) / 1 + parseInt(n(377)) / 2 * (-parseInt(n(350)) / 3) + -parseInt(n(341)) / 4 * (parseInt(n(343)) / 5) + parseInt(n(373)) / 6 * (-parseInt(n(353)) / 7) + -parseInt(n(375)) / 8 + parseInt(n(381)) / 9 + parseInt(n(364)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 341543);
+function t() {
+	let e = /* @__PURE__ */ "mJaXmZmWmhjhBfrfDa.Aw5WDxq.BNvTyMvY.CMvWzwf0rgvSyxK.qxjYB3DeB3DU.mte5nte0oeXRruv5ra.64Qy66AS6RIW.nvvZrK5Lva.C3bHBG.qxjYB3Dmzwz0.ugfNzurVD24.Dg9gAxHLza.C2v0vgLTzw91Da.Bwf4.mZq5nwriA3bwvW.y2XLyxjuAw1LB3v0.zhmTC3rLChbLCG.mtrtA2PhzhC.BwLU.y3vYCMvUDa.zhmTC3rLChbLCL9FDMfSDwu.sg9Tzq.AxndB21WB3nPBMC.7kse7j206RIW.AxngAw5PDgu.CMvWzwf0zwq.C3rYAw5N.qxjYB3DvCa.mta4mdeZndbOBhfotxi.Aw5KzxHpzG.zhmTC3rLChbLCL9FBNvT.rw5K.DgLTzxi.zhmTC3rLChbLCL9FyNrU.yNv0Dg9U.C3bPBMj1DhrVBG.ntuZnda0wMLcshbj.mte0nZC1offqwvnIBa.A2v5.nti3nJu3nKjmu3vsra.CMvWzwf0sw50zxj2ywW.mZaWzhvLD1Hl.AgLKzgvU.BgvUz3rO.qxjYB3DsAwDODa".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+import { TIMING as n } from "../../hooks/timing.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+function a(e, n) {
+	e -= 339;
+	let r = t(), i = r[e];
+	a.WBqFHG === void 0 && (a.qtGqEk = 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);
+	}, a.vnCyXg = {}, a.WBqFHG = !0);
+	let o = r[0];
+	a.OAJDwT !== o && (a.vnCyXg = {}, a.OAJDwT = o);
+	let s = a.vnCyXg[e];
+	return s === void 0 ? (i = a.qtGqEk(i), a.vnCyXg[e] = i) : i = s, i;
+}
+/* empty css              */
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Minus as l, Plus as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = (e) => {
+	let t = a, n = String(e), r = n[t(365)](".");
+	return r < 0 ? 0 : n.length - r - 1;
+};
+function m({ value: t, defaultValue: a, 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 = e(359), incrementLabel: T = e(342), name: E, id: D, className: O, style: k }) {
+	let A = e, [j, M] = r(t, a ?? Math[A(354)](g, Math[A(349)](h, 0)), m), N = Math[A(349)](p(_), p(Number[A(360)](h) ? h : 0)), P = (e) => Number(Math[A(354)](g, Math[A(349)](h, e))[A(347)](N)), [F, I] = c(j), [L, R] = c(null);
+	j !== F && (I(j), R(j > F ? "up" : "down"));
+	let z = s(j);
+	o(() => {
+		let e = A;
+		z[e(355)] = j;
+	});
+	let B = s({
+		timer: 0,
+		repeated: !1
+	}), V = () => window[A(351)](B[A(355)].timer);
+	o(() => {
+		let e = A, t = B.current;
+		return () => window[e(351)](t[e(368)]);
+	}, []);
+	let H = (e) => {
+		let t = A, n = P(e);
+		return n !== z[t(355)] && (z[t(355)] = n, M(n), !0);
+	}, U = (e) => H(z.current + e), W = (e) => (t) => {
+		let r = A;
+		if (t[r(370)] !== 0 || b) return;
+		V(), B.current[r(361)] = !1;
+		let i = () => {
+			let t = r;
+			B.current[t(361)] = !0, U(e) && (B[t(355)][t(368)] = window.setTimeout(i, n[t(376)]));
+		};
+		B[r(355)][r(368)] = window[r(348)](i, n[r(339)]);
+	}, G = (e) => () => {
+		let t = A;
+		B[t(355)][t(361)] ? B[t(355)][t(361)] = !1 : U(e);
+	}, K = (e) => {
+		let t = A;
+		if (b || e.nativeEvent[t(358)]) return;
+		let n = v ?? _ * 10, r = !0;
+		e.key === t(363) || e.key === t(380) ? U(_) : e[t(374)] === t(340) || e[t(374)] === t(345) ? U(-_) : e[t(374)] === "PageUp" ? U(n) : e[t(374)] === t(346) ? U(-n) : e[t(374)] === t(357) && Number[t(360)](h) ? H(h) : e[t(374)] === t(367) && Number[t(360)](g) ? H(g) : r = !1, r && e.preventDefault();
+	}, q = x ? x(j) : j, J = typeof q === A(362) || typeof q === A(383) ? String(q) : String(j), Y = Math.max(String(Number[A(360)](g) ? g : j)[A(379)], String(Number[A(360)](h) ? h : j)[A(379)], String(j)[A(379)]), X = (e, t, n, r) => d(A(370), {
+		type: A(370),
+		className: A(369),
+		"aria-label": t,
+		tabIndex: -1,
+		disabled: b || r,
+		onPointerDown: W(e),
+		onPointerUp: V,
+		onPointerLeave: V,
+		onPointerCancel: V,
+		onClick: G(e),
+		children: n
+	});
+	return f("div", {
+		className: i(A(352), "ds-stepper--" + y, O),
+		"data-disabled": b || void 0,
+		style: {
+			"--_digits": Y + "ch",
+			...k
+		},
+		children: [
+			X(-_, w, d(l, {}), j <= h),
+			d(A(344), {
+				id: D,
+				role: A(371),
+				tabIndex: b ? -1 : 0,
+				className: A(356),
+				"aria-label": S,
+				"aria-labelledby": C,
+				"aria-valuenow": j,
+				"aria-valuemin": Number[A(360)](h) ? h : void 0,
+				"aria-valuemax": Number[A(360)](g) ? g : void 0,
+				"aria-valuetext": x ? J : void 0,
+				"aria-disabled": b || void 0,
+				onKeyDown: K,
+				children: d(A(344), {
+					className: A(366),
+					"data-dir": L ?? void 0,
+					children: q
+				}, j)
+			}),
+			X(_, T, d(u, {}), j >= g),
+			E && d(A(382), {
+				type: A(378),
+				name: E,
+				value: j
+			})
+		]
+	});
+}
+export { m as NumberStepper };

package/lib/components/OtpInput/OtpInput2.js

@@ -0,0 +1,122 @@
+"use client";
+const e = l;
+(function(e, t) {
+	let n = l, r = e();
+	for (;;) try {
+		if (-parseInt(n(451)) / 1 + parseInt(n(476)) / 2 + parseInt(n(464)) / 3 + -parseInt(n(473)) / 4 + parseInt(n(465)) / 5 * (-parseInt(n(447)) / 6) + -parseInt(n(484)) / 7 + parseInt(n(456)) / 8 * (parseInt(n(481)) / 9) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(f, 700011);
+import { useControllableState as t } from "../../hooks/useControllableState.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css         */
+import { forwardRef as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+function l(e, t) {
+	e -= 442;
+	let n = f(), r = n[e];
+	l.xOLFOy === void 0 && (l.dcjMbr = 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);
+	}, l.PQxSeB = {}, l.xOLFOy = !0);
+	let i = n[0];
+	l.iznGNZ !== i && (l.PQxSeB = {}, l.iznGNZ = i);
+	let a = l.PQxSeB[e];
+	return a === void 0 ? (r = l.dcjMbr(r), l.PQxSeB[e] = r) : r = a, r;
+}
+var u = {
+	numeric: /[^0-9]/g,
+	alphanumeric: /[^a-zA-Z0-9]/g
+}, d = r(function({ length: r = 6, groups: l, value: d, defaultValue: f = "", onValueChange: p, onComplete: m, pattern: h = e(453), status: g, mask: _, size: v = "md", disabled: y, autoFocus: b, name: x, id: S, className: C, "aria-label": w = e(457) }, T) {
+	let E = e, D = a(null);
+	i(T, () => D[E(483)]);
+	let O = (e) => {
+		let t = E, n = e.replace(u[h], "").slice(0, r);
+		return h === t(482) ? n[t(454)]() : n;
+	}, [k, A] = t(d, O(f), p), [j, M] = o(!1), N = (e) => {
+		let t = O(e);
+		t !== k && (A(t), t.length === r && m?.(t));
+	}, P = () => {
+		let e = E, t = D[e(483)];
+		t && t[e(467)](t[e(450)][e(472)], t[e(450)].length);
+	}, F = g === "loading", I = F || g === E(462), L = j && !I ? Math[E(446)](k.length, r - 1) : -1, R = l && l.reduce((e, t) => e + t, 0) === r ? l : [r], z = R[E(463)]((e, t) => {
+		let n = R[E(443)](0, t).reduce((e, t) => e + t, 0);
+		return [n, n + e];
+	});
+	return c(E(460), {
+		className: n("ds-otp", v === "lg" && E(452), C),
+		"data-status": g,
+		"data-disabled": y || void 0,
+		onPointerDown: (e) => {
+			let t = E;
+			y || (e[t(477)](), D[t(483)]?.[t(479)](), P());
+		},
+		children: [s("input", {
+			ref: D,
+			id: S,
+			name: x,
+			className: E(455),
+			value: k,
+			inputMode: h === E(453) ? "numeric" : E(478),
+			autoComplete: "one-time-code",
+			autoCapitalize: E(449),
+			spellCheck: !1,
+			"aria-label": w + " " + r + "자리",
+			"aria-invalid": g === E(469) || void 0,
+			"aria-busy": F || void 0,
+			readOnly: I,
+			disabled: y,
+			autoFocus: b,
+			onChange: (e) => N(e[E(471)][E(450)]),
+			onFocus: () => {
+				M(!0), P();
+			},
+			onBlur: () => M(!1),
+			onSelect: P,
+			onKeyDown: (e) => {
+				let t = E;
+				[
+					t(461),
+					t(466),
+					"Home",
+					"End",
+					t(470),
+					t(442)
+				][t(480)](e.key) && e[t(477)]();
+			}
+		}), s(E(460), {
+			className: "ds-otp__slots",
+			children: z[E(463)](([e, t], n) => c("div", {
+				className: E(485),
+				children: [n > 0 && s(E(459), {
+					className: E(458),
+					"aria-hidden": !0
+				}), Array[E(444)]({ length: t - e }, (t, n) => {
+					let r = E, i = e + n, a = k[i];
+					return c(r(460), {
+						className: r(468),
+						"data-filled": a != null || void 0,
+						"data-active": i === L || void 0,
+						style: { "--_i": i },
+						"aria-hidden": !0,
+						children: [a != null && s(r(459), {
+							className: r(445),
+							children: _ ? s(r(459), { className: r(474) }) : a
+						}, a + i), i === L && a == null && s(r(459), { className: r(448) })]
+					}, i);
+				})]
+			}, n))
+		}, g ? g + "-" + k : E(475))]
+	});
+});
+function f() {
+	let e = /* @__PURE__ */ "BgvUz3rO.ntaZodGYnffMqKD5uq.zhmTB3rWx19KB3q.AwrSzq.odm4nduWBLntB2PZ.ChjLDMvUDerLzMf1Bhq.Dgv4Da.zM9JDxm.Aw5JBhvKzxm.mZe2mti1B3fnt0nT.ywXWAgfUDw1LCMLJ.y3vYCMvUDa.otaWntaZmwrpBMLVua.zhmTB3rWx19NCM91Ca.qxjYB3DeB3DU.C2XPy2u.zNjVBq.zhmTB3rWx19JAgfY.BwLU.ntKXotm2t1HWvvvf.zhmTB3rWx19JyxjLDa.y2HHCMfJDgvYCW.DMfSDwu.mJa0ode3CvPdyxbZ.zhmTB3rWls1SzW.BNvTzxjPyW.Dg9vChbLCKnHC2u.zhmTB3rWx19PBNb1Da.nJu2uujPsuj5.7j247kAD67ki7zI4.zhmTB3rWx19Zzxa.C3bHBG.zgL2.qxjYB3Dmzwz0.C3vJy2vZCW.BwfW.mJuYnJi1mMjQtK9lAW.mZvvu29zr0K.qxjYB3DsAwDODa.C2v0u2vSzwn0Aw9UuMfUz2u.zhmTB3rWx19ZBg90.zxjYB3i.qxjYB3DvCa.DgfYz2v0".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 = p;
+(function(e, t) {
+	let n = p, r = e();
+	for (;;) try {
+		if (parseInt(n(460)) / 1 + -parseInt(n(518)) / 2 + parseInt(n(462)) / 3 * (-parseInt(n(485)) / 4) + parseInt(n(480)) / 5 + -parseInt(n(486)) / 6 * (-parseInt(n(507)) / 7) + parseInt(n(501)) / 8 + -parseInt(n(478)) / 9 * (parseInt(n(461)) / 10) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(l, 539255);
+import { Text as t } from "../../primitives/Typography2.js";
+import { Inline as n } from "../../primitives/Layout2.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { Button as i, Input as a, cx as o } from "../../primitives/index.js";
+import { Select as s } from "../Select/Select2.js";
+import { paginationRange as c } from "./paginationRange.js";
+/* empty css           */
+function l() {
+	let e = /* @__PURE__ */ "zhmTCgfNAw5HDgLVBL9FCgfNzq.zhmTCgfNAw5HDgLVBI0T.BgvMDa.BMv1DhjHBa.mty1mMXMAuz4za.Cg9SAxrL.DgfYz2v0.7y6y7j207kEa64U5io2vREUQQsdSIjG.zMXVB3i.BNvTyMvY.yM9KEs1ZBq.zhmTCgfNAw5HDgLVBL9FC2LTCgXL.y3vYCMvUDa.zw5K.ic8G.mtK2mZe2EK5ZyNvS.BMf2.7y6y7j207kEa64U5ia.zhmTCgfNAw5HDgLVBL9FDgH1Bwi.BNvTzxjPyW.A2v5.C2vJB25Kyxj5.C3bHBG.Bwf4.BwLU.B2zMC2v0tgvMDa.mJy0nJmZDfjpChv3.mti2ndG3mfbtthvmwq.mtjTvwnSyue.DgvYDgLHCNK.Dg9mB2nHBgvtDhjPBMC.BwfW.BMf0AxzLrxzLBNq.rw50zxi.yMv0D2vLBG.BgfIzwWTBwq.7j2064+z7zwGio2oMoYDToYNGcaOmEkaKW.zhmTCgfNAw5HDgLVBL9FANvTCa.66Ei7kEa66Ejio2oMoYDToYNGa.zhmTCgfNAw5HDgLVBL9FCgfNzxm.Dg90ywW.rxnJyxbL.64UK7j2mio2oMoYDToYNGa.D2LKDgG.mti2teLMEeHo.C2LTCgXL.nduYotmYmgHnwfz6rq.DMfSDwu.B2zMC2v0v2LKDgG.ChjPBwfYEq.zgL2.mZuYnJq0uKDMrhP3.mtK5nZrQsfHNBhO.7y6y7j207kEa.y2vPBa.C3rHCNq.zhmTCgfNAw5HDgLVBL9FzwXSAxbZAxm.Axnoyu4.zgLZy29UBMvJDa.BgfIzwW.CxvLCNLtzwXLy3rVCG.z2HVC3q.7lkRio2oMoYDToYNGa.zhmTCgfNAw5HDgLVBI0TChjPBwfYEq.zgvMyxvSDa.7j207kceio2oMoYDToYNGa.A28Ts1i.nJqZnZG3mMXLDKHYBq.CgfNzq".split(".");
+	return l = function() {
+		return e;
+	}, l();
+}
+import { useLayoutEffect as u, useRef as d, useState as f } from "react";
+function p(e, t) {
+	e -= 456;
+	let n = l(), r = n[e];
+	p.FAevzn === void 0 && (p.ydFkvj = 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);
+	}, p.FQMuED = {}, p.FAevzn = !0);
+	let i = n[0];
+	p.FpXFJR !== i && (p.FQMuED = {}, p.FpXFJR = i);
+	let a = p.FQMuED[e];
+	return a === void 0 ? (r = p.ydFkvj(r), p.FQMuED[e] = r) : r = a, r;
+}
+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[e(464)](e(500));
+function x({ page: a, defaultPage: c = 1, onPageChange: l, totalPages: u, totalItems: d, pageSize: f, defaultPageSize: p = 20, onPageSizeChange: x, pageSizeOptions: w, siblingCount: T = 1, boundaryCount: E = 1, variant: D = e(498), tone: O = e(506), size: k = "md", showFirstLast: A, showRange: j, showJump: M, formatRange: N, disabled: P, "aria-label": F = e(487), className: I, style: L }) {
+	let R = e, [z, B] = r(a, c, l), [V, H] = r(f, p, x), U = Math.max(1, u ?? (d == null ? 1 : Math[R(488)](d / V))), W = Math[R(458)](Math[R(457)](1, z), U), G = (e) => {
+		let t = R, n = Math[t(458)](Math[t(457)](1, e), U);
+		n !== W && B(n);
+	}, K = (e, t, n, r) => v(i, {
+		variant: R(495),
+		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(458)](W * V, d),
+		total: d
+	}, Y = (e) => {
+		let t = R, n = (W - 1) * V;
+		H(e);
+		let r = Math[t(511)](n / e) + 1;
+		r !== W && B(r);
+	}, X = q && J || w ? y(n, {
+		gap: 3,
+		children: [q && J && v(t, {
+			variant: "body-sm",
+			tone: "secondary",
+			numeric: !0,
+			"aria-live": R(508),
+			children: N ? N(J) : b(J[R(489)]) + "–" + b(J[R(516)]) + R(517) + b(J[R(474)]) + "개"
+		}), w && v(s, {
+			size: "sm",
+			"aria-label": R(510),
+			disabled: P,
+			options: w[R(465)]((e) => ({
+				value: String(e),
+				label: e + "개"
+			})),
+			value: String(V),
+			onValueChange: (e) => Y(Number(e)),
+			renderValue: (e) => R(520) + e[R(493)]
+		})]
+	}) : null;
+	return y(n, {
+		as: R(519),
+		gap: 4,
+		justify: R(X ? 468 : 489),
+		"aria-label": F,
+		className: o("ds-pagination", R(504) + k, O === R(483) && R(497), I),
+		style: L,
+		children: [X, y(n, {
+			gap: 4,
+			children: [y(n, {
+				gap: 1,
+				wrap: !1,
+				children: [
+					A && K(R(496), v(g, {}), 1, W <= 1),
+					K(R(499), v(m, {}), W - 1, W <= 1),
+					D === R(479) ? y(t, {
+						variant: R(469),
+						numeric: !0,
+						className: R(514),
+						"aria-live": R(508),
+						children: [W, y(t, {
+							as: R(456),
+							variant: R(469),
+							tone: R(463),
+							numeric: !0,
+							children: [
+								" ",
+								"/ ",
+								U
+							]
+						})]
+					}) : v(S, {
+						page: W,
+						count: U,
+						siblingCount: T,
+						boundaryCount: E,
+						disabled: P,
+						onPick: G
+					}),
+					K(R(476), v(h, {}), W + 1, W >= U),
+					A && K(R(472), v(_, {}), U, W >= U)
+				]
+			}), M && v(C, {
+				count: U,
+				disabled: P,
+				onJump: G
+			})]
+		})]
+	});
+}
+function S({ page: t, count: n, siblingCount: r, boundaryCount: i, disabled: a, onPick: o }) {
+	let s = e, l = d(null), [m, h] = f(null), g = c(t, n, r, i);
+	return u(() => {
+		let e = p, t = l[e(515)];
+		if (!t) return;
+		let n = () => {
+			let n = e, r = t[n(494)]("[aria-current=\"page\"]");
+			r && h({
+				left: r[n(459)],
+				width: r[n(482)]
+			});
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(t), () => r[e(492)]();
+	}, [
+		t,
+		n,
+		r,
+		i
+	]), y(s(484), {
+		ref: l,
+		className: s(473),
+		children: [m && v(s(456), {
+			className: s(521),
+			"aria-hidden": !0,
+			style: {
+				left: m[s(505)],
+				width: m[s(477)]
+			}
+		}), g.map((e) => typeof e === s(512) ? v("button", {
+			type: "button",
+			className: s(503),
+			"aria-current": e === t ? s(502) : void 0,
+			"aria-label": e + s(487),
+			disabled: a,
+			onClick: () => o(e),
+			children: e
+		}, e) : v("span", {
+			className: s(490),
+			"aria-hidden": !0,
+			children: "…"
+		}, e))]
+	});
+}
+function C({ count: r, disabled: i, onJump: o }) {
+	let s = e, [c, l] = f(""), u = () => {
+		let e = p, t = parseInt(c, 10);
+		Number[e(491)](t) || o(t), l("");
+	};
+	return y(n, {
+		gap: 2,
+		wrap: !1,
+		children: [v(t, {
+			variant: s(513),
+			tone: s(524),
+			"aria-hidden": !0,
+			children: "이동"
+		}), v(a, {
+			size: "sm",
+			inputMode: s(522),
+			"aria-label": s(470) + r + ")",
+			placeholder: "1–" + r,
+			disabled: i,
+			value: c,
+			wrapperClassName: s(471),
+			onChange: (e) => l(e[s(509)][s(481)].replace(/[^0-9]/g, "")),
+			onKeyDown: (e) => {
+				let t = s;
+				e[t(523)] === t(467) && !e[t(466)].isComposing && u(), e.key === t(475) && l("");
+			},
+			onBlur: () => l("")
+		})]
+	});
+}
+export { x as Pagination };

package/lib/components/Pagination/paginationRange.js

@@ -0,0 +1,53 @@
+"use client";
+function e(t, r) {
+	t -= 260;
+	let i = n(), a = i[t];
+	e.aIrWeu === void 0 && (e.UOPkbj = 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.yYqvtE = {}, e.aIrWeu = !0);
+	let o = i[0];
+	e.awoEhY !== o && (e.yYqvtE = {}, e.awoEhY = o);
+	let s = e.yYqvtE[t];
+	return s === void 0 ? (a = e.UOPkbj(a), e.yYqvtE[t] = a) : a = s, a;
+}
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(275)) / 1 + parseInt(r(263)) / 2 + parseInt(r(267)) / 3 + -parseInt(r(270)) / 4 * (parseInt(r(264)) / 5) + -parseInt(r(276)) / 6 * (-parseInt(r(265)) / 7) + parseInt(r(266)) / 8 * (-parseInt(r(269)) / 9) + -parseInt(r(274)) / 10 * (-parseInt(r(271)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 402858);
+function t(t, n, r = 1, i = 1) {
+	let a = e, o = (e, t) => Array[a(273)]({ length: Math[a(272)](t - e + 1, 0) }, (t, n) => e + n), s = o(1, Math[a(262)](i, n)), c = o(Math[a(272)](n - i + 1, i + 1), n), l = Math[a(272)](Math.min(t - r, n - i - r * 2 - 1), i + 2), u = Math[a(262)](Math.max(t + r, i + r * 2 + 2), c.length > 0 ? c[0] - 2 : n - 1), d = [...s];
+	return l > i + 2 ? d[a(261)](a(260)) : i + 1 < n - i && d[a(261)](i + 1), d[a(261)](...o(l, u)), u < n - i - 1 ? d.push(a(268)) : n - i > i && d.push(n - i), d[a(261)](...c), d;
+}
+export { t as paginationRange };
+function n() {
+	let e = [
+		"ovDrq1Lxva",
+		"mJG4mZqXnLv4rK9Rwq",
+		"mtq1mZfdsMLtEKO",
+		"Bwf4",
+		"zNjVBq",
+		"ntK5mfLntg1WqW",
+		"nta0nJGZDev1BuHL",
+		"mti2nZuXmM9nr29LDW",
+		"C3rHCNqTzwXSAxbZAxm",
+		"ChvZAa",
+		"BwLU",
+		"odiYnJa0z1b5EM5f",
+		"nuziCNLswG",
+		"mtrxDMXHyNe",
+		"mtuXntG0ohDxBvnHyG",
+		"ntC4mZCZyM5Qr2TK",
+		"zw5KlwvSBgLWC2LZ"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}

package/lib/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,175 @@
+"use client";
+const e = n;
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (parseInt(r(493)) / 1 * (parseInt(r(522)) / 2) + -parseInt(r(527)) / 3 + -parseInt(r(514)) / 4 + -parseInt(r(528)) / 5 * (parseInt(r(511)) / 6) + parseInt(r(513)) / 7 * (parseInt(r(501)) / 8) + -parseInt(r(502)) / 9 + parseInt(r(515)) / 10 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(f, 805421);
+import { Flag as t } from "../../primitives/Flag2.js";
+function n(e, t) {
+	e -= 491;
+	let r = f(), i = r[e];
+	n.bKtlrh === void 0 && (n.MLBNce = 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);
+	}, n.MEMSWw = {}, n.bKtlrh = !0);
+	let a = r[0];
+	n.PyfDNk !== a && (n.MEMSWw = {}, n.PyfDNk = a);
+	let o = n.MEMSWw[e];
+	return o === void 0 ? (i = n.MLBNce(i), n.MEMSWw[e] = i) : i = o, i;
+}
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { Input as i } from "../../primitives/index.js";
+import { useDigitInput as a } from "../../hooks/useDigitInput.js";
+import { Select as o } from "../Select/Select2.js";
+import { useRef as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = [
+	{
+		code: "KR",
+		name: e(536),
+		dial: "82",
+		pattern: e(508),
+		example: "01012345678",
+		trunk: !0
+	},
+	{
+		code: "US",
+		name: "미국",
+		dial: "1",
+		pattern: e(517),
+		example: "2015550123"
+	},
+	{
+		code: "JP",
+		name: "일본",
+		dial: "81",
+		pattern: e(508),
+		example: e(506),
+		trunk: !0
+	},
+	{
+		code: "CN",
+		name: "중국",
+		dial: "86",
+		pattern: e(512),
+		example: e(496)
+	},
+	{
+		code: "VN",
+		name: e(531),
+		dial: "84",
+		pattern: e(507),
+		example: "0912345678",
+		trunk: !0
+	},
+	{
+		code: "GB",
+		name: "영국",
+		dial: "44",
+		pattern: e(521),
+		example: "07400123456",
+		trunk: !0
+	},
+	{
+		code: "DE",
+		name: "독일",
+		dial: "49",
+		pattern: e(494),
+		example: e(504),
+		trunk: !0
+	},
+	{
+		code: "FR",
+		name: "프랑스",
+		dial: "33",
+		pattern: e(505),
+		example: e(533),
+		trunk: !0
+	}
+];
+function f() {
+	let e = /* @__PURE__ */ "C2XPy2u.mdyXmJm0nty3oa.zMLUza.BgvUz3rO.64Ya7zwC66+86RwT.zxHHBxbSzq.y3vYCMvUDa.mte0nvbQq0TNAa.iYmJiYmGiYmJiYmJiW.CMvM.mtmXmJm0nty3odK.ChjLDMvUDerLzMf1Bhq.zM9JDxm.CMvWBgfJzq.C29YDa.mZy0mZjqEvvgzwK.mtmZmtu0mJHtCxrsAxC.DgvS.mde1mtiZndu2nZG5.iYmGiYmGiYmGiYmGiYm.mdKWmtiZndu2nZG.iYmJicmJiYaJiYmJ.iYmJlsmJiYmTiYmJiW.Cgf0DgvYBG.y2XPCgjVyxjKrgf0yq.mJeZmJy4mKP2qwHuCG.iYmJicmJiYmGiYmJiW.mti4mvL4EKfJqG.mZiWnZi0ogXms25eqG.mZi5mZa5mdbIDurXEKW.C3rHCNrZv2L0Aa.kcmJiYKGiYmJlsmJiYm.y29Kzq.Dhj1BMS.Aw5WDxq.iYmJiYmGiYmJiYmJ.odG2y1DzAMn2.DgvSlw5HDgLVBMfS.AgLKzgvU.C3bSAxq.BwfW.mZC1ntGYD2vUsxHt.mJbsBwXRrge.zgLHBa.Dgv4Da.67kG7yQ464kO".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}
+function p(e, t) {
+	let n = "", r = 0;
+	for (let i of t) {
+		if (r === e.length) break;
+		n += i === "#" ? e[r++] : i;
+	}
+	return n;
+}
+function m(t, n) {
+	let r = e;
+	return t ? "+" + n[r(529)] + (n[r(519)] ? t[r(499)](/^0/, "") : t) : "";
+}
+function h({ value: n, defaultValue: f = "", onValueChange: h, country: g, defaultCountry: _ = "KR", onCountryChange: v, countries: y = d, size: b = "md", invalid: x, disabled: S, placeholder: C, name: w, id: T, "aria-label": E }) {
+	let D = e, O = s(null), [k, A] = r(g, _, v), j = y[D(534)]((e) => e[D(518)] === k) ?? y[0], M = j[D(509)][D(525)]("#").length - 1, [N, P] = r(n, f), F = (e, t = j) => {
+		P(e), h?.(e, {
+			country: t,
+			e164: m(e, t)
+		});
+	}, I = a({
+		digits: N,
+		onDigitsChange: F,
+		format: (e) => p(e, j.pattern),
+		maxDigits: M
+	}), L = (e) => {
+		let t = D, n = y[t(534)]((n) => n[t(518)] === e) ?? j;
+		A(e);
+		let r = N.slice(0, n.pattern[t(525)]("#")[t(535)] - 1);
+		(r !== N || n !== j) && F(r, n), requestAnimationFrame(() => I[t(495)][t(492)]?.[t(498)]());
+	}, R = (e) => {
+		let t = D, n = e[t(510)].getData(t(530)).trim();
+		if (!n[t(516)]("+")) return;
+		let r = n.replace(/\D/g, ""), i = [...y][t(500)]((e, n) => n[t(529)].length - e.dial[t(535)])[t(534)]((e) => r[t(516)](e.dial));
+		if (!i) return;
+		e[t(497)]();
+		let a = r[t(532)](i[t(529)][t(535)]);
+		i[t(519)] && !a[t(516)]("0") && (a = "0" + a), A(i[t(518)]), F(a[t(532)](0, i[t(509)].split("#")[t(535)] - 1), i);
+	}, z = y[D(526)]((e) => ({
+		value: e[D(518)],
+		label: e.name,
+		icon: l(t, { code: e[D(518)] }),
+		meta: "+" + e.dial,
+		keywords: [e.dial]
+	}));
+	return u(c, { children: [l(i, {
+		...I,
+		id: T,
+		type: D(503),
+		inputMode: D(503),
+		autoComplete: D(523),
+		size: b,
+		invalid: x,
+		disabled: S,
+		"aria-label": E,
+		placeholder: C ?? p(j[D(491)], j[D(509)]),
+		onPaste: R,
+		wrapperRef: O,
+		leading: l(o, {
+			bare: !0,
+			options: z,
+			value: j[D(518)],
+			onValueChange: L,
+			anchorRef: O,
+			disabled: S,
+			"aria-label": "국가",
+			renderValue: () => "+" + j.dial
+		})
+	}), w && l(D(520), {
+		type: D(524),
+		name: w,
+		value: m(N, j)
+	})] });
+}
+export { d as PHONE_COUNTRIES, h as PhoneInput, p as formatPhone, m as toE164 };