@iamfiro/design 0.1.0 → 0.3.0

package/lib/primitives/Layout2.js

@@ -0,0 +1,118 @@
+"use client";
+var e = c;
+(function(e, t) {
+	for (var n = c, r = e();;) try {
+		if (-parseInt(n(372)) / 1 * (parseInt(n(377)) / 2) + parseInt(n(356)) / 3 * (-parseInt(n(370)) / 4) + parseInt(n(363)) / 5 * (parseInt(n(366)) / 6) + parseInt(n(379)) / 7 + -parseInt(n(375)) / 8 + parseInt(n(350)) / 9 + -parseInt(n(365)) / 10 * (-parseInt(n(345)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 940525);
+/* empty css       */
+function t() {
+	var e = /* @__PURE__ */ "zhmTC2vW.mJy3nJCXDfrMwM5M.zhmTC2vWls1SywjLBgvK.C3rYzxrJAa.mtm3mdy2nJryDefMzK4.DMfYkc0TCW.nLLruuvutW.Ag9YAxPVBNrHBa.odC0odG1ouH6twXQsq.zhmTC2vWls0.zgL2.AM9PBG.mZnWAuzoufu.CMvWzwf0ka.C3bHy2uTyMv0D2vLBG.zMXLEc1LBMq.zhmTz3jPza.nJm1ntqZmxLYDLfMAq.zhmTC2vWx19SywjLBa.zhmTyM94ls1LBgv2yxrLza.zhmTyM94ls1Ylq.CMvWzwf0kgf1Dg8TzMLSBcWGBwLUBwf4kg1PBIG.C2vWyxjHDg9Y.m0nOC05XzW.BM9Uzq.BNvTyMvY.zMXLEc1ZDgfYDa.y2vUDgvY.yMfZzwXPBMu.zhmTAw5SAw5L.oda1r2rwtgHU.BM93CMfW.mZa0ntm3mgzqAhvlDq.ntmYmZHPrejyru8.D3jHCa.zMLSDgvY.zhmTC3rHy2S.mZm2nte1nMXkEMnpDa".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+import { jsx as n } from "react/jsx-runtime";
+var r = (t) => t === void 0 ? void 0 : t === 0 ? "0px" : e(376) + t + ")", i = {
+	start: e(359),
+	center: "center",
+	end: e(348),
+	stretch: e(374),
+	baseline: e(361)
+}, a = {
+	start: e(359),
+	center: "center",
+	end: e(348),
+	between: e(347),
+	around: "space-around"
+}, o = (...t) => t[e(368)](Boolean)[e(344)](" ");
+function s({ as: t, padding: i, paddingX: a, paddingY: s, radius: c = "none", background: l = e(357), elevated: u, className: d, style: f, ...p }) {
+	var m = e;
+	return n(t ?? m(343), {
+		className: o("ds-box", c !== "none" && m(353) + c, l !== m(357) && "ds-box--bg-" + l, u && m(352), d),
+		style: {
+			padding: r(i),
+			paddingInline: r(a),
+			paddingBlock: r(s),
+			...f
+		},
+		...p
+	});
+}
+function c(e, n) {
+	e -= 342;
+	var r = t(), i = r[e];
+	c.KsjxrC === void 0 && (c.bDksnT = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, c.lRevFV = {}, c.KsjxrC = !0);
+	var a = r[0];
+	c.NQkFoS !== a && (c.lRevFV = {}, c.NQkFoS = a);
+	var o = c.lRevFV[e];
+	return o === void 0 ? (i = c.bDksnT(i), c.lRevFV[e] = i) : i = o, i;
+}
+function l({ as: t, gap: s = 3, align: c = e(374), justify: l, wrap: u, className: d, style: f, ...p }) {
+	var m = e;
+	return n(t ?? m(343), {
+		className: o(m(369), d),
+		style: {
+			gap: r(s),
+			alignItems: i[c],
+			justifyContent: l && a[l],
+			flexWrap: u ? m(367) : void 0,
+			...f
+		},
+		...p
+	});
+}
+function u({ as: t, gap: s = 2, align: c = e(360), justify: l, wrap: u = !0, className: d, style: f, ...p }) {
+	var m = e;
+	return n(t ?? m(343), {
+		className: o(m(362), d),
+		style: {
+			gap: r(s),
+			alignItems: i[c],
+			justifyContent: l && a[l],
+			flexWrap: m(u ? 367 : 364),
+			...f
+		},
+		...p
+	});
+}
+function d({ as: t, columns: i = 2, minItemWidth: a, gap: s = 4, rowGap: c, align: l, stagger: u, className: d, style: f, ...p }) {
+	var m = e;
+	let h = t ?? m(343), g = a ? m(354) + a + "px, 100%), 1fr))" : typeof i === m(358) ? m(346) + i + ", minmax(0, 1fr))" : i;
+	return n(h, {
+		className: o(m(349), u && "ds-grid--stagger", d),
+		style: {
+			gridTemplateColumns: g,
+			columnGap: r(s),
+			rowGap: r(c ?? s),
+			alignItems: l,
+			...f
+		},
+		...p
+	});
+}
+function f({ orientation: t = e(378), label: i, spacing: a = 0, decorative: s = !0, className: c, style: l }) {
+	var u = e;
+	let d = r(a);
+	return n("div", {
+		role: u(s ? 357 : 355),
+		"aria-orientation": s ? void 0 : t,
+		className: o(u(371), u(342) + t, i != null && u(373), c),
+		style: {
+			...t === u(378) ? { marginBlock: d } : { marginInline: d },
+			...l
+		},
+		children: i != null && n("span", {
+			className: u(351),
+			children: i
+		})
+	});
+}
+export { s as Box, d as Grid, u as Inline, f as Separator, l as Stack };

package/lib/primitives/Link2.js

@@ -0,0 +1,53 @@
+"use client";
+(function(t, n) {
+	for (var r = e, i = t();;) try {
+		if (-parseInt(r(208)) / 1 * (parseInt(r(214)) / 2) + parseInt(r(219)) / 3 * (-parseInt(r(217)) / 4) + parseInt(r(212)) / 5 * (parseInt(r(216)) / 6) + -parseInt(r(209)) / 7 + -parseInt(r(220)) / 8 + -parseInt(r(211)) / 9 + parseInt(r(213)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 489375);
+/* empty css     */
+function e(n, r) {
+	n -= 208;
+	var i = t(), a = i[n];
+	e.eeoFDh === void 0 && (e.AaRCbS = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, e.ajwZEO = {}, e.eeoFDh = !0);
+	var o = i[0];
+	e.dcLngX !== o && (e.ajwZEO = {}, e.dcLngX = o);
+	var s = e.ajwZEO[n];
+	return s === void 0 ? (a = e.AaRCbS(a), e.ajwZEO[n] = a) : a = s, a;
+}
+function t() {
+	var e = [
+		"ywnJzw50",
+		"nZeWmZqZmhHsBg9vta",
+		"nxPer3jXwG",
+		"mZi2mtyYnZbXyuXrAeS",
+		"mtG0nZbjEwr2DeS",
+		"zhmTBgLUAW",
+		"mJCZnJi0qNrrtLvx",
+		"mtC3mJy2ogXOy0z5zW",
+		"zhmTBgLUAY0T",
+		"m0HJvfL5sW",
+		"nZu5odC1mKrXAgLMzq",
+		"ntzIz0n1Evq",
+		"odi4ota1tu5ju0fP"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+import { cx as n } from "./index.js";
+import { jsx as r } from "react/jsx-runtime";
+function i({ variant: t = "accent", className: i, ...a }) {
+	var o = e;
+	return r("a", {
+		className: n(o(215), t !== o(210) && o(218) + t, i),
+		...a
+	});
+}
+export { i as Link };

package/lib/primitives/MaskedText2.js

@@ -0,0 +1,120 @@
+"use client";
+(function(e, t) {
+	let n = u, r = e();
+	for (;;) try {
+		if (parseInt(n(419)) / 1 * (parseInt(n(418)) / 2) + -parseInt(n(426)) / 3 + parseInt(n(414)) / 4 + -parseInt(n(427)) / 5 + parseInt(n(417)) / 6 + -parseInt(n(421)) / 7 + parseInt(n(432)) / 8 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(n, 905220);
+import { Tooltip as e } from "./Tooltip2.js";
+import { CopyButton as t } from "./CopyButton2.js";
+function n() {
+	let e = [
+		"AM9PBG",
+		"zhmTBwfZA2vKx19ZCG",
+		"6Rca66cK7kEeioQWKIWG",
+		"C2HVD24",
+		"zhmTBwfZA2vKx19LEwuTC2HVDW",
+		"mZyYmJiWoeXwBvnzqW",
+		"zhmTBwfZA2vKx19LEwu",
+		"zMLSDgvY",
+		"mtq3odiWmNzPwMTIAW",
+		"mtjkqMPtAgO",
+		"nJi4mZDOv0H1ufK",
+		"zhmTBwfZA2vKx19LEwuTAgLKzq",
+		"nduYnty1neL3rNLxCG",
+		"zhmTBwfZA2vKx19IDwXSzxrZ",
+		"C3bHBG",
+		"zhmTBwfZA2vKx190zxH0",
+		"ioUZToQ4Sa",
+		"ndq1ndKXm0TiA0jTDa",
+		"mZCZntm2mfzvuKTcrW",
+		"zhmTBwfZA2vKls1TB25V",
+		"6Rca66AS6RIW",
+		"AgLKzgvU",
+		"ioQWGoUMRoQ4Sa",
+		"mtGWmZG3ntjWqKz2vwK"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+import { useControllableState as r } from "../hooks/useControllableState.js";
+import { maskParts as i } from "./maskValue.js";
+/* empty css           */
+import { Button as a } from "./index.js";
+import { Eye as o, EyeOff as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+function u(e, t) {
+	e -= 412;
+	let r = n(), i = r[e];
+	u.mZPTGW === void 0 && (u.IgXlPq = 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);
+	}, u.lurOLS = {}, u.mZPTGW = !0);
+	let a = r[0];
+	u.bjelAN !== a && (u.lurOLS = {}, u.bjelAN = a);
+	let o = u.lurOLS[e];
+	return o === void 0 ? (i = u.IgXlPq(i), u.lurOLS[e] = i) : i = o, i;
+}
+function d({ value: n, label: d, revealable: f, revealed: p, defaultRevealed: m = !1, onRevealedChange: h, copyable: g, copyValue: _, mono: v, visibleStart: y, visibleEnd: b, mask: x, groupSize: S, maskLength: C, className: w, style: T }) {
+	let E = u, [D, O] = r(p, m, h), { start: k, hidden: A, end: j } = i(n, {
+		visibleStart: y,
+		visibleEnd: b,
+		mask: x,
+		groupSize: S,
+		maskLength: C
+	}), M = f ? D : !1, N = [d, k || j ? E(435) + [k && "앞 " + k, j && "끝 " + j][E(416)](Boolean)[E(433)](", ") : "가려진 값"][E(416)](Boolean).join(", ");
+	return l(E(423), {
+		className: [
+			"ds-masked",
+			v && E(428),
+			w
+		].filter(Boolean)[E(433)](" "),
+		style: T,
+		children: [
+			M ? c(E(423), {
+				className: "ds-masked__text",
+				children: n
+			}, E(412)) : l(E(423), {
+				className: E(424),
+				children: [l("span", {
+					"aria-hidden": !0,
+					children: [
+						k && k + " ",
+						c("span", {
+							className: E(422),
+							children: A
+						}),
+						j && " " + j
+					]
+				}), c(E(423), {
+					className: E(434),
+					children: N
+				})]
+			}, E(430)),
+			f && c(e, {
+				content: M ? E(429) : "보기",
+				children: c(a, {
+					variant: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					"aria-label": M ? (d ?? "값") + E(431) : (d ?? "값") + E(425),
+					"aria-pressed": M,
+					onClick: () => O(!M),
+					icon: l(E(423), {
+						className: E(415),
+						"data-revealed": M || void 0,
+						children: [c(o, { className: E(413) }), c(s, { className: E(420) })]
+					})
+				})
+			}),
+			g && c(t, { value: _ ?? n })
+		]
+	});
+}
+export { d as MaskedText };

package/lib/primitives/Progress2.js

@@ -0,0 +1,137 @@
+"use client";
+const e = u;
+(function(e, t) {
+	let n = u, r = e();
+	for (;;) try {
+		if (-parseInt(n(108)) / 1 * (parseInt(n(105)) / 2) + -parseInt(n(137)) / 3 + parseInt(n(124)) / 4 * (-parseInt(n(118)) / 5) + parseInt(n(135)) / 6 + -parseInt(n(140)) / 7 * (-parseInt(n(134)) / 8) + -parseInt(n(101)) / 9 + parseInt(n(131)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(f, 949967);
+/* empty css         */
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = (t, n) => Math[e(132)](0, Math.min(100, t / n * 100)), a = (e, t) => Math.round(i(e, t)) + "%", o = new Intl.NumberFormat(e(127));
+function s(t, n, r, i, a) {
+	let o = e;
+	return {
+		role: o(121),
+		"aria-valuemin": 0,
+		"aria-valuemax": n,
+		"aria-valuenow": t,
+		"aria-valuetext": a,
+		"aria-label": i ?? (typeof r === o(142) ? r : void 0),
+		"aria-busy": t === void 0 || void 0
+	};
+}
+var c = (t, n) => {
+	let r = e, i = t ?? r(128) + (Math[r(138)](n, 4) + 1);
+	return i[r(139)]("--") ? r(104) + i + ")" : i;
+};
+function l({ value: l, max: u = 100, tone: d = e(116), size: f = "md", label: p, showValue: m, formatValue: h = a, segments: g, unlimited: _, className: v, style: y, "aria-label": b, "aria-valuetext": x }) {
+	let S = e, C = g?.[S(141)]((e, t) => ({
+		...e,
+		i: t
+	}))[S(112)]((e) => e[S(114)] > 0), w = g ? g[S(103)]((e, t) => e + Math.max(0, t[S(114)]), 0) : l, T = w === void 0 && !_, E = w !== void 0 && w >= u, D = x ?? (_ ? (w === void 0 ? "" : o.format(w) + S(106)) + S(109) : C?.[S(119)] && C.some((e) => e[S(123)]) ? C.map((e) => ((e[S(123)] ?? "") + " " + o[S(117)](e[S(114)])).trim())[S(133)](", ") : void 0);
+	return r(S(125), {
+		className: [
+			S(111),
+			S(126) + f,
+			"ds-progress--" + d,
+			v
+		][S(112)](Boolean)[S(133)](" "),
+		style: y,
+		children: [(p || m && !T && !_) && r(S(125), {
+			className: "ds-progress__head",
+			children: [n(S(113), {
+				className: S(110),
+				children: p
+			}), m && !T && !_ && n(S(113), {
+				className: S(115),
+				children: h(w, u)
+			})]
+		}), n(S(125), {
+			className: S(143),
+			"data-indeterminate": T || void 0,
+			"data-segmented": C && !_ || void 0,
+			"data-unlimited": _ || void 0,
+			...s(_ ? void 0 : w, _ ? void 0 : u, p, b, D),
+			"aria-busy": T || void 0,
+			children: _ ? null : C ? r(t, { children: [C[S(141)]((e) => n(S(125), {
+				className: S(122),
+				style: {
+					flexBasis: i(e[S(114)], u) + "%",
+					"--_c": c(e.color, e.i)
+				}
+			}, e[S(123)] ?? e.i)), !E && n("div", { className: S(144) })] }) : n(S(125), {
+				className: S(129),
+				style: T ? void 0 : { width: i(w, u) + "%" }
+			})
+		})]
+	});
+}
+function u(e, t) {
+	e -= 101;
+	let n = f(), r = n[e];
+	u.tKnLPs === void 0 && (u.XwNjXJ = 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);
+	}, u.jtKkYW = {}, u.tKnLPs = !0);
+	let i = n[0];
+	u.onllLY !== i && (u.jtKkYW = {}, u.onllLY = i);
+	let a = u.jtKkYW[e];
+	return a === void 0 ? (r = u.XwNjXJ(r), u.jtKkYW[e] = r) : r = a, r;
+}
+function d({ value: t, max: o = 100, tone: c = "default", size: l = 44, thickness: u = 4, label: d, showValue: f, formatValue: p = a, children: m, className: h, style: g, "aria-label": _, "aria-valuetext": v }) {
+	let y = e, b = t === void 0, x = 50 - u / l * 50;
+	return r(y(125), {
+		className: [
+			"ds-progress-circle",
+			y(126) + c,
+			h
+		][y(112)](Boolean).join(" "),
+		style: {
+			"--_size": l + "px",
+			...g
+		},
+		children: [r(y(125), {
+			className: y(107),
+			"data-indeterminate": b || void 0,
+			...s(t, o, d, _, v),
+			children: [r(y(130), {
+				viewBox: y(102),
+				"aria-hidden": !0,
+				children: [n(y(120), {
+					className: "ds-progress-circle__track",
+					cx: "50",
+					cy: "50",
+					r: x,
+					strokeWidth: u / l * 100
+				}), n(y(120), {
+					className: "ds-progress-circle__bar",
+					cx: "50",
+					cy: "50",
+					r: x,
+					strokeWidth: u / l * 100,
+					pathLength: "100",
+					style: { strokeDashoffset: b ? void 0 : 100 - i(t, o) }
+				})]
+			}), (m ?? (f && !b)) && n("span", {
+				className: y(136),
+				children: m ?? p(t, o)
+			})]
+		}), d && n(y(113), {
+			className: "ds-progress__label",
+			children: d
+		})]
+	});
+}
+export { l as Progress, d as ProgressCircle };
+function f() {
+	let e = /* @__PURE__ */ "otG2otG2ogPIBuvvEa.zhmTChjVz3jLC3mTy2LYy2XLx19Jzw50zxi.mJy2mZK1mLLVAfDNuW.BwLU.C3rHCNrZv2L0Aa.mti4nZi2nvjRweXvCq.BwfW.C3rYAw5N.zhmTChjVz3jLC3nFx3rYywnR.zhmTChjVz3jLC3nFx3jLC3q.mti2nJaWnJzxAhPztuC.mcaWideWmcaXmda.CMvKDwnL.DMfYka.odK3otaYs0z6yNPl.imk3ia.zhmTChjVz3jLC3mTy2LYy2XLx19YAw5N.m1vRA21QuW.66Y07kcC7zwC.zhmTChjVz3jLC3nFx2XHyMvS.zhmTChjVz3jLC3m.zMLSDgvY.C3bHBG.DMfSDwu.zhmTChjVz3jLC3nFx3zHBhvL.zgvMyxvSDa.zM9YBwf0.mJu5mdiZnuzJEfLcBW.BgvUz3rO.y2LYy2XL.ChjVz3jLC3nIyxi.zhmTChjVz3jLC3nFx3nLz21LBNq.BgfIzwW.oe15CMDevq.zgL2.zhmTChjVz3jLC3mTlq.A28Ts1i.ls1JAgfYDc1ZzxeT.zhmTChjVz3jLC3nFx2jHCG.C3zN.mJG3otiYndbhvgDVs0u.Bwf4.AM9PBG.ndHdy0XwBKG".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}

package/lib/primitives/RelativeTime.js

@@ -0,0 +1,84 @@
+"use client";
+const e = d;
+function t() {
+	let e = [
+		"ntG2mJf0sMHYthu",
+		"Dg9W",
+		"DgLTzq",
+		"mJGXndC2AvLxz3nH",
+		"offWzu5ItW",
+		"mtu0mdq2ovrmAevYDq",
+		"mZiXntqXme1hsMn0tW",
+		"y2fWDgLVBG",
+		"mtblug1Hu20",
+		"mtKXmJm2rNzSDxDb",
+		"DgvYDgLHCNK",
+		"mZaXnZe2mfbvuxHVBq",
+		"mJfXCe5It2u",
+		"z2v0vgLTzq",
+		"mta4s2jevLHQ",
+		"mJrhDNbkt0m",
+		"mtfZAwnfEvm",
+		"C2v0vgLTzw91Da",
+		"mJm1nZy1A2DKCgTU"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	let n = d, r = e();
+	for (;;) try {
+		if (parseInt(n(468)) / 1 * (parseInt(n(476)) / 2) + parseInt(n(480)) / 3 * (parseInt(n(477)) / 4) + parseInt(n(467)) / 5 * (-parseInt(n(464)) / 6) + -parseInt(n(473)) / 7 * (-parseInt(n(472)) / 8) + -parseInt(n(479)) / 9 + parseInt(n(474)) / 10 * (-parseInt(n(465)) / 11) + -parseInt(n(482)) / 12 * (-parseInt(n(471)) / 13) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 197310);
+import { Tooltip as n } from "./Tooltip2.js";
+import { Text as r } from "./Typography2.js";
+import { formatFullDate as i, formatRelativeTime as a, nextRelativeTimeChange as o, toDate as s } from "./formatRelativeTime.js";
+import { useEffect as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+function d(e, n) {
+	e -= 464;
+	let r = t(), i = r[e];
+	d.fKCIhM === void 0 && (d.hYHBAV = 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);
+	}, d.gJgDTM = {}, d.fKCIhM = !0);
+	let a = r[0];
+	d.EKunHi !== a && (d.gJgDTM = {}, d.EKunHi = a);
+	let o = d.gJgDTM[e];
+	return o === void 0 ? (i = d.hYHBAV(i), d.gJgDTM[e] = i) : i = o, i;
+}
+function f({ date: t, format: d = a, tooltip: f = !0, tooltipSide: p = e(469), refreshInterval: m, variant: h = e(475), tone: g = e(478), className: _ }) {
+	let v = e, [y, b] = l(() => /* @__PURE__ */ new Date()), x = s(t), S = x[v(481)]();
+	c(() => {
+		let e = v;
+		if (m === !1) return;
+		let t = m ?? o(S, y), n = window[e(466)](() => b(/* @__PURE__ */ new Date()), t);
+		return () => window.clearTimeout(n);
+	}, [
+		S,
+		y,
+		m
+	]);
+	let C = !Number.isNaN(S), w = u(r, {
+		as: v(470),
+		variant: h,
+		tone: g,
+		numeric: !0,
+		className: _,
+		dateTime: C ? x.toISOString() : void 0,
+		children: C ? d(x, y) : ""
+	});
+	return f && C ? u(n, {
+		content: i(x),
+		side: p,
+		children: w
+	}) : w;
+}
+export { f as RelativeTime };

package/lib/primitives/SearchInput2.js

@@ -0,0 +1,84 @@
+"use client";
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (-parseInt(r(348)) / 1 * (-parseInt(r(356)) / 2) + parseInt(r(353)) / 3 + parseInt(r(363)) / 4 * (parseInt(r(365)) / 5) + -parseInt(r(358)) / 6 * (-parseInt(r(362)) / 7) + -parseInt(r(355)) / 8 + -parseInt(r(351)) / 9 * (-parseInt(r(359)) / 10) + -parseInt(r(354)) / 11 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(u, 808934);
+import { Kbd as e, isMac as t } from "./Kbd2.js";
+function n(e, t) {
+	e -= 345;
+	let r = u(), i = r[e];
+	n.RVqAWn === void 0 && (n.VZFREt = 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.RNtmtI = {}, n.RVqAWn = !0);
+	let a = r[0];
+	n.byGcGr !== a && (n.RNtmtI = {}, n.byGcGr = a);
+	let o = n.RNtmtI[e];
+	return o === void 0 ? (i = n.VZFREt(i), n.RNtmtI[e] = i) : i = o, i;
+}
+/* empty css            */
+import { Input as r, cx as i } from "./index.js";
+import { forwardRef as a, useEffect as o, useImperativeHandle as s, useRef as c } from "react";
+import { Search as l } from "lucide-react";
+function u() {
+	let e = [
+		"mte3ntCWufDkuMP3",
+		"y3rYBeTLEq",
+		"A2v5zg93BG",
+		"mJf0A1zNvuS",
+		"mta2nZmYng1iswHkDa",
+		"zhmTC2vHCMnO",
+		"mtvOEwHHs0O",
+		"A2v5",
+		"y3vYCMvUDa",
+		"Dg9mB3DLCKnHC2u",
+		"mKTnyKzLEq",
+		"ChjLDMvUDerLzMf1Bhq",
+		"Bw9K",
+		"nZKYt2DkD1v5",
+		"CMvTB3zLrxzLBNrmAxn0zw5LCG",
+		"ntaXode5sKL1wwTL",
+		"mZi0odq5mZzTzfbPuMe",
+		"ndaZndCYoePTB1DUAW",
+		"odCXmde2su1iAKDj",
+		"Bwv0yuTLEq",
+		"mJC4nJeWnMDzthzlqq"
+	];
+	return u = function() {
+		return e;
+	}, u();
+}
+import { jsx as d } from "react/jsx-runtime";
+var f = a(function({ shortcutKey: a, wrapperClassName: u, placeholder: f = "검색", ...p }, m) {
+	let h = n, g = c(null);
+	return s(m, () => g.current), o(() => {
+		let e = n;
+		if (!a) return;
+		let r = a.toLowerCase(), i = (e) => {
+			let i = n;
+			(t ? e[i(357)] : e[i(360)]) && e[i(345)][i(347)]() === r && (e[i(349)](), g[i(346)]?.focus(), g.current?.select());
+		};
+		return document.addEventListener(e(361), i), () => document[e(352)](e(361), i);
+	}, [a]), d(r, {
+		ref: g,
+		type: "search",
+		placeholder: f,
+		wrapperClassName: i(h(364), u),
+		leading: d(l, {}),
+		trailing: a && d(e, {
+			keys: [h(350), a],
+			size: "lg",
+			combined: !0,
+			className: "ds-search__key"
+		}),
+		...p
+	});
+});
+export { f as SearchInput };

package/lib/primitives/SelectorButton2.js

@@ -0,0 +1,97 @@
+"use client";
+var e = n;
+(function(e, t) {
+	for (var r = n, i = e();;) try {
+		if (parseInt(r(461)) / 1 * (parseInt(r(451)) / 2) + parseInt(r(458)) / 3 + -parseInt(r(452)) / 4 * (parseInt(r(462)) / 5) + -parseInt(r(446)) / 6 + parseInt(r(442)) / 7 * (parseInt(r(449)) / 8) + parseInt(r(454)) / 9 * (-parseInt(r(447)) / 10) + parseInt(r(453)) / 11 * (parseInt(r(441)) / 12) == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 593e3);
+function t() {
+	var e = [
+		"BM9Uzq",
+		"zhmTC2vSzwn0B3jFx3rLEhq",
+		"zMLSDgvY",
+		"nZK5mZjky1PkBK8",
+		"mtyWsMHXBKDj",
+		"AM9PBG",
+		"mJrLr3j2DwS",
+		"zhmTC2vSzwn0B3jFx2nOzxzYB24",
+		"mZGWqwPYDwrL",
+		"nhfHAfLVEa",
+		"nda3CLHRAwLp",
+		"ntG5nta5ExnyC0nI",
+		"C3bHBG",
+		"zg93BG",
+		"yNv0Dg9U",
+		"mJuZnJeXnNrHz3vXrW",
+		"zhmTC2vSzwn0B3jFx2XHyMvS",
+		"zhmTC2vSzwn0B3iTlwjSB2nR",
+		"mJaWr0fHuej1",
+		"mtCZmJaXmg9gCwTyDG",
+		"mJq1nZCYwunJu0Lg",
+		"odm4otK5u0rhrvrq"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+function n(e, r) {
+	e -= 441;
+	var i = t(), a = i[e];
+	n.GmqDbi === void 0 && (n.bhmPWr = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, n.qPBhRH = {}, n.GmqDbi = !0);
+	var o = i[0];
+	n.GTlXkE !== o && (n.qPBhRH = {}, n.GTlXkE = o);
+	var s = n.qPBhRH[e];
+	return s === void 0 ? (a = n.bhmPWr(a), n.qPBhRH[e] = a) : a = s, a;
+}
+/* empty css               */
+import { forwardRef as r } from "react";
+import { ChevronDown as i, ChevronRight as a, ChevronsUpDown as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	down: i,
+	updown: o,
+	right: a
+}, u = r(function({ label: t, description: n, leading: r, chevron: i = e(456), size: a = "md", block: o, className: u, type: d = "button", ...f }, p) {
+	var m = e;
+	let h = i === m(443) ? null : l[i];
+	return c(m(457), {
+		ref: p,
+		type: d,
+		className: [
+			"ds-selector",
+			"ds-selector--" + a,
+			o && m(460),
+			u
+		][m(445)](Boolean)[m(448)](" "),
+		...f,
+		children: [
+			r && s(m(455), {
+				className: "ds-selector__leading",
+				children: r
+			}),
+			c(m(455), {
+				className: m(444),
+				children: [s("span", {
+					className: m(459),
+					children: t
+				}), n && s("span", {
+					className: "ds-selector__desc",
+					children: n
+				})]
+			}),
+			h && s(h, {
+				className: m(450),
+				"data-kind": i,
+				"aria-hidden": !0
+			})
+		]
+	});
+});
+export { u as SelectorButton };