@iamfiro/design 0.1.0 → 0.3.0

package/lib/primitives/formatRelativeTime.js

@@ -0,0 +1,64 @@
+"use client";
+const e = l;
+function t() {
+	let e = /* @__PURE__ */ "z2v0tw9UDgG.zM9YBwf0.mJjrqKrtrue.7iUC6RceioYGHa.z2v0rNvSBfLLyxi.C2HVCNq.z2v0rgf0zq.ovnHzwf4Ca.mZm4nZeYofPAt0XxEq.Bwf4.7iUC6Rceio2BHa.Axnoyu4.mZi1otK2D0XmC05s.ywjZ.z2v0vgLTzq.mtuXnZDhuKDwCLa.nJe4otm0ofDJr3fdsq.mtC5ndKWueHAzMDA.n2TxEhH2sa.67Aeio2BHa.mtq5ndu5nNzxz2r3uq.zMXVB3i.nxvIqKrpDa.CM91BMq.BwLU.mZu4mJe5mgnvugntsG.A28Ts1i.mty0CMDgCNf2".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	let n = l, r = e();
+	for (;;) try {
+		if (-parseInt(n(316)) / 1 + parseInt(n(303)) / 2 * (parseInt(n(319)) / 3) + parseInt(n(324)) / 4 * (parseInt(n(326)) / 5) + parseInt(n(321)) / 6 * (parseInt(n(322)) / 7) + parseInt(n(312)) / 8 * (parseInt(n(311)) / 9) + parseInt(n(301)) / 10 + parseInt(n(306)) / 11 * (-parseInt(n(320)) / 12) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 242458);
+var n = 1e3, r = 60 * n, i = 60 * r, a = 24 * i, o = (e) => e instanceof Date ? e : new Date(e), s = (t) => new Date(t.getFullYear(), t[e(304)](), t[e(310)]())[e(318)](), c = (t, n) => Math[e(299)]((s(n) - s(t)) / a);
+function l(e, n) {
+	e -= 299;
+	let r = t(), i = r[e];
+	l.ZyIxsg === void 0 && (l.fcfGIl = 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.AoJnHE = {}, l.ZyIxsg = !0);
+	let a = r[0];
+	l.RKILZw !== a && (l.AoJnHE = {}, l.RKILZw = a);
+	let o = l.AoJnHE[e];
+	return o === void 0 ? (i = l.fcfGIl(i), l.AoJnHE[e] = i) : i = o, i;
+}
+function u(t, a = /* @__PURE__ */ new Date()) {
+	let s = e, l = o(t);
+	if (Number[s(315)](l.getTime())) return "";
+	let u = a[s(318)]() - l.getTime(), d = Math[s(317)](u), f = u >= 0, p = c(l, a);
+	if (d < 45 * n) return f ? "방금" : "곧";
+	if (d < i) {
+		let e = Math[s(313)](1, Math[s(325)](d / r));
+		return f ? e + "분 전" : e + s(323);
+	}
+	if (p === 0 || d < 6 * i) {
+		let e = Math[s(325)](d / i);
+		return f ? e + s(307) : e + s(314);
+	}
+	if (p === 1) return "어제";
+	if (p === -1) return "내일";
+	if (Math[s(317)](p) < 7) return f ? p + "일 전" : -p + "일 후";
+	let m = l[s(304)]() + 1 + "월 " + l.getDate() + "일";
+	return l.getFullYear() === a[s(308)]() ? m : l[s(308)]() + "년 " + m;
+}
+var d = new Intl.DateTimeFormat(e(302), {
+	dateStyle: "long",
+	timeStyle: e(309)
+});
+function f(t) {
+	let n = e, r = o(t);
+	return Number.isNaN(r.getTime()) ? "" : d[n(305)](r);
+}
+function p(t, s = /* @__PURE__ */ new Date()) {
+	let c = e, l = o(t), u = Math[c(317)](s[c(318)]() - l[c(318)]()), d;
+	return d = u < 45 * n ? 45 * n - u : u < i ? r - u % r : u < a ? i - u % i : i, Math[c(300)](Math[c(313)](d + 50, n), i);
+}
+export { f as formatFullDate, u as formatRelativeTime, p as nextRelativeTimeChange, o as toDate };

package/lib/primitives/hotkey.js

@@ -0,0 +1,94 @@
+"use client";
+function e(t, n) {
+	t -= 330;
+	let i = r(), a = i[t];
+	e.QPzQZx === void 0 && (e.vodmnB = 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.JILsDr = {}, e.QPzQZx = !0);
+	let o = i[0];
+	e.QEKXJh !== o && (e.JILsDr = {}, e.QEKXJh = o);
+	let s = e.JILsDr[t];
+	return s === void 0 ? (a = e.vodmnB(a), e.JILsDr[t] = a) : a = s, a;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (-parseInt(r(349)) / 1 + -parseInt(r(334)) / 2 + parseInt(r(351)) / 3 * (parseInt(r(358)) / 4) + parseInt(r(364)) / 5 * (parseInt(r(350)) / 6) + parseInt(r(370)) / 7 + -parseInt(r(355)) / 8 * (-parseInt(r(343)) / 9) + parseInt(r(332)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(r, 181887);
+import { isMac as n } from "./Kbd2.js";
+function r() {
+	let e = /* @__PURE__ */ "CMfKAw8.AM9PBG.ywX0.rgLNAxq.qxjYB3DsAwDODa.twv0yq.BgvUz3rO.B3b0Aw9U.Dg9mB3DLCKnHC2u.Bw9K.ody1mZaWBLb3r3HI.Aw5JBhvKzxm.ndKYodrtrvjcBKO.C2HPzNq.CMvZzxq.Bwv0yq.DhLWzq.y29SB3i.C29Tzq.Bwv0yuTLEq.AxndB250zw50rwrPDgfIBgu.oti4nJjYvwfXyLi.qMfJA3nWywnL.qxjYB3DvCa.BwfW.ywX0s2v5.u2HPzNq.mJK1ody4zerTyunl.mtjXsKTtsMu.nta2mdm0DvHez0LX.rw50zxi.C3vIBwL0.q29UDhjVBa.mtzPCwTmsxi.vgfI.y3rYBa.ne52DKrQBq.y3rYBeTLEq.y2HLy2TIB3G.qxjYB3DeB3DU.DgvZDa.y21K.mtmXoda1teXVq2zJ.C2HPzNrlzxK.Dg9vChbLCKnHC2u.AgfZ.y29UDhjVBa.rgvSzxrL.mtiXnJGXn093shLnCG.u3bHy2u.y29Kzq.A2v5.rxnJyxbL".split(".");
+	return r = function() {
+		return e;
+	}, r();
+}
+var i = /* @__PURE__ */ new Set([
+	t(331),
+	"cmd",
+	t(337),
+	t(357),
+	"control",
+	t(377),
+	t(382),
+	t(335)
+]), a = {
+	enter: t(352),
+	return: t(352),
+	esc: t(374),
+	escape: t(374),
+	tab: t(356),
+	space: " ",
+	backspace: t(344),
+	delete: t(369),
+	up: t(345),
+	down: t(361),
+	left: "ArrowLeft",
+	right: t(379)
+};
+function o(e) {
+	let n = t;
+	return e instanceof HTMLElement ? e[n(342)] || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? !0 : e instanceof HTMLInputElement && ![
+		n(360),
+		n(375),
+		"button",
+		n(353),
+		n(336),
+		"range",
+		n(339),
+		"file"
+	].includes(e[n(338)]) : !1;
+}
+function s(e, r) {
+	let o = t, s = r[o(346)]((e) => e[o(330)]()), c = (...e) => e[o(340)]((e) => s[o(333)](e)), l = c(o(337), o(363)) || c(o(331)) && n, u = c(o(357), o(368)) || c(o(331)) && !n, d = c(o(377), o(382)), f = c(o(335)), p = r.find((e) => !i[o(367)](e[o(330)]()));
+	if (!p || e[o(341)] !== l || e[o(359)] !== u || e[o(347)] !== d) return !1;
+	let m = p[o(330)]();
+	if (/^[a-z]$/[o(362)](m)) return e[o(365)] === f && (e[o(372)] === "Key" + m[o(366)]() || e[o(373)][o(330)]() === m);
+	if (/^[0-9]$/.test(m)) return e[o(365)] === f && (e[o(372)] === o(378) + m || e[o(372)] === "Numpad" + m || e.key === m);
+	let h = a[m];
+	return h ? e[o(365)] === f && e[o(373)] === h : e[o(373)] === p;
+}
+var c = {
+	ctrl: t(354),
+	control: "Control",
+	alt: "Alt",
+	option: "Alt",
+	shift: t(348),
+	meta: t(380),
+	cmd: t(380)
+};
+function l(r) {
+	let i = t;
+	return r.map((t) => {
+		let r = e, i = t[r(330)]();
+		return i === r(331) ? r(n ? 380 : 354) : c[i] ? c[i] : a[i] ? a[i] === " " ? r(371) : a[i] : t[r(381)] === 1 ? t[r(366)]() : t;
+	})[i(376)]("+");
+}
+export { o as isTypingTarget, s as matchesHotkey, l as toAriaShortcut };

package/lib/primitives/index.js

@@ -0,0 +1,352 @@
+"use client";
+const e = r;
+(function(e, t) {
+	let n = r, i = e();
+	for (;;) try {
+		if (-parseInt(n(313)) / 1 + parseInt(n(356)) / 2 + -parseInt(n(412)) / 3 + parseInt(n(306)) / 4 + -parseInt(n(405)) / 5 * (-parseInt(n(304)) / 6) + -parseInt(n(349)) / 7 * (parseInt(n(376)) / 8) + parseInt(n(336)) / 9 * (parseInt(n(355)) / 10) == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(q, 784100);
+import { Spinner as t } from "./Spinner2.js";
+import { IconStack as n } from "./IconStack2.js";
+function r(e, t) {
+	e -= 300;
+	let n = q(), i = n[e];
+	r.ROYmZn === void 0 && (r.ZDNBCf = 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);
+	}, r.XxMTTu = {}, r.ROYmZn = !0);
+	let a = n[0];
+	r.XxireD !== a && (r.XxMTTu = {}, r.XxireD = a);
+	let o = r.XxMTTu[e];
+	return o === void 0 ? (i = r.ZDNBCf(i), r.XxMTTu[e] = i) : i = o, i;
+}
+import { Kbd as i, formatKey as a, isMac as o } from "./Kbd2.js";
+import { TIMING as s } from "../hooks/timing.js";
+import { Tooltip as c } from "./Tooltip2.js";
+import { isTypingTarget as l, matchesHotkey as u, toAriaShortcut as d } from "./hotkey.js";
+/* empty css           */
+import { Flag as f } from "./Flag2.js";
+import { SearchInput as p } from "./SearchInput2.js";
+import { Heading as m, Prose as h, Text as g } from "./Typography2.js";
+import { Progress as _, ProgressCircle as v } from "./Progress2.js";
+import { FileIcon as y, fileKind as b } from "./FileIcon2.js";
+import { CopyButton as x } from "./CopyButton2.js";
+import { Swatch as S } from "./Swatch2.js";
+import { BRAND_NAMES as C, BrandIcon as w } from "./BrandIcon.js";
+import { ColorDot as T } from "./ColorDot2.js";
+import { Box as E, Grid as D, Inline as O, Separator as ee, Stack as te } from "./Layout2.js";
+import { AspectRatio as ne } from "./AspectRatio2.js";
+import { formatFullDate as re, formatRelativeTime as ie, nextRelativeTimeChange as ae } from "./formatRelativeTime.js";
+import { RelativeTime as oe } from "./RelativeTime.js";
+import { IconTile as se } from "./IconTile2.js";
+import { SelectorButton as k } from "./SelectorButton2.js";
+import { StatusIcon as A } from "./StatusIcon2.js";
+import { Delta as j } from "./Delta2.js";
+import { formatCountdown as M } from "./formatCountdown.js";
+import { Countdown as N } from "./Countdown2.js";
+import { formatElapsed as P } from "./formatElapsed.js";
+import { Elapsed as F } from "./Elapsed.js";
+import { CountBadge as I } from "./CountBadge2.js";
+import { Link as L } from "./Link2.js";
+import { maskParts as R, maskValue as z } from "./maskValue.js";
+import { MaskedText as B } from "./MaskedText2.js";
+import { forwardRef as V, useCallback as H, useEffect as U, useImperativeHandle as W, useLayoutEffect as G, useRef as K, useState as ce } from "react";
+import { Check as le, ChevronDown as ue, ChevronRight as de } from "lucide-react";
+function q() {
+	let e = /* @__PURE__ */ "y3rYBeTLEq.i2u4otyZyq.zhmTC3DPDgnOx190AhvTyG.y2HLy2TIB3G.zhmTC3DPDgnOx190CMfJAW.zhmTyNrUls1IBg9JAW.CMvWzwf0.CgfKzgLUz1rVCa.y2XLyxjuAw1LB3v0.y2XVC2vZDa.AwnVBG.zhmTDgv4DgfYzwe.nwXADwLOsa.CxvLCNLtzwXLy3rVCG.A2v5q29Kzq.i2u1ntC3yq.CMvKDwnL.iZDJnMnMzG.C2nYB2XSsgvPz2H0.mZiWntaWmKPkruDlsW.BgfIzwW.zhmTC3DPDgnO.zhmTyNrUx19SywjLBa.zxnJyxbL.BgvMDa.DMfSDwu.Aw5WDxq.C3DPDgnO.zhmTyMfKz2uTlxnXDwfYzq.mtC2nJyZnffis1LqCG.CgfKzgLUz0jVDhrVBq.ndC5mdm4ofrVD0LptW.C3f1yxjL.zhmTyMfKz2uTlwLUDgvYywn0AxzL.CMfKAw8.Dhj1zq.Bwf0y2HLCW.BwLU.mtqWotCWmuD2zK1hsa.A2v5.A2v5zg93BG.C2vSzwn0.iZjMyJq4yq.zgf0yxnLDa.ChjLC3nLza.i2i2nwfKoa.C2vJB25Kyxj5.zhmTDgv4DgfYzweTlwf1Dg8GzhmTC2nYB2XS.zgvMyxvSDfbYzxzLBNrLza.zgL2.zhmTy2HLy2SGzhmTy2HLy2STlxjHzgLV.zhmTyxzHDgfY.C3bHBG.B3zLCMzSB3Dz.zgLZy29UBMvJDa.Aw1N.zhmTyMfKz2vFx3nWAw5Uzxi.zhmTC2vNx19PDgvT.zhmTy2HLy2S.zhmTyxzHDgfYx19ZDgf0Dxm.ChjLC3ngBgfZAa.mta4mdu0oufPAgzzua.zhmTyxzHDgfYlwDYB3vW.B2jZzxj2zq.ChjLDMvUDerLzMf1Bhq.CgLSBa.iZnMowjLoa.C3bSAxq.iZvJnMi3yq.DgfIBgLZDa.zhmTAw5WDxq.w2rHDgeTDMfSDwu9iG.BgvUz3rO.D2LKDgG.n3LPy3jUrG.w2LUzxj0xq.qxjYB3DsAwDODa.zhmTzMLLBgrFx2HPBNq.zhmTyMfKz2uTlw92zxjSAw5L.zhmTyNrUls0.mtKWz3roD0De.mtG5nZiWnKD0Ee9pBq.B2zMC2v0tgvMDa.zhmTC2vN.C3r5Bgu.AgvPz2H0.yNv0Dg9U.z2v0q2XPzw50uMvJDhm.zhmTAw5WDxqTlwjHCMu.C2v0vgLTzw91Da.zhmTyMfKz2uTlq.BMv1DhjHBa.y291BNq.y3vYCMvUDa.zhmTyMfKz2vFx2nOzxzYB24.oMrPC2fIBgvK.CMvTB3zLrxzLBNrmAxn0zw5LCG.qxjYB3Dmzwz0.zhmTC2vNx190AhvTyG.Dg9vChbLCKnHC2u.zhmTyNrUls1Py29U.mte2nZCZmdrHBeHJCeu.C2XPy2u.zhmTzMLLBgrFx2XHyMvS.zhmTyNrU.B2zMC2v0v2LKDgG.zhmTy2HLy2STlwnPCMnSzq.zhmTAw5WDxqTlq.y2HHCKnVzgvbDa.zhmTyMfKz2vFx2rVDa.zhmTyxzHDgfYls1ZCxvHCMu.DgfYz2v0.DgvZDa.yxv0BW.AM9PBG.C3rHCNrZv2L0Aa.zhmTDgv4DgfYzweTlwjHCMu.BwfW".split(".");
+	return q = function() {
+		return e;
+	}, q();
+}
+import { jsx as J, jsxs as Y } from "react/jsx-runtime";
+var X = (...t) => t.filter(Boolean)[e(389)](" "), fe = V(function({ variant: n = e(321), size: r = "md", icon: a, iconRight: o, iconOnly: c, loading: f, block: p, shortcut: m, hotkey: h, className: g, children: _, disabled: v, ...y }, b) {
+	let x = e, S = K(null);
+	W(b, () => S[x(368)]);
+	let C = m == null ? void 0 : Array.isArray(m) ? m : [m], w = C?.join("\n");
+	return U(() => {
+		let e = x;
+		if (!h || !w) return;
+		let t = w[e(342)]("\n"), n = 0, r = (r) => {
+			let i = e, a = S.current;
+			!a || r[i(323)] || r[i(399)] || r.isComposing || r[i(407)] === 229 || u(r, t) && (r.metaKey || r[i(393)] || r.altKey || !l(r[i(386)])) && (a[i(311)](i(370)) || a[i(402)](i(350)) || a[i(362)]()[i(347)] === 0 || (r[i(339)](), a[i(318)][i(319)] = i(310), window[i(401)](n), n = window[i(364)](() => delete a.dataset[i(319)], s[i(335)]), a.click()));
+		};
+		return document.addEventListener(e(315), r), () => {
+			let t = e;
+			document[t(371)](t(315), r), window[t(401)](n);
+		};
+	}, [h, w]), Y(x(361), {
+		ref: S,
+		type: x(361),
+		className: X(x(379), x(354) + n, r !== "md" && "ds-btn--" + r, c && x(375), p && x(398), g),
+		"data-loading": f || void 0,
+		disabled: v || f,
+		"aria-busy": f || void 0,
+		"aria-keyshortcuts": h && C ? d(C) : void 0,
+		...y,
+		children: [
+			f ? J(t, { size: r === "sm" ? 12 : 14 }) : a,
+			!c && _ != null && J(x(327), {
+				className: x(415),
+				children: _
+			}),
+			o,
+			C && !c && J(x(327), {
+				className: "ds-btn__kbd",
+				"aria-hidden": !0,
+				children: J(i, {
+					keys: C,
+					size: "sm"
+				})
+			})
+		]
+	});
+});
+function pe({ label: t, hint: n, invalid: r, children: i, htmlFor: a }) {
+	let o = e;
+	return Y(o(324), {
+		className: "ds-field",
+		"data-invalid": r || void 0,
+		children: [
+			t && J(o(413), {
+				className: o(378),
+				htmlFor: a,
+				children: t
+			}),
+			i,
+			n && J(o(327), {
+				className: o(352),
+				children: n
+			})
+		]
+	});
+}
+var me = V(function({ size: t = "md", leading: n, trailing: r, invalid: i, bare: a, disabled: o, wrapperClassName: s, wrapperStyle: c, wrapperRef: l, ...u }, d) {
+	let f = e;
+	return Y("div", {
+		ref: l,
+		className: X(f(345), t !== "md" && f(382) + t, a && f(363), s),
+		style: c,
+		"data-invalid": i || void 0,
+		"data-disabled": o || void 0,
+		children: [
+			n,
+			J(f(301), {
+				ref: d,
+				disabled: o,
+				"aria-invalid": i || void 0,
+				...u
+			}),
+			r
+		]
+	});
+}), he = V(function({ autoResize: t, maxRows: n, bare: r, className: i, onInput: a, ...o }, s) {
+	let c = e, l = K(null);
+	W(s, () => l[c(368)]);
+	let u = H(() => {
+		let e = c, r = l[e(368)];
+		if (!r || !t) return;
+		r[e(359)][e(360)] = e(388);
+		let i = getComputedStyle(r), a = parseFloat(i[e(400)]) + parseFloat(i[e(305)]), o = n ? parseFloat(i.lineHeight) * n + a : Infinity;
+		r.style[e(360)] = Math[e(312)](r.scrollHeight, o) + "px", r[e(359)][e(328)] = r[e(411)] > o ? e(388) : "hidden";
+	}, [t, n]);
+	return G(u, [u, o.value]), J("textarea", {
+		ref: l,
+		rows: t ? 1 : void 0,
+		className: X(c(404), t && c(322), r && c(391), i),
+		onInput: (e) => {
+			u(), a?.(e);
+		},
+		...o
+	});
+});
+function Z({ children: t, style: n, ...r }) {
+	let i = e;
+	return Y(i(327), {
+		className: "ds-select",
+		style: n,
+		children: [J(i(316), {
+			...r,
+			children: t
+		}), J(ue, {})]
+	});
+}
+function ge({ label: t, shape: n = e(307), className: r, ...i }) {
+	let a = e;
+	return Y(a(413), {
+		className: X(a(333), n === "circle" && a(381), r),
+		children: [
+			J("input", {
+				type: a(396),
+				...i
+			}),
+			J(a(327), {
+				className: "ds-check__box",
+				children: J(le, {})
+			}),
+			t
+		]
+	});
+}
+function _e({ label: t, className: n, ...r }) {
+	let i = e;
+	return Y("label", {
+		className: X(i(325), n),
+		children: [
+			J("input", {
+				type: i(309),
+				...r
+			}),
+			J(i(327), { className: "ds-check__box" }),
+			t
+		]
+	});
+}
+function ve({ label: t, className: n, ...r }) {
+	let i = e;
+	return Y(i(413), {
+		className: X(i(414), n),
+		children: [
+			J(i(301), {
+				type: i(396),
+				role: i(302),
+				...r
+			}),
+			J("span", {
+				className: i(397),
+				children: J(i(327), { className: i(395) })
+			}),
+			t
+		]
+	});
+}
+function ye({ tone: n = e(366), dot: r, pulse: i, spinner: a, square: o, icon: s, iconRight: c, chevron: l, size: u = "md", overline: d, as: f = e(327), disabled: p, className: m, children: h, ...g }) {
+	let _ = e, v = f, y = f === "button";
+	return Y(v, {
+		type: y ? _(361) : void 0,
+		disabled: y ? p : void 0,
+		className: X("ds-badge", n !== _(366) && _(365) + n, o && _(303), u !== "md" && _(365) + u, d && _(353), y && _(308), m),
+		...g,
+		children: [
+			a ? J("span", {
+				className: _(331),
+				"aria-hidden": !0,
+				children: J(t, { size: u === "sm" || d ? 9 : 10 })
+			}) : (r || i) && J(_(327), {
+				className: _(384),
+				"data-pulse": i || void 0
+			}),
+			!a && s,
+			h,
+			c,
+			l && J(de, {
+				className: _(369),
+				"aria-hidden": !0
+			})
+		]
+	});
+}
+var Q = [
+	e(410),
+	e(408),
+	e(317),
+	e(394),
+	e(341),
+	e(320),
+	e(343)
+];
+function $({ name: t, size: n = 28, square: r, online: i, color: a, tooltip: o = !0 }) {
+	let s = e, l = t[s(390)]("+") ? t : /^[가-힣]{3,4}$/[s(387)](t) ? t[s(377)](-2) : t[s(342)](/\s+/)[s(392)]((e) => e[0])[s(377)](0, 2).join("")[s(374)](), u = [...t][s(409)]((e, t) => e + t[s(383)](0), 0), d = a ?? Q[u % Q[s(347)]], f = Y(s(327), {
+		className: X(s(326), r && s(385)),
+		style: {
+			"--_s": n + "px",
+			"--_c": d
+		},
+		role: s(330),
+		"aria-label": t,
+		children: [J("span", {
+			"aria-hidden": !0,
+			children: l
+		}), i && J(s(327), { className: s(334) })]
+	});
+	return o === !1 ? f : J(c, {
+		content: o === !0 ? t : o,
+		children: f
+	});
+}
+function be({ names: t, size: r = 24, max: i = 4 }) {
+	let a = e;
+	return J(n, {
+		className: a(337),
+		icons: t[a(392)]((e) => J($, {
+			name: e,
+			size: r
+		}, e)),
+		size: r,
+		max: i,
+		overlap: 8,
+		label: t[a(389)](", "),
+		renderOverflow: (e) => J($, {
+			name: "+" + e,
+			size: r,
+			color: "var(--n5)",
+			tooltip: t[a(377)](-e)[a(389)](", ")
+		})
+	});
+}
+function xe({ options: t, value: n, onChange: i, variant: a = e(340), ariaLabel: o }) {
+	let s = e, c = K(null), [l, u] = ce(null);
+	G(() => {
+		let e = r, t = c[e(368)], i = t?.[e(406)](e(346) + CSS[e(416)](n) + "\"]");
+		if (!t || !i) return;
+		let a = () => u({
+			left: i[e(357)],
+			width: i[e(380)]
+		});
+		a();
+		let o = new ResizeObserver(a);
+		return o[e(338)](t), () => o[e(329)]();
+	}, [n, t.length]);
+	let d = (e) => {
+		let a = r, o = t[(t.findIndex((e) => e.value === n) + e + t[a(347)]) % t[a(347)]];
+		i(o[a(300)]);
+	};
+	return Y(s(324), {
+		ref: c,
+		className: X(s(358), a !== s(340) && "ds-seg--" + a),
+		role: s(344),
+		"aria-label": o,
+		onKeyDown: (e) => {
+			let t = s;
+			e[t(314)] === t(351) && d(1), e[t(314)] === t(372) && d(-1);
+		},
+		children: [l && a !== "chip" && J("span", {
+			className: s(373),
+			style: {
+				left: l[s(417)],
+				width: l[s(348)]
+			}
+		}), t[s(392)]((e) => Y(s(361), {
+			type: s(361),
+			role: "tab",
+			"data-value": e[s(300)],
+			"aria-selected": e[s(300)] === n,
+			tabIndex: e.value === n ? 0 : -1,
+			className: s(332),
+			onClick: () => i(e[s(300)]),
+			children: [
+				e[s(403)],
+				e[s(413)],
+				e[s(367)] != null && J(s(327), {
+					className: "ds-seg__count",
+					children: e[s(367)]
+				})
+			]
+		}, e[s(300)]))]
+	});
+}
+export { ne as AspectRatio, $ as Avatar, be as AvatarGroup, C as BRAND_NAMES, ye as Badge, E as Box, w as BrandIcon, fe as Button, ge as Checkbox, T as ColorDot, x as CopyButton, I as CountBadge, N as Countdown, j as Delta, F as Elapsed, pe as Field, y as FileIcon, f as Flag, D as Grid, m as Heading, n as IconStack, se as IconTile, O as Inline, me as Input, i as Kbd, L as Link, B as MaskedText, Z as NativeSelect, _ as Progress, v as ProgressCircle, h as Prose, _e as Radio, oe as RelativeTime, p as SearchInput, xe as SegmentedControl, k as SelectorButton, ee as Separator, t as Spinner, te as Stack, A as StatusIcon, S as Swatch, ve as Switch, g as Text, he as Textarea, c as Tooltip, X as cx, b as fileKind, M as formatCountdown, P as formatElapsed, re as formatFullDate, a as formatKey, ie as formatRelativeTime, o as isMac, l as isTypingTarget, R as maskParts, z as maskValue, u as matchesHotkey, ae as nextRelativeTimeChange, d as toAriaShortcut };

package/lib/primitives/maskValue.js

@@ -0,0 +1,65 @@
+"use client";
+function e(t, n) {
+	t -= 433;
+	let i = r(), a = i[t];
+	e.SvJCxe === void 0 && (e.YtynHa = 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.GQKMjP = {}, e.SvJCxe = !0);
+	let o = i[0];
+	e.ddwzZh !== o && (e.GQKMjP = {}, e.ddwzZh = o);
+	let s = e.GQKMjP[t];
+	return s === void 0 ? (a = e.YtynHa(a), e.GQKMjP[t] = a) : a = s, a;
+}
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(444)) / 1 + parseInt(r(445)) / 2 * (-parseInt(r(436)) / 3) + -parseInt(r(442)) / 4 + parseInt(r(438)) / 5 + -parseInt(r(443)) / 6 + parseInt(r(440)) / 7 + -parseInt(r(447)) / 8 * (-parseInt(r(441)) / 9) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(r, 976157);
+function t(t, { visibleStart: n = 4, visibleEnd: r = 4, mask: i = "•", groupSize: a = 4, maskLength: o } = {}) {
+	let s = e, c = Array[s(433)](t.replace(/\s+/g, "")), l = Math[s(439)](0, n), u = Math[s(439)](0, r), d = c[s(435)] <= l + u, f = Math[s(439)](1, o ?? a), p = Math[s(439)](1, a), m = [];
+	for (let e = 0; e < f; e += p) m.push(i[s(437)](Math[s(448)](p, f - e)));
+	return {
+		start: d ? "" : c[s(446)](0, l)[s(434)](""),
+		hidden: m[s(434)](" "),
+		end: d || u === 0 ? "" : c[s(446)](-u)[s(434)]("")
+	};
+}
+function n(n, r) {
+	let i = e, { start: a, hidden: o, end: s } = t(n, r);
+	return [
+		a,
+		o,
+		s
+	].filter(Boolean)[i(434)](" ");
+}
+export { t as maskParts, n as maskValue };
+function r() {
+	let e = [
+		"nJmXnJCYyMrYzKPM",
+		"ogXnqNLRAa",
+		"C2XPy2u",
+		"mtiXmtuXmK9ruhjAra",
+		"BwLU",
+		"zNjVBq",
+		"AM9PBG",
+		"BgvUz3rO",
+		"mteYndu0nen6qNPLDG",
+		"CMvWzwf0",
+		"ntq1mde3nuzoveLMza",
+		"Bwf4",
+		"mti5ote5ntHbv1rSChe",
+		"oxD0vw5zyq",
+		"nda3nZa5nKHYB0HYBW",
+		"mtqWntKWmMTbzKzorG"
+	];
+	return r = function() {
+		return e;
+	}, r();
+}