@iamfiro/design 0.3.1 → 0.3.4

package/lib/primitives/index.js

@@ -1,103 +1,104 @@
 "use client";
-const e = t;
-(function(e, n) {
-	let r = t, i = e();
+const e = M;
+(function(e, t) {
+	let n = M, r = e();
 	for (;;) try {
-		if (-parseInt(r(258)) / 1 * (parseInt(r(244)) / 2) + -parseInt(r(262)) / 3 * (-parseInt(r(214)) / 4) + -parseInt(r(198)) / 5 * (parseInt(r(248)) / 6) + parseInt(r(290)) / 7 * (-parseInt(r(189)) / 8) + -parseInt(r(279)) / 9 * (-parseInt(r(252)) / 10) + parseInt(r(206)) / 11 * (parseInt(r(265)) / 12) + -parseInt(r(226)) / 13 * (-parseInt(r(254)) / 14) == n) break;
-		i.push(i.shift());
+		if (parseInt(n(401)) / 1 + -parseInt(n(417)) / 2 * (-parseInt(n(412)) / 3) + parseInt(n(368)) / 4 * (parseInt(n(430)) / 5) + parseInt(n(327)) / 6 * (parseInt(n(319)) / 7) + -parseInt(n(369)) / 8 + -parseInt(n(378)) / 9 * (-parseInt(n(321)) / 10) + -parseInt(n(389)) / 11 == t) break;
+		r.push(r.shift());
 	} catch {
-		i.push(i.shift());
+		r.push(r.shift());
 	}
-})(A, 127655);
-function t(e, n) {
-	e -= 186;
-	let r = A(), i = r[e];
-	t.uefjmF === void 0 && (t.KmMVSI = function(e) {
+})(j, 181007);
+import { Spinner as t } from "./Spinner2.js";
+import { IconStack as n } from "./IconStack2.js";
+import { Kbd as r, formatKey as i, isMac as a } from "./Kbd2.js";
+import { TIMING as o } from "../hooks/timing.js";
+import { Tooltip as s } from "./Tooltip2.js";
+import { isTypingTarget as c, matchesHotkey as l, toAriaShortcut as u } from "./hotkey.js";
+/* empty css           */
+import { Flag as d } from "./Flag2.js";
+import { SearchInput as f } from "./SearchInput2.js";
+import { Heading as p, Prose as m, Text as h } from "./Typography2.js";
+import { Progress as g, ProgressCircle as _ } from "./Progress2.js";
+import { FileIcon as v, fileKind as y } from "./FileIcon2.js";
+import { CopyButton as b } from "./CopyButton2.js";
+import { Swatch as x } from "./Swatch2.js";
+import { BRAND_NAMES as S, BrandIcon as C } from "./BrandIcon.js";
+import { ColorDot as w } from "./ColorDot2.js";
+import { Box as T, Grid as E, Inline as D, Separator as O, Stack as ee } from "./Layout2.js";
+import { AspectRatio as te } from "./AspectRatio2.js";
+import { formatFullDate as ne, formatRelativeTime as re, nextRelativeTimeChange as ie } from "./formatRelativeTime.js";
+import { RelativeTime as ae } from "./RelativeTime.js";
+import { IconTile as oe } from "./IconTile2.js";
+import { SelectorButton as se } from "./SelectorButton2.js";
+import { StatusIcon as ce } from "./StatusIcon2.js";
+import { Delta as k } from "./Delta2.js";
+import { formatCountdown as A } from "./formatCountdown.js";
+function j() {
+	let e = /* @__PURE__ */ "y2HLy2TIB3G.Dgv4DgfYzwe.zgf0yxnLDa.zMLUzeLUzgv4.C2vSzwn0.zMLSDgvY.zxnJyxbL.Bwf0y2HLCW.ChjLC3ngBgfZAa.iZDJnMnMzG.zhmTDgv4DgfYzweTlwf1Dg8GzhmTC2nYB2XS.Dhj1zq.zhmTy2HLy2STlwnPCMnSzq.C3rHDhvZ.B2zMC2v0tgvMDa.C2XPy2u.AgvPz2H0.CMvTB3zLrxzLBNrmAxn0zw5LCG.DMfSDwu.BwfW.A2v5q29Kzq.zhmTC2vSzwn0.Bwv0yuTLEq.C3DPDgnO.ywX0s2v5.B3zLCMzSB3Dz.y2XVC2vZDa.ChjLDMvUDerLzMf1Bhq.zgvMyxvSDfbYzxzLBNrLza.zhmTy2HLy2S.zhmTyMfKz2uTlw92zxjSAw5L.zhmTyNrUls1Py29U.zhmTy2HLy2TFx2jVEa.mJmYnfHRtw9TqW.mti4nty0ohDvvMLNyW.Aw1N.zhmTyxzHDgfY.w2rHDgeTDMfSDwu9iG.CgfKzgLUz0jVDhrVBq.zhmTyxzHDgfYx19ZDgf0Dxm.D2LKDgG.CMvKDwnL.zhmTyMfKz2uTlxnXDwfYzq.ouvXBLzlsW.Dg9vChbLCKnHC2u.DgfYz2v0.C2v0vgLTzw91Da.C2nYB2XSsgvPz2H0.C3f1yxjL.y2XPy2S.zgLZy29UBMvJDa.oMrPC2fIBgvK.yxv0BW.qxjYB3DsAwDODa.nZuYody4nNb4tLHgCa.zhmTAw5WDxqTlwjHCMu.zhmTC2vNx190AhvTyG.CxvLCNLtzwXLy3rVCG.zhmTzMLLBgrFx2XHyMvS.ChjLC3nLza.BwLU.DgfI.y291BNq.iZvJnMi3yq.CgfKzgLUz1rVCa.C3bSAxq.mZaZndu5B2rpuLfZ.y3vYCMvUDa.zhmTC3DPDgnOx190AhvTyG.y2HPCa.BgvUz3rO.zhmTyMfKz2vFx2nOzxzYB24.BgfIzwW.zhmTyNrUx19SywjLBa.w2LUzxj0xq.zhmTC3DPDgnO.zhmTC3DPDgnOx190CMfJAW.ndC2ota3sK93tw5p.BMv1DhjHBa.zhmTAw5WDxqTlq.zhmTyMfKz2uTlq.zhmTyNrU.mKTND2fMra.zhmTyMfKz2vFx3nWAw5Uzxi.CgLSBa.BgvMDa.y2XLyxjuAw1LB3v0.y3rYBeTLEq.C3jJ.zhmTC2vNx19PDgvT.yNv0Dg9U.zhmTDgv4DgfYzwe.zhmTC2vNx19JB3vUDa.zMfPBgvK.A2v5zg93BG.mti0nw1XyxjUDa.Aw5WDxq.zhmTzMLLBgq.C3bHBG.zhmTyxzHDgfYx19PBwC.zhmTyMfKz2uTlwLUDgvYywn0AxzL.B2jZzxj2zq.i2i2nwfKoa.qxjYB3Dmzwz0.Bg9HzgvK.zhmTyNrUls0.C3r5Bgu.mJCXmdK2uwL3Bfzl.BgLUzuHLAwDODa.mta5mJe4mhLgrxD6yG.zhmTzMLLBgrFx2HPBNq.zhmTyxzHDgfYls1ZCxvHCMu.zhmTyNrUls1IBg9JAW.z2v0q2XPzw50uMvJDhm.y2LYy2XL.ndHsrwrzqLy.DMfYkc0TBJuP.AxnbCNjHEq.zhmTyMfKz2u.zhmTyxzHDgfYlwDYB3vW.i2u1ntC3yq.zgL2.AM9PBG".split(".");
+	return j = function() {
+		return e;
+	}, j();
+}
+function M(e, t) {
+	e -= 308;
+	let n = j(), r = n[e];
+	M.GpcFyI === void 0 && (M.gukIqD = 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.ZpBFiN = {}, t.uefjmF = !0);
-	let a = r[0];
-	t.IpHJlV !== a && (t.ZpBFiN = {}, t.IpHJlV = a);
-	let o = t.ZpBFiN[e];
-	return o === void 0 ? (i = t.KmMVSI(i), t.ZpBFiN[e] = i) : i = o, i;
+	}, M.NLzdfj = {}, M.GpcFyI = !0);
+	let i = n[0];
+	M.CByKjD !== i && (M.NLzdfj = {}, M.CByKjD = i);
+	let a = M.NLzdfj[e];
+	return a === void 0 ? (r = M.gukIqD(r), M.NLzdfj[e] = r) : r = a, r;
 }
-import { Spinner as n } from "./Spinner2.js";
-import { IconStack as r } from "./IconStack2.js";
-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";
-function A() {
-	let e = /* @__PURE__ */ "zhmTyNrUx19RyMq.B3zLCMzSB3Dz.nxnTC2LlsG.y2HLy2TIB3G.BMv1DhjHBa.z2v0q2XPzw50uMvJDhm.zgL2.iZjMyJq4yq.C3DPDgnO.CgLSBa.mtfREgXKAK8.CgfKzgLUz0jVDhrVBq.zhmTzMLLBgrFx2XHyMvS.A2v5q29Kzq.D2LKDgG.yNv0Dg9U.zhmTyMfKz2vFx3nWAw5Uzxi.zhmTC3DPDgnOx190CMfJAW.nefdtgf4yq.y2HPCa.DgvZDa.zhmTC2vNx19JB3vUDa.zhmTyNrUls1IBg9JAW.Bwv0yuTLEq.B2jZzxj2zq.ywX0s2v5.y3rYBeTLEq.oMrPC2fIBgvK.zgf0yxnLDa.y2XVC2vZDa.mZLzwwn4wfa.C3r5Bgu.yxv0BW.zhmTyNrUx19SywjLBa.zhmTC2vSzwn0.DgfIBgLZDa.DgfYz2v0.zhmTDgv4DgfYzweTlwf1Dg8GzhmTC2nYB2XS.i2i2nwfKoa.AgvPz2H0.w2LUzxj0xq.AxndB21WB3nPBMC.B2zMC2v0tgvMDa.BwLU.qxjYB3DsAwDODa.zhmTyxzHDgfY.zhmTy2HLy2TFx2jVEa.zhmTyxzHDgfYx19ZDgf0Dxm.mtj1A2L4Bve.CgfKzgLUz1rVCa.y291BNq.BgvUz3rO.ntK3nJm2rNHHqMzf.zhmTAw5WDxq.C3rHCNrZv2L0Aa.BgLUzuHLAwDODa.mtbiz1Hmzhe.y2HHCKnVzgvbDa.mZC4mZy0zhPbsNnz.ChjLDMvUDerLzMf1Bhq.AgLKzgvU.zhmTC2vNls0.mtiWnJLQzM9vDKC.zhmTyMfKz2u.AwnVBG.C3f1yxjL.ndiYmZKXA1D4Bffy.ywrKrxzLBNrmAxn0zw5LCG.zhmTC3DPDgnOx190AhvTyG.mJaYnduYB2Dsz2nw.BgfIzwW.C2nYB2XSsgvPz2H0.zhmTzMLLBgrFx2HPBNq.zMLUzeLUzgv4.DMfYkc0TBJuP.C3bSAxq.zhmTC2vNx190AhvTyG.zhmTAw5WDxqTlq.Dg9vChbLCKnHC2u.zhmTyMfKz2uTlq.zhmTyMfKz2vFx2nOzxzYB24.B2zMC2v0v2LKDgG.zxnJyxbL.mtGWnJyWnKvWB0HRDa.zhmTyNrUls0.zhmTyMfKz2uTlw92zxjSAw5L.BgvMDa.Bwf0y2HLCW.zhmTy2HLy2STlwnPCMnSzq.C2vSzwn0.AM9PBG.iZvJnMi3yq.zhmTyxzHDgfYls1ZCxvHCMu.zhmTyNrU.otC4nJm1sxvpz0LI.iZnMowjLoa.CMfKAw8.zhmTyMfKz2uTlxnXDwfYzq.C2v0vgLTzw91Da.zhmTC3DPDgnO.Aw1N.A2v5zg93BG.zgLZy29UBMvJDa.ChjLC3nLza.zhmTyNrUls1Py29U.Dgv4DgfYzwe.A2v5.BwfW.DMfSDwu.zhmTDgv4DgfYzweTlwjHCMu.Aw5WDxq.zgvMyxvSDfbYzxzLBNrLza.zhmTyMfKz2vFx2rVDa.zMLSDgvY.qxjYB3Dmzwz0.y3vYCMvUDa.oefxwNv2yq.C2XPy2u.iZDJnMnMzG.DgfI.C3bHBG.CMvWzwf0.zhmTC2vN".split(".");
-	return A = function() {
-		return e;
-	}, A();
-}
-import { StatusIcon as j } from "./StatusIcon2.js";
-import { Delta as M } from "./Delta2.js";
-import { formatCountdown as N } from "./formatCountdown.js";
-import { Countdown as P } from "./Countdown2.js";
-import { formatElapsed as F } from "./formatElapsed.js";
-import { Elapsed as I } from "./Elapsed.js";
-import { CountBadge as L } from "./CountBadge2.js";
-import { Link as R } from "./Link2.js";
-import { maskParts as z, maskValue as B } from "./maskValue.js";
-import { MaskedText as V } from "./MaskedText2.js";
-import { forwardRef as H, useCallback as U, useEffect as W, useImperativeHandle as G, useLayoutEffect as K, useRef as q, useState as ce } from "react";
+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 q } from "react";
 import { Check as le, ChevronDown as ue, ChevronRight as de } from "lucide-react";
 import { jsx as J, jsxs as Y } from "react/jsx-runtime";
-var X = (...t) => t[e(186)](Boolean).join(" "), fe = H(function({ variant: t = "secondary", 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 = q(null);
-	G(b, () => S[x(188)]);
-	let C = m == null ? void 0 : Array.isArray(m) ? m : [m], w = C?.[x(286)]("\n");
-	return W(() => {
+var X = (...t) => t[e(340)](Boolean)[e(334)](" "), fe = V(function({ variant: n = "secondary", size: i = "md", icon: a, iconRight: s, iconOnly: d, 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(402)]);
+	let C = m == null ? void 0 : Array[x(329)](m) ? m : [m], w = C?.[x(334)]("\n");
+	return U(() => {
 		let e = x;
 		if (!h || !w) return;
-		let t = w[e(271)]("\n"), n = 0, r = (r) => {
-			let i = e, a = S[i(188)];
-			!a || r[i(307)] || r[i(194)] || r[i(237)] || r[i(209)] === 229 || u(r, t) && (r[i(219)] || r[i(222)] || r[i(221)] || !l(r[i(232)])) && (a[i(283)](i(223)) || a[i(225)](i(236)) || a[i(201)]()[i(247)] === 0 || (r[i(255)](), a.dataset[i(299)] = "true", window.clearTimeout(n), n = window[i(294)](() => delete a[i(224)].pressed, s.pressFlash), a.click()));
+		let t = w[e(400)]("\n"), n = 0, r = (r) => {
+			let i = e, a = S[i(402)];
+			!a || r[i(363)] || r.repeat || r.isComposing || r[i(355)] === 229 || l(r, t) && (r[i(357)] || r[i(422)] || r[i(359)] || !c(r[i(380)])) && (a[i(342)](i(386)) || a[i(361)](i(409)) || a[i(325)]()[i(405)] === 0 || (r[i(362)](), a[i(337)][i(394)] = i(346), window[i(421)](n), n = window[i(381)](() => delete a[i(337)][i(394)], o[i(343)]), a[i(384)]()));
 		};
-		return document[e(263)](e(297), r), () => {
-			document.removeEventListener("keydown", r), window.clearTimeout(n);
+		return document.addEventListener("keydown", r), () => {
+			let t = e;
+			document[t(352)](t(429), r), window[t(421)](n);
 		};
-	}, [h, w]), Y("button", {
+	}, [h, w]), Y(x(425), {
 		ref: S,
-		type: "button",
-		className: X(x(289), x(280) + t, r !== "md" && x(280) + r, c && x(300), p && x(218), g),
+		type: x(425),
+		className: X(x(416), x(317) + n, i !== "md" && "ds-btn--" + i, d && x(366), p && x(324), g),
 		"data-loading": f || void 0,
 		disabled: v || f,
 		"aria-busy": f || void 0,
-		"aria-keyshortcuts": h && C ? d(C) : void 0,
+		"aria-keyshortcuts": h && C ? u(C) : void 0,
 		...y,
 		children: [
-			f ? J(n, { size: r === "sm" ? 12 : 14 }) : a,
-			!c && _ != null && J(x(193), {
-				className: x(229),
+			f ? J(t, { size: i === "sm" ? 12 : 14 }) : a,
+			!d && _ != null && J(x(310), {
+				className: x(408),
 				children: _
 			}),
-			o,
-			C && !c && J(x(193), {
-				className: x(196),
+			s,
+			C && !d && J(x(310), {
+				className: "ds-btn__kbd",
 				"aria-hidden": !0,
-				children: J(i, {
+				children: J(r, {
 					keys: C,
 					size: "sm"
 				})
@@ -107,34 +108,34 @@ var X = (...t) => t[e(186)](Boolean).join(" "), fe = H(function({ variant: t = "
 });
 function pe({ label: t, hint: n, invalid: r, children: i, htmlFor: a }) {
 	let o = e;
-	return Y(o(202), {
-		className: "ds-field",
+	return Y(o(333), {
+		className: o(309),
 		"data-invalid": r || void 0,
 		children: [
-			t && J(o(266), {
-				className: o(208),
+			t && J(o(407), {
+				className: o(393),
 				htmlFor: a,
 				children: t
 			}),
 			i,
-			n && J(o(193), {
-				className: o(268),
+			n && J("span", {
+				className: o(322),
 				children: n
 			})
 		]
 	});
 }
-var me = H(function({ size: t = "md", leading: n, trailing: r, invalid: i, bare: a, disabled: o, wrapperClassName: s, wrapperStyle: c, wrapperRef: l, ...u }, d) {
+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(f(202), {
+	return Y(f(333), {
 		ref: l,
-		className: X(f(249), t !== "md" && f(273) + t, a && "ds-input--bare", s),
+		className: X("ds-input", t !== "md" && f(414) + t, a && f(390), s),
 		style: c,
 		"data-invalid": i || void 0,
 		"data-disabled": o || void 0,
 		children: [
 			n,
-			J(f(306), {
+			J(f(308), {
 				ref: d,
 				disabled: o,
 				"aria-invalid": i || void 0,
@@ -143,20 +144,20 @@ var me = H(function({ size: t = "md", leading: n, trailing: r, invalid: i, bare:
 			r
 		]
 	});
-}), he = H(function({ autoResize: t, maxRows: n, bare: r, className: i, onInput: a, ...o }, s) {
-	let c = e, l = q(null);
-	G(s, () => l[c(188)]);
-	let u = U(() => {
-		let e = c, r = l[e(188)];
+}), 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(402)]);
+	let u = H(() => {
+		let e = c, r = l[e(402)];
 		if (!r || !t) return;
-		r.style[e(235)] = e(228);
-		let i = getComputedStyle(r), a = parseFloat(i[e(245)]) + parseFloat(i[e(207)]), o = n ? parseFloat(i[e(251)]) * n + a : Infinity;
-		r[e(227)][e(235)] = Math[e(239)](r[e(267)], o) + "px", r[e(227)][e(197)] = r.scrollHeight > o ? "auto" : e(256);
+		r[e(318)][e(351)] = e(387);
+		let i = getComputedStyle(r), a = parseFloat(i[e(399)]) + parseFloat(i[e(373)]), o = n ? parseFloat(i[e(320)]) * n + a : Infinity;
+		r.style.height = Math[e(395)](r[e(382)], o) + "px", r[e(318)][e(360)] = r.scrollHeight > o ? "auto" : "hidden";
 	}, [t, n]);
-	return K(u, [u, o.value]), J(c(301), {
+	return G(u, [u, o[c(353)]]), J(c(336), {
 		ref: l,
 		rows: t ? 1 : void 0,
-		className: X("ds-textarea", t && c(233), r && c(305), i),
+		className: X(c(426), t && c(345), r && "ds-textarea--bare", i),
 		onInput: (e) => {
 			u(), a?.(e);
 		},
@@ -165,26 +166,26 @@ var me = H(function({ size: t = "md", leading: n, trailing: r, invalid: i, bare:
 });
 function Z({ children: t, style: n, ...r }) {
 	let i = e;
-	return Y("span", {
-		className: i(230),
+	return Y(i(310), {
+		className: i(356),
 		style: n,
-		children: [J(i(285), {
+		children: [J(i(339), {
 			...r,
 			children: t
 		}), J(ue, {})]
 	});
 }
-function ge({ label: t, shape: n = e(261), className: r, ...i }) {
+function ge({ label: t, shape: n = e(383), className: r, ...i }) {
 	let a = e;
-	return Y("label", {
-		className: X("ds-check", n === "circle" && a(284), r),
+	return Y(a(407), {
+		className: X(a(364), n === a(326) && a(347), r),
 		children: [
-			J(a(306), {
-				type: a(199),
+			J(a(308), {
+				type: a(335),
 				...i
 			}),
-			J(a(193), {
-				className: a(242),
+			J("span", {
+				className: a(367),
 				children: J(le, {})
 			}),
 			t
@@ -193,159 +194,179 @@ function ge({ label: t, shape: n = e(261), className: r, ...i }) {
 }
 function _e({ label: t, className: n, ...r }) {
 	let i = e;
-	return Y("label", {
+	return Y(i(407), {
 		className: X("ds-check ds-check--radio", n),
 		children: [
-			J(i(306), {
-				type: i(292),
+			J(i(308), {
+				type: "radio",
 				...r
 			}),
-			J("span", { className: "ds-check__box" }),
+			J("span", { className: i(367) }),
 			t
 		]
 	});
 }
 function ve({ label: t, className: n, ...r }) {
 	let i = e;
-	return Y(i(266), {
-		className: X(i(295), n),
+	return Y(i(407), {
+		className: X(i(410), n),
 		children: [
-			J(i(306), {
-				type: "checkbox",
-				role: i(204),
+			J(i(308), {
+				type: i(335),
+				role: i(358),
 				...r
 			}),
-			J(i(193), {
-				className: i(213),
-				children: J(i(193), { className: i(264) })
+			J("span", {
+				className: i(411),
+				children: J(i(310), { className: i(403) })
 			}),
 			t
 		]
 	});
 }
-function ye({ tone: t = e(200), dot: r, pulse: i, spinner: a, square: o, icon: s, iconRight: c, chevron: l, size: u = "md", overline: d, as: f = "span", disabled: p, className: m, children: h, ...g }) {
-	let _ = e, v = f, y = f === _(211);
+function ye({ tone: n = e(413), dot: r, pulse: i, spinner: a, square: o, icon: s, iconRight: c, chevron: l, size: u = "md", overline: d, as: f = e(310), disabled: p, className: m, children: h, ...g }) {
+	let _ = e, v = f, y = f === "button";
 	return Y(v, {
-		type: y ? "button" : void 0,
+		type: y ? _(425) : void 0,
 		disabled: y ? p : void 0,
-		className: X(_(259), t !== _(200) && "ds-badge--" + t, o && _(293), u !== "md" && _(275) + u, d && _(281), y && "ds-badge--interactive", m),
+		className: X(_(330), n !== "neutral" && _(415) + n, o && _(377), u !== "md" && "ds-badge--" + u, d && _(365), y && _(312), m),
 		...g,
 		children: [
-			a ? J(_(193), {
-				className: _(212),
+			a ? J(_(310), {
+				className: _(418),
 				"aria-hidden": !0,
-				children: J(n, { size: u === "sm" || d ? 9 : 10 })
-			}) : (r || i) && J(_(193), {
-				className: _(308),
+				children: J(t, { size: u === "sm" || d ? 9 : 10 })
+			}) : (r || i) && J(_(310), {
+				className: "ds-badge__dot",
 				"data-pulse": i || void 0
 			}),
 			!a && s,
 			h,
 			c,
 			l && J(de, {
-				className: _(276),
+				className: _(406),
 				"aria-hidden": !0
 			})
 		]
 	});
 }
 var Q = [
-	e(191),
-	"#e5577a",
-	e(203),
+	e(344),
+	e(332),
+	"#2fb48a",
 	"#e8963a",
-	e(291),
-	e(234),
-	e(287)
+	"#3f9be8",
+	e(314),
+	e(398)
 ];
-function $({ name: t, size: n = 28, square: r, online: i, color: a, tooltip: o = !0 }) {
-	let s = e, l = t[s(250)]("+") ? t : /^[가-힣]{3,4}$/[s(216)](t) ? t[s(190)](-2) : t[s(271)](/\s+/).map((e) => e[0]).slice(0, 2)[s(286)]("")[s(274)](), u = [...t].reduce((e, t) => e + t[s(253)](0), 0), d = a ?? Q[u % Q[s(247)]], f = Y(s(193), {
-		className: X(s(241), r && s(288)),
+function $({ name: t, src: n, size: r = 28, square: i, online: a, color: o, tooltip: c = !0 }) {
+	let l = e, u = t.startsWith("+") ? t : /^[가-힣]{3,4}$/.test(t) ? t.slice(-2) : t[l(400)](/\s+/).map((e) => e[0])[l(350)](0, 2)[l(334)]("")[l(379)](), d = [...t][l(376)]((e, t) => e + t.charCodeAt(0), 0), f = o ?? Q[d % Q[l(405)]], [p, m] = q({ status: l(428) }), h = n && p[l(423)] === n ? p[l(348)] : void 0, g = Y(l(310), {
+		className: X(l(371), i && l(323)),
 		style: {
-			"--_s": n + "px",
-			"--_c": d
+			"--_s": r + "px",
+			"--_c": f
 		},
-		role: s(296),
+		"data-image": h === "loaded" || void 0,
+		role: l(370),
 		"aria-label": t,
-		children: [J("span", {
-			"aria-hidden": !0,
-			children: l
-		}), i && J("span", { className: s(243) })]
+		children: [
+			J(l(310), {
+				"aria-hidden": !0,
+				children: u
+			}),
+			n && h !== l(428) && J("img", {
+				className: l(311),
+				src: n,
+				alt: "",
+				draggable: !1,
+				decoding: "async",
+				onLoad: () => m({
+					src: n,
+					status: l(316)
+				}),
+				onError: () => m({
+					src: n,
+					status: l(428)
+				})
+			}),
+			a && J("span", { className: l(374) })
+		]
 	});
-	return o === !1 ? f : J(c, {
-		content: o === !0 ? t : o,
-		children: f
+	return c === !1 ? g : J(s, {
+		content: c === !0 ? t : c,
+		children: g
 	});
 }
-function be({ names: t, size: n = 24, max: i = 4 }) {
-	let a = e;
-	return J(r, {
-		className: "ds-avatar-group",
-		icons: t[a(303)]((e) => J($, {
+function be({ names: t, srcs: r, size: i = 24, max: a = 4 }) {
+	let o = e;
+	return J(n, {
+		className: o(331),
+		icons: t[o(354)]((e, t) => J($, {
 			name: e,
-			size: n
+			src: r?.[t],
+			size: i
 		}, e)),
-		size: n,
-		max: i,
+		size: i,
+		max: a,
 		overlap: 8,
-		label: t[a(286)](", "),
+		label: t.join(", "),
 		renderOverflow: (e) => J($, {
 			name: "+" + e,
-			size: n,
-			color: a(270),
-			tooltip: t[a(190)](-e)[a(286)](", ")
+			size: i,
+			color: o(328),
+			tooltip: t[o(350)](-e)[o(334)](", ")
 		})
 	});
 }
-function xe({ options: n, value: r, onChange: i, variant: a = "pill", ariaLabel: o }) {
-	let s = e, c = q(null), [l, u] = ce(null);
-	K(() => {
-		let e = t, n = c[e(188)], i = n?.querySelector("[data-value=\"" + CSS[e(278)](r) + "\"]");
-		if (!n || !i) return;
-		let a = () => u({
-			left: i[e(238)],
-			width: i[e(277)]
+function xe({ options: t, value: n, onChange: r, variant: i = e(419), ariaLabel: a }) {
+	let o = e, s = K(null), [c, l] = q(null);
+	G(() => {
+		let e = M, t = s[e(402)], r = t?.[e(392)](e(372) + CSS[e(341)](n) + "\"]");
+		if (!t || !r) return;
+		let i = () => l({
+			left: r[e(349)],
+			width: r.offsetWidth
 		});
-		a();
-		let o = new ResizeObserver(a);
-		return o[e(220)](n), () => o[e(298)]();
-	}, [r, n[s(247)]]);
-	let d = (e) => {
-		let t = s, a = n[(n[t(269)]((e) => e[t(304)] === r) + e + n.length) % n[t(247)]];
-		i(a[t(304)]);
+		i();
+		let a = new ResizeObserver(i);
+		return a[e(313)](t), () => a[e(385)]();
+	}, [n, t[o(405)]]);
+	let u = (e) => {
+		let i = o, a = t[(t[i(338)]((e) => e[i(353)] === n) + e + t[i(405)]) % t.length];
+		r(a.value);
 	};
 	return Y("div", {
-		ref: c,
-		className: X(s(195), a !== s(205) && s(257) + a),
-		role: s(231),
-		"aria-label": o,
+		ref: s,
+		className: X("ds-seg", i !== o(419) && "ds-seg--" + i),
+		role: "tablist",
+		"aria-label": a,
 		onKeyDown: (e) => {
-			let t = s;
-			e.key === t(240) && d(1), e[t(302)] === t(187) && d(-1);
+			let t = o;
+			e.key === t(388) && u(1), e.key === t(315) && u(-1);
 		},
-		children: [l && a !== s(215) && J("span", {
-			className: s(272),
+		children: [c && i !== o(404) && J(o(310), {
+			className: o(391),
 			style: {
-				left: l[s(282)],
-				width: l[s(210)]
+				left: c[o(420)],
+				width: c[o(375)]
 			}
-		}), n[s(303)]((e) => Y(s(211), {
-			type: s(211),
-			role: s(192),
-			"data-value": e.value,
-			"aria-selected": e[s(304)] === r,
-			tabIndex: e[s(304)] === r ? 0 : -1,
-			className: "ds-seg__item",
-			onClick: () => i(e[s(304)]),
+		}), t[o(354)]((e) => Y(o(425), {
+			type: o(425),
+			role: o(396),
+			"data-value": e[o(353)],
+			"aria-selected": e[o(353)] === n,
+			tabIndex: e[o(353)] === n ? 0 : -1,
+			className: o(424),
+			onClick: () => r(e[o(353)]),
 			children: [
-				e[s(260)],
-				e[s(266)],
-				e[s(246)] != null && J(s(193), {
-					className: s(217),
-					children: e[s(246)]
+				e.icon,
+				e[o(407)],
+				e[o(397)] != null && J(o(310), {
+					className: o(427),
+					children: e[o(397)]
 				})
 			]
-		}, e[s(304)]))]
+		}, e.value))]
 	});
 }
-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, L as CountBadge, P as Countdown, M as Delta, I as Elapsed, pe as Field, y as FileIcon, f as Flag, D as Grid, m as Heading, r as IconStack, se as IconTile, O as Inline, me as Input, i as Kbd, R as Link, V 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, n as Spinner, te as Stack, j as StatusIcon, S as Swatch, ve as Switch, g as Text, he as Textarea, c as Tooltip, X as cx, b as fileKind, N as formatCountdown, F as formatElapsed, re as formatFullDate, a as formatKey, ie as formatRelativeTime, o as isMac, l as isTypingTarget, z as maskParts, B as maskValue, u as matchesHotkey, ae as nextRelativeTimeChange, d as toAriaShortcut };
+export { te as AspectRatio, $ as Avatar, be as AvatarGroup, S as BRAND_NAMES, ye as Badge, T as Box, C as BrandIcon, fe as Button, ge as Checkbox, w as ColorDot, b as CopyButton, I as CountBadge, N as Countdown, k as Delta, F as Elapsed, pe as Field, v as FileIcon, d as Flag, E as Grid, p as Heading, n as IconStack, oe as IconTile, D as Inline, me as Input, r as Kbd, L as Link, B as MaskedText, Z as NativeSelect, g as Progress, _ as ProgressCircle, m as Prose, _e as Radio, ae as RelativeTime, f as SearchInput, xe as SegmentedControl, se as SelectorButton, O as Separator, t as Spinner, ee as Stack, ce as StatusIcon, x as Swatch, ve as Switch, h as Text, he as Textarea, s as Tooltip, X as cx, y as fileKind, A as formatCountdown, P as formatElapsed, ne as formatFullDate, i as formatKey, re as formatRelativeTime, a as isMac, c as isTypingTarget, R as maskParts, z as maskValue, l as matchesHotkey, ie as nextRelativeTimeChange, u as toAriaShortcut };