@noey-17/yearn-ui 0.7.0

package/dist/index.js

@@ -0,0 +1,2632 @@
+import e from "prop-types";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useEffect as a, useRef as o, useState as s } from "react";
+//#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var c = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
+	return n;
+}, l = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), u = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), d = "-", f = [], p = "arbitrary..", m = (e) => {
+	let t = _(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return g(e);
+			let n = e.split(d);
+			return h(n, +(n[0] === "" && n.length > 1), t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = r[e], i = n[e];
+				return t ? i ? c(i, t) : t : i || f;
+			}
+			return n[e] || f;
+		}
+	};
+}, h = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], i = n.nextPart.get(r);
+	if (i) {
+		let n = h(e, t + 1, i);
+		if (n) return n;
+	}
+	let a = n.validators;
+	if (a === null) return;
+	let o = t === 0 ? e.join(d) : e.slice(t).join(d), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let t = a[e];
+		if (t.validator(o)) return t.classGroupId;
+	}
+}, g = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
+	return r ? p + r : void 0;
+})(), _ = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return v(n, t);
+}, v = (e, t) => {
+	let n = u();
+	for (let r in e) {
+		let i = e[r];
+		y(i, n, r, t);
+	}
+	return n;
+}, y = (e, t, n, r) => {
+	let i = e.length;
+	for (let a = 0; a < i; a++) {
+		let i = e[a];
+		b(i, t, n, r);
+	}
+}, b = (e, t, n, r) => {
+	if (typeof e == "string") {
+		x(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		S(e, t, n, r);
+		return;
+	}
+	C(e, t, n, r);
+}, x = (e, t, n) => {
+	let r = e === "" ? t : w(t, e);
+	r.classGroupId = n;
+}, S = (e, t, n, r) => {
+	if (T(e)) {
+		y(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(l(n, e));
+}, C = (e, t, n, r) => {
+	let i = Object.entries(e), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let [a, o] = i[e];
+		y(o, w(t, a), n, r);
+	}
+}, w = (e, t) => {
+	let n = e, r = t.split(d), i = r.length;
+	for (let e = 0; e < i; e++) {
+		let t = r[e], i = n.nextPart.get(t);
+		i || (i = u(), n.nextPart.set(t, i)), n = i;
+	}
+	return n;
+}, T = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ee = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
+		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
+	};
+	return {
+		get(e) {
+			let t = n[e];
+			if (t !== void 0) return t;
+			if ((t = r[e]) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			e in n ? n[e] = t : i(e, t);
+		}
+	};
+}, E = "!", D = ":", te = [], O = (e, t, n, r, i) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: i
+}), k = (e) => {
+	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
+		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
+		for (let s = 0; s < o; s++) {
+			let o = e[s];
+			if (n === 0 && r === 0) {
+				if (o === D) {
+					t.push(e.slice(i, s)), i = s + 1;
+					continue;
+				}
+				if (o === "/") {
+					a = s;
+					continue;
+				}
+			}
+			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
+		}
+		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
+		s.endsWith(E) ? (c = s.slice(0, -1), l = !0) : s.startsWith(E) && (c = s.slice(1), l = !0);
+		let u = a && a > i ? a - i : void 0;
+		return O(t, l, c, u);
+	};
+	if (t) {
+		let e = t + D, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : O(te, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = r;
+		r = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return r;
+}, A = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
+		let n = [], r = [];
+		for (let i = 0; i < e.length; i++) {
+			let a = e[i], o = a[0] === "[", s = t.has(a);
+			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
+		}
+		return r.length > 0 && (r.sort(), n.push(...r)), n;
+	};
+}, j = (e) => ({
+	cache: ee(e.cacheSize),
+	parseClassName: k(e),
+	sortModifiers: A(e),
+	...m(e)
+}), ne = /\s+/, re = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(ne), c = "";
+	for (let e = s.length - 1; e >= 0; --e) {
+		let t = s[e], { isExternal: l, modifiers: u, hasImportantModifier: d, baseClassName: f, maybePostfixModifierPosition: p } = n(t);
+		if (l) {
+			c = t + (c.length > 0 ? " " + c : c);
+			continue;
+		}
+		let m = !!p, h = r(m ? f.substring(0, p) : f);
+		if (!h) {
+			if (!m) {
+				c = t + (c.length > 0 ? " " + c : c);
+				continue;
+			}
+			if (h = r(f), !h) {
+				c = t + (c.length > 0 ? " " + c : c);
+				continue;
+			}
+			m = !1;
+		}
+		let g = u.length === 0 ? "" : u.length === 1 ? u[0] : a(u).join(":"), _ = d ? g + E : g, v = _ + h;
+		if (o.indexOf(v) > -1) continue;
+		o.push(v);
+		let y = i(h, m);
+		for (let e = 0; e < y.length; ++e) {
+			let t = y[e];
+			o.push(_ + t);
+		}
+		c = t + (c.length > 0 ? " " + c : c);
+	}
+	return c;
+}, M = (...e) => {
+	let t = 0, n, r, i = "";
+	for (; t < e.length;) (n = e[t++]) && (r = ie(n)) && (i && (i += " "), i += r);
+	return i;
+}, ie = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = ie(e[r])) && (n && (n += " "), n += t);
+	return n;
+}, ae = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = j(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+		let t = r(e);
+		if (t) return t;
+		let a = re(e, n);
+		return i(e, a), a;
+	};
+	return a = o, (...e) => a(M(...e));
+}, oe = [], N = (e) => {
+	let t = (t) => t[e] || oe;
+	return t.isThemeGetter = !0, t;
+}, P = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, F = /^\((?:(\w[\w-]*):)?(.+)\)$/i, I = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, L = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, se = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, R = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ce = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, z = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => I.test(e), V = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => !!e && Number.isInteger(Number(e)), le = (e) => e.endsWith("%") && V(e.slice(0, -1)), U = (e) => L.test(e), ue = () => !0, W = (e) => se.test(e) && !R.test(e), G = () => !1, K = (e) => ce.test(e), de = (e) => z.test(e), fe = (e) => !q(e) && !Y(e), pe = (e) => Z(e, Oe, G), q = (e) => P.test(e), J = (e) => Z(e, ke, W), me = (e) => Z(e, Ae, V), he = (e) => Z(e, Me, ue), ge = (e) => Z(e, je, G), _e = (e) => Z(e, Ee, G), ve = (e) => Z(e, De, de), ye = (e) => Z(e, Ne, K), Y = (e) => F.test(e), X = (e) => Q(e, ke), be = (e) => Q(e, je), xe = (e) => Q(e, Ee), Se = (e) => Q(e, Oe), Ce = (e) => Q(e, De), we = (e) => Q(e, Ne, !0), Te = (e) => Q(e, Me, !0), Z = (e, t, n) => {
+	let r = P.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, Q = (e, t, n = !1) => {
+	let r = F.exec(e);
+	return r ? r[1] ? t(r[1]) : n : !1;
+}, Ee = (e) => e === "position" || e === "percentage", De = (e) => e === "image" || e === "url", Oe = (e) => e === "length" || e === "size" || e === "bg-size", ke = (e) => e === "length", Ae = (e) => e === "number", je = (e) => e === "family-name", Me = (e) => e === "number" || e === "weight", Ne = (e) => e === "shadow", Pe = () => {
+	let e = N("color"), t = N("font"), n = N("text"), r = N("font-weight"), i = N("tracking"), a = N("leading"), o = N("breakpoint"), s = N("container"), c = N("spacing"), l = N("radius"), u = N("shadow"), d = N("inset-shadow"), f = N("text-shadow"), p = N("drop-shadow"), m = N("blur"), h = N("perspective"), g = N("aspect"), _ = N("ease"), v = N("animate"), y = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], b = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	], x = () => [
+		...b(),
+		Y,
+		q
+	], S = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], C = () => [
+		"auto",
+		"contain",
+		"none"
+	], w = () => [
+		Y,
+		q,
+		c
+	], T = () => [
+		B,
+		"full",
+		"auto",
+		...w()
+	], ee = () => [
+		H,
+		"none",
+		"subgrid",
+		Y,
+		q
+	], E = () => [
+		"auto",
+		{ span: [
+			"full",
+			H,
+			Y,
+			q
+		] },
+		H,
+		Y,
+		q
+	], D = () => [
+		H,
+		"auto",
+		Y,
+		q
+	], te = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		Y,
+		q
+	], O = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], k = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], A = () => ["auto", ...w()], j = () => [
+		B,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], ne = () => [
+		B,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], re = () => [
+		B,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], M = () => [
+		e,
+		Y,
+		q
+	], ie = () => [
+		...b(),
+		xe,
+		_e,
+		{ position: [Y, q] }
+	], ae = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], oe = () => [
+		"auto",
+		"cover",
+		"contain",
+		Se,
+		pe,
+		{ size: [Y, q] }
+	], P = () => [
+		le,
+		X,
+		J
+	], F = () => [
+		"",
+		"none",
+		"full",
+		l,
+		Y,
+		q
+	], I = () => [
+		"",
+		V,
+		X,
+		J
+	], L = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], se = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], R = () => [
+		V,
+		le,
+		xe,
+		_e
+	], ce = () => [
+		"",
+		"none",
+		m,
+		Y,
+		q
+	], z = () => [
+		"none",
+		V,
+		Y,
+		q
+	], W = () => [
+		"none",
+		V,
+		Y,
+		q
+	], G = () => [
+		V,
+		Y,
+		q
+	], K = () => [
+		B,
+		"full",
+		...w()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [U],
+			breakpoint: [U],
+			color: [ue],
+			container: [U],
+			"drop-shadow": [U],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [fe],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [U],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [U],
+			shadow: [U],
+			spacing: ["px", V],
+			text: [U],
+			"text-shadow": [U],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				B,
+				q,
+				Y,
+				g
+			] }],
+			container: ["container"],
+			columns: [{ columns: [
+				V,
+				q,
+				Y,
+				s
+			] }],
+			"break-after": [{ "break-after": y() }],
+			"break-before": [{ "break-before": y() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			sr: ["sr-only", "not-sr-only"],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: x() }],
+			overflow: [{ overflow: S() }],
+			"overflow-x": [{ "overflow-x": S() }],
+			"overflow-y": [{ "overflow-y": S() }],
+			overscroll: [{ overscroll: C() }],
+			"overscroll-x": [{ "overscroll-x": C() }],
+			"overscroll-y": [{ "overscroll-y": C() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: T() }],
+			"inset-x": [{ "inset-x": T() }],
+			"inset-y": [{ "inset-y": T() }],
+			start: [{
+				"inset-s": T(),
+				start: T()
+			}],
+			end: [{
+				"inset-e": T(),
+				end: T()
+			}],
+			"inset-bs": [{ "inset-bs": T() }],
+			"inset-be": [{ "inset-be": T() }],
+			top: [{ top: T() }],
+			right: [{ right: T() }],
+			bottom: [{ bottom: T() }],
+			left: [{ left: T() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				H,
+				"auto",
+				Y,
+				q
+			] }],
+			basis: [{ basis: [
+				B,
+				"full",
+				"auto",
+				s,
+				...w()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				V,
+				B,
+				"auto",
+				"initial",
+				"none",
+				q
+			] }],
+			grow: [{ grow: [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			shrink: [{ shrink: [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			order: [{ order: [
+				H,
+				"first",
+				"last",
+				"none",
+				Y,
+				q
+			] }],
+			"grid-cols": [{ "grid-cols": ee() }],
+			"col-start-end": [{ col: E() }],
+			"col-start": [{ "col-start": D() }],
+			"col-end": [{ "col-end": D() }],
+			"grid-rows": [{ "grid-rows": ee() }],
+			"row-start-end": [{ row: E() }],
+			"row-start": [{ "row-start": D() }],
+			"row-end": [{ "row-end": D() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": te() }],
+			"auto-rows": [{ "auto-rows": te() }],
+			gap: [{ gap: w() }],
+			"gap-x": [{ "gap-x": w() }],
+			"gap-y": [{ "gap-y": w() }],
+			"justify-content": [{ justify: [...O(), "normal"] }],
+			"justify-items": [{ "justify-items": [...k(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...k()] }],
+			"align-content": [{ content: ["normal", ...O()] }],
+			"align-items": [{ items: [...k(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...k(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": O() }],
+			"place-items": [{ "place-items": [...k(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...k()] }],
+			p: [{ p: w() }],
+			px: [{ px: w() }],
+			py: [{ py: w() }],
+			ps: [{ ps: w() }],
+			pe: [{ pe: w() }],
+			pbs: [{ pbs: w() }],
+			pbe: [{ pbe: w() }],
+			pt: [{ pt: w() }],
+			pr: [{ pr: w() }],
+			pb: [{ pb: w() }],
+			pl: [{ pl: w() }],
+			m: [{ m: A() }],
+			mx: [{ mx: A() }],
+			my: [{ my: A() }],
+			ms: [{ ms: A() }],
+			me: [{ me: A() }],
+			mbs: [{ mbs: A() }],
+			mbe: [{ mbe: A() }],
+			mt: [{ mt: A() }],
+			mr: [{ mr: A() }],
+			mb: [{ mb: A() }],
+			ml: [{ ml: A() }],
+			"space-x": [{ "space-x": w() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": w() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: j() }],
+			"inline-size": [{ inline: ["auto", ...ne()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...ne()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...ne()] }],
+			"block-size": [{ block: ["auto", ...re()] }],
+			"min-block-size": [{ "min-block": ["auto", ...re()] }],
+			"max-block-size": [{ "max-block": ["none", ...re()] }],
+			w: [{ w: [
+				s,
+				"screen",
+				...j()
+			] }],
+			"min-w": [{ "min-w": [
+				s,
+				"screen",
+				"none",
+				...j()
+			] }],
+			"max-w": [{ "max-w": [
+				s,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [o] },
+				...j()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...j()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...j()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...j()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				X,
+				J
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				r,
+				Te,
+				he
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				le,
+				q
+			] }],
+			"font-family": [{ font: [
+				be,
+				ge,
+				t
+			] }],
+			"font-features": [{ "font-features": [q] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				i,
+				Y,
+				q
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				V,
+				"none",
+				Y,
+				me
+			] }],
+			leading: [{ leading: [a, ...w()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				Y,
+				q
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				Y,
+				q
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: M() }],
+			"text-color": [{ text: M() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...L(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				V,
+				"from-font",
+				"auto",
+				Y,
+				J
+			] }],
+			"text-decoration-color": [{ decoration: M() }],
+			"underline-offset": [{ "underline-offset": [
+				V,
+				"auto",
+				Y,
+				q
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: w() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				Y,
+				q
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: [
+				"none",
+				Y,
+				q
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: ie() }],
+			"bg-repeat": [{ bg: ae() }],
+			"bg-size": [{ bg: oe() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						H,
+						Y,
+						q
+					],
+					radial: [
+						"",
+						Y,
+						q
+					],
+					conic: [
+						H,
+						Y,
+						q
+					]
+				},
+				Ce,
+				ve
+			] }],
+			"bg-color": [{ bg: M() }],
+			"gradient-from-pos": [{ from: P() }],
+			"gradient-via-pos": [{ via: P() }],
+			"gradient-to-pos": [{ to: P() }],
+			"gradient-from": [{ from: M() }],
+			"gradient-via": [{ via: M() }],
+			"gradient-to": [{ to: M() }],
+			rounded: [{ rounded: F() }],
+			"rounded-s": [{ "rounded-s": F() }],
+			"rounded-e": [{ "rounded-e": F() }],
+			"rounded-t": [{ "rounded-t": F() }],
+			"rounded-r": [{ "rounded-r": F() }],
+			"rounded-b": [{ "rounded-b": F() }],
+			"rounded-l": [{ "rounded-l": F() }],
+			"rounded-ss": [{ "rounded-ss": F() }],
+			"rounded-se": [{ "rounded-se": F() }],
+			"rounded-ee": [{ "rounded-ee": F() }],
+			"rounded-es": [{ "rounded-es": F() }],
+			"rounded-tl": [{ "rounded-tl": F() }],
+			"rounded-tr": [{ "rounded-tr": F() }],
+			"rounded-br": [{ "rounded-br": F() }],
+			"rounded-bl": [{ "rounded-bl": F() }],
+			"border-w": [{ border: I() }],
+			"border-w-x": [{ "border-x": I() }],
+			"border-w-y": [{ "border-y": I() }],
+			"border-w-s": [{ "border-s": I() }],
+			"border-w-e": [{ "border-e": I() }],
+			"border-w-bs": [{ "border-bs": I() }],
+			"border-w-be": [{ "border-be": I() }],
+			"border-w-t": [{ "border-t": I() }],
+			"border-w-r": [{ "border-r": I() }],
+			"border-w-b": [{ "border-b": I() }],
+			"border-w-l": [{ "border-l": I() }],
+			"divide-x": [{ "divide-x": I() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": I() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...L(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...L(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: M() }],
+			"border-color-x": [{ "border-x": M() }],
+			"border-color-y": [{ "border-y": M() }],
+			"border-color-s": [{ "border-s": M() }],
+			"border-color-e": [{ "border-e": M() }],
+			"border-color-bs": [{ "border-bs": M() }],
+			"border-color-be": [{ "border-be": M() }],
+			"border-color-t": [{ "border-t": M() }],
+			"border-color-r": [{ "border-r": M() }],
+			"border-color-b": [{ "border-b": M() }],
+			"border-color-l": [{ "border-l": M() }],
+			"divide-color": [{ divide: M() }],
+			"outline-style": [{ outline: [
+				...L(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				V,
+				Y,
+				q
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				V,
+				X,
+				J
+			] }],
+			"outline-color": [{ outline: M() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				u,
+				we,
+				ye
+			] }],
+			"shadow-color": [{ shadow: M() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				d,
+				we,
+				ye
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": M() }],
+			"ring-w": [{ ring: I() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: M() }],
+			"ring-offset-w": [{ "ring-offset": [V, J] }],
+			"ring-offset-color": [{ "ring-offset": M() }],
+			"inset-ring-w": [{ "inset-ring": I() }],
+			"inset-ring-color": [{ "inset-ring": M() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				f,
+				we,
+				ye
+			] }],
+			"text-shadow-color": [{ "text-shadow": M() }],
+			opacity: [{ opacity: [
+				V,
+				Y,
+				q
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...se(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": se() }],
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			"mask-image-linear-pos": [{ "mask-linear": [V] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": R() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": R() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": M() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": M() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": R() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": R() }],
+			"mask-image-t-from-color": [{ "mask-t-from": M() }],
+			"mask-image-t-to-color": [{ "mask-t-to": M() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": R() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": R() }],
+			"mask-image-r-from-color": [{ "mask-r-from": M() }],
+			"mask-image-r-to-color": [{ "mask-r-to": M() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": R() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": R() }],
+			"mask-image-b-from-color": [{ "mask-b-from": M() }],
+			"mask-image-b-to-color": [{ "mask-b-to": M() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": R() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": R() }],
+			"mask-image-l-from-color": [{ "mask-l-from": M() }],
+			"mask-image-l-to-color": [{ "mask-l-to": M() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": R() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": R() }],
+			"mask-image-x-from-color": [{ "mask-x-from": M() }],
+			"mask-image-x-to-color": [{ "mask-x-to": M() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": R() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": R() }],
+			"mask-image-y-from-color": [{ "mask-y-from": M() }],
+			"mask-image-y-to-color": [{ "mask-y-to": M() }],
+			"mask-image-radial": [{ "mask-radial": [Y, q] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": R() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": R() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": M() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": M() }],
+			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
+			"mask-image-radial-size": [{ "mask-radial": [{
+				closest: ["side", "corner"],
+				farthest: ["side", "corner"]
+			}] }],
+			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
+			"mask-image-conic-pos": [{ "mask-conic": [V] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": R() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": R() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": M() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": M() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: ie() }],
+			"mask-repeat": [{ mask: ae() }],
+			"mask-size": [{ mask: oe() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				Y,
+				q
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				Y,
+				q
+			] }],
+			blur: [{ blur: ce() }],
+			brightness: [{ brightness: [
+				V,
+				Y,
+				q
+			] }],
+			contrast: [{ contrast: [
+				V,
+				Y,
+				q
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				p,
+				we,
+				ye
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": M() }],
+			grayscale: [{ grayscale: [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				V,
+				Y,
+				q
+			] }],
+			invert: [{ invert: [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			saturate: [{ saturate: [
+				V,
+				Y,
+				q
+			] }],
+			sepia: [{ sepia: [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				Y,
+				q
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": ce() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				V,
+				Y,
+				q
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				V,
+				Y,
+				q
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": w() }],
+			"border-spacing-x": [{ "border-spacing-x": w() }],
+			"border-spacing-y": [{ "border-spacing-y": w() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				Y,
+				q
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				V,
+				"initial",
+				Y,
+				q
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				_,
+				Y,
+				q
+			] }],
+			delay: [{ delay: [
+				V,
+				Y,
+				q
+			] }],
+			animate: [{ animate: [
+				"none",
+				v,
+				Y,
+				q
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				h,
+				Y,
+				q
+			] }],
+			"perspective-origin": [{ "perspective-origin": x() }],
+			rotate: [{ rotate: z() }],
+			"rotate-x": [{ "rotate-x": z() }],
+			"rotate-y": [{ "rotate-y": z() }],
+			"rotate-z": [{ "rotate-z": z() }],
+			scale: [{ scale: W() }],
+			"scale-x": [{ "scale-x": W() }],
+			"scale-y": [{ "scale-y": W() }],
+			"scale-z": [{ "scale-z": W() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: G() }],
+			"skew-x": [{ "skew-x": G() }],
+			"skew-y": [{ "skew-y": G() }],
+			transform: [{ transform: [
+				Y,
+				q,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: x() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: K() }],
+			"translate-x": [{ "translate-x": K() }],
+			"translate-y": [{ "translate-y": K() }],
+			"translate-z": [{ "translate-z": K() }],
+			"translate-none": ["translate-none"],
+			accent: [{ accent: M() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: M() }],
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				Y,
+				q
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": w() }],
+			"scroll-mx": [{ "scroll-mx": w() }],
+			"scroll-my": [{ "scroll-my": w() }],
+			"scroll-ms": [{ "scroll-ms": w() }],
+			"scroll-me": [{ "scroll-me": w() }],
+			"scroll-mbs": [{ "scroll-mbs": w() }],
+			"scroll-mbe": [{ "scroll-mbe": w() }],
+			"scroll-mt": [{ "scroll-mt": w() }],
+			"scroll-mr": [{ "scroll-mr": w() }],
+			"scroll-mb": [{ "scroll-mb": w() }],
+			"scroll-ml": [{ "scroll-ml": w() }],
+			"scroll-p": [{ "scroll-p": w() }],
+			"scroll-px": [{ "scroll-px": w() }],
+			"scroll-py": [{ "scroll-py": w() }],
+			"scroll-ps": [{ "scroll-ps": w() }],
+			"scroll-pe": [{ "scroll-pe": w() }],
+			"scroll-pbs": [{ "scroll-pbs": w() }],
+			"scroll-pbe": [{ "scroll-pbe": w() }],
+			"scroll-pt": [{ "scroll-pt": w() }],
+			"scroll-pr": [{ "scroll-pr": w() }],
+			"scroll-pb": [{ "scroll-pb": w() }],
+			"scroll-pl": [{ "scroll-pl": w() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				Y,
+				q
+			] }],
+			fill: [{ fill: ["none", ...M()] }],
+			"stroke-w": [{ stroke: [
+				V,
+				X,
+				J,
+				me
+			] }],
+			stroke: [{ stroke: ["none", ...M()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"inset-bs",
+				"inset-be",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pbs",
+				"pbe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mbs",
+				"mbe",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+}, Fe = (e, { cacheSize: t, prefix: n, experimentalParseClassName: r, extend: i = {}, override: a = {} }) => (Ie(e, "cacheSize", t), Ie(e, "prefix", n), Ie(e, "experimentalParseClassName", r), Le(e.theme, a.theme), Le(e.classGroups, a.classGroups), Le(e.conflictingClassGroups, a.conflictingClassGroups), Le(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), Ie(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), Re(e.theme, i.theme), Re(e.classGroups, i.classGroups), Re(e.conflictingClassGroups, i.conflictingClassGroups), Re(e.conflictingClassGroupModifiers, i.conflictingClassGroupModifiers), ze(e, i, "orderSensitiveModifiers"), e), Ie = (e, t, n) => {
+	n !== void 0 && (e[t] = n);
+}, Le = (e, t) => {
+	if (t) for (let n in t) Ie(e, n, t[n]);
+}, Re = (e, t) => {
+	if (t) for (let n in t) ze(e, t, n);
+}, ze = (e, t, n) => {
+	let r = t[n];
+	r !== void 0 && (e[n] = e[n] ? e[n].concat(r) : r);
+}, $ = ((e, ...t) => typeof e == "function" ? ae(Pe, e, ...t) : ae(() => Fe(Pe(), e), ...t))({ extend: { theme: { text: [
+	"display-xs",
+	"display-sm",
+	"display-md",
+	"display-lg",
+	"display-xl",
+	"display-2xl"
+] } } }), Be = {
+	xs: "h-8 px-3 py-1.5 text-xs gap-1",
+	sm: "h-9 px-3.5 py-2 text-sm gap-1",
+	md: "h-10 px-3.5 py-2.5 text-sm gap-1",
+	lg: "h-11 px-4 py-2.5 text-md gap-1.5",
+	xl: "h-12 px-[18px] py-3 text-md gap-1.5"
+}, Ve = {
+	xs: "h-8 w-8 p-1.5",
+	sm: "h-9 w-9 p-2",
+	md: "h-10 w-10 p-2.5",
+	lg: "h-11 w-11 p-3",
+	xl: "h-12 w-12 p-3"
+}, He = {
+	primary: $("bg-bg-brand-solid text-text-white shadow-xs", "after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none", "after:shadow-[var(--button-inset-shadow)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2"),
+	secondary: $("bg-bg-primary text-text-secondary border border-border-primary shadow-xs", "hover:bg-bg-secondary hover:text-text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2"),
+	tertiary: $("bg-transparent text-text-tertiary", "hover:bg-bg-secondary hover:text-text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2"),
+	destructive: $("bg-bg-error-solid text-text-white shadow-xs", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"),
+	"link-color": $("bg-transparent text-fg-brand-primary px-0 h-auto", "hover:text-fg-brand-secondary", "focus-visible:outline-none focus-visible:rounded focus-visible:ring-2 focus-visible:ring-focus-ring"),
+	"link-gray": $("bg-transparent text-text-tertiary px-0 h-auto", "hover:text-text-primary", "focus-visible:outline-none focus-visible:rounded focus-visible:ring-2 focus-visible:ring-focus-ring"),
+	ghost: $("bg-transparent text-fg-brand-primary", "hover:bg-bg-brand-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2")
+};
+function Ue({ children: e, variant: i = "primary", size: a = "md", disabled: o = !1, loading: s = !1, iconOnly: c = !1, leadingIcon: l, trailingIcon: u, onClick: d, type: f = "button", className: p }) {
+	return /* @__PURE__ */ n("button", {
+		type: f,
+		disabled: o || s,
+		onClick: d,
+		className: $("relative inline-flex items-center justify-center font-semibold rounded-[var(--radius-control)]", "whitespace-nowrap cursor-pointer transition-colors duration-150", "disabled:opacity-50 disabled:cursor-not-allowed", "before:absolute before:inset-0 before:rounded-[inherit] before:pointer-events-none", "before:bg-white/0 hover:before:bg-white/[0.08] before:transition-colors before:duration-150", c ? Ve[a] : Be[a], He[i] ?? He.primary, p),
+		children: s ? /* @__PURE__ */ n(We, { size: a }) : /* @__PURE__ */ r(t, { children: [
+			l && /* @__PURE__ */ n("span", {
+				className: "shrink-0 size-5 flex items-center justify-center",
+				children: l
+			}),
+			!c && e,
+			c && !l && e,
+			u && !c && /* @__PURE__ */ n("span", {
+				className: "shrink-0 size-5 flex items-center justify-center",
+				children: u
+			})
+		] })
+	});
+}
+function We({ size: e }) {
+	return /* @__PURE__ */ n("span", {
+		className: $("block rounded-full border-2 border-current border-t-transparent animate-spin", {
+			xs: "size-3",
+			sm: "size-3.5",
+			md: "size-4",
+			lg: "size-4",
+			xl: "size-5"
+		}[e]),
+		role: "status",
+		"aria-label": "Loading"
+	});
+}
+Ue.propTypes = {
+	children: e.node,
+	variant: e.oneOf([
+		"primary",
+		"secondary",
+		"tertiary",
+		"destructive",
+		"link-color",
+		"link-gray",
+		"ghost"
+	]),
+	size: e.oneOf([
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	]),
+	disabled: e.bool,
+	loading: e.bool,
+	iconOnly: e.bool,
+	leadingIcon: e.node,
+	trailingIcon: e.node,
+	onClick: e.func,
+	type: e.string,
+	className: e.string
+};
+//#endregion
+//#region src/components/Input.jsx
+var Ge = {
+	sm: "h-9 px-3 py-2 text-sm gap-1.5",
+	md: "h-10 px-3.5 py-2.5 text-sm gap-2",
+	lg: "h-11 px-4 py-3 text-md gap-2"
+};
+function Ke({ label: e, hint: t, error: i, required: a, disabled: o, size: s = "md", leadingIcon: c, trailingIcon: l, id: u, className: d, ...f }) {
+	let p = !!i;
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-1.5 w-full",
+		children: [
+			e && /* @__PURE__ */ r("label", {
+				htmlFor: u,
+				className: "text-sm font-medium text-text-secondary",
+				children: [e, a && /* @__PURE__ */ n("span", {
+					className: "ml-0.5 text-fg-brand-primary",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: $("relative flex items-center", "bg-bg-primary rounded-[var(--radius-control)] shadow-xs", "border border-border-primary", "transition-colors duration-150", "has-[:focus]:border-2 has-[:focus]:border-border-brand", p && "border-border-error", o && "opacity-50", Ge[s]),
+				children: [
+					c && /* @__PURE__ */ n("span", {
+						className: "shrink-0 size-5 flex items-center justify-center text-fg-tertiary mr-2",
+						children: c
+					}),
+					/* @__PURE__ */ n("input", {
+						id: u,
+						disabled: o,
+						className: $("flex-1 min-w-0 bg-transparent outline-none", "text-text-primary placeholder:text-text-placeholder", "disabled:cursor-not-allowed", d),
+						...f
+					}),
+					(l || p) && /* @__PURE__ */ n("span", {
+						className: $("shrink-0 size-5 flex items-center justify-center ml-2", p ? "text-fg-error-primary" : "text-fg-tertiary"),
+						children: p ? /* @__PURE__ */ n(qe, {}) : l
+					})
+				]
+			}),
+			(t || i) && /* @__PURE__ */ n("p", {
+				className: $("text-sm", p ? "text-fg-error-primary" : "text-text-tertiary"),
+				children: i ?? t
+			})
+		]
+	});
+}
+function qe() {
+	return /* @__PURE__ */ r("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ n("line", {
+				x1: "12",
+				y1: "8",
+				x2: "12",
+				y2: "12"
+			}),
+			/* @__PURE__ */ n("line", {
+				x1: "12",
+				y1: "16",
+				x2: "12.01",
+				y2: "16"
+			})
+		]
+	});
+}
+Ke.propTypes = {
+	label: e.string,
+	hint: e.string,
+	error: e.string,
+	required: e.bool,
+	disabled: e.bool,
+	size: e.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	leadingIcon: e.node,
+	trailingIcon: e.node,
+	id: e.string,
+	className: e.string
+};
+//#endregion
+//#region src/components/Menu.jsx
+function Je({ children: e, className: t }) {
+	return /* @__PURE__ */ n("div", {
+		role: "listbox",
+		className: $("bg-bg-primary border border-[rgba(0,0,0,0.1)] rounded-xl py-1", "shadow-[0px_12px_16px_-4px_rgba(0,0,0,0.08),0px_4px_6px_-2px_rgba(0,0,0,0.03),0px_2px_2px_-1px_rgba(0,0,0,0.04)]", "max-h-64 overflow-y-auto", t),
+		children: e
+	});
+}
+Je.propTypes = {
+	children: e.node.isRequired,
+	className: e.string
+};
+//#endregion
+//#region src/components/MenuItem.jsx
+function Ye() {
+	return /* @__PURE__ */ n("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M13.333 4L6 11.333 2.667 8",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+var Xe = {
+	sm: "text-sm",
+	md: "text-md",
+	lg: "text-md"
+};
+function Ze({ label: e, supportingText: t, selected: i = !1, disabled: a = !1, onClick: o, leadingIcon: s, size: c = "md", className: l }) {
+	return /* @__PURE__ */ n("div", {
+		className: "px-1.5 py-px",
+		role: "option",
+		"aria-selected": i,
+		"aria-disabled": a,
+		children: /* @__PURE__ */ r("div", {
+			onClick: a ? void 0 : o,
+			className: $("flex items-center gap-2 p-2 rounded-md", "transition-colors duration-100", a ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-bg-secondary", l),
+			children: [
+				s && /* @__PURE__ */ n("span", {
+					className: "shrink-0 size-4 flex items-center justify-center text-fg-tertiary",
+					children: s
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "flex-1 flex gap-2 items-center min-w-0",
+					children: [/* @__PURE__ */ n("span", {
+						className: $("font-medium text-text-primary whitespace-nowrap", Xe[c]),
+						children: e
+					}), t && /* @__PURE__ */ n("span", {
+						className: $("text-text-tertiary whitespace-nowrap", Xe[c]),
+						children: t
+					})]
+				}),
+				i && /* @__PURE__ */ n("span", {
+					className: "shrink-0 text-fg-brand-primary",
+					children: /* @__PURE__ */ n(Ye, {})
+				})
+			]
+		})
+	});
+}
+Ze.propTypes = {
+	label: e.string.isRequired,
+	supportingText: e.string,
+	selected: e.bool,
+	disabled: e.bool,
+	onClick: e.func,
+	leadingIcon: e.node,
+	size: e.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	className: e.string
+};
+//#endregion
+//#region node_modules/@untitledui/icons/dist/Check.mjs
+var Qe = ({ size: e = 24, color: t = "currentColor", ...n }) => i.createElement("svg", {
+	viewBox: "0 0 24 24",
+	width: e,
+	height: e,
+	stroke: t,
+	strokeWidth: "2",
+	fill: "none",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	...n
+}, i.createElement("path", { d: "M20 6 9 17l-5-5" }));
+Qe.displayName = "Check";
+//#endregion
+//#region node_modules/@untitledui/icons/dist/ChevronRight.mjs
+var $e = ({ size: e = 24, color: t = "currentColor", ...n }) => i.createElement("svg", {
+	viewBox: "0 0 24 24",
+	width: e,
+	height: e,
+	stroke: t,
+	strokeWidth: "2",
+	fill: "none",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	...n
+}, i.createElement("path", { d: "m9 18 6-6-6-6" }));
+$e.displayName = "ChevronRight";
+//#endregion
+//#region src/components/DropdownMenuItem.jsx
+function et({ label: e, supportingText: t, icon: i, shortcut: a, chevron: o = !1, selected: s = !1, divider: c = !1, disabled: l = !1, onClick: u, className: d }) {
+	return c ? /* @__PURE__ */ n("div", {
+		className: $("h-px bg-border-secondary my-1", d),
+		role: "separator"
+	}) : /* @__PURE__ */ n("div", {
+		role: "menuitem",
+		tabIndex: l ? -1 : 0,
+		"aria-disabled": l,
+		"aria-selected": s,
+		onClick: l ? void 0 : u,
+		onKeyDown: l ? void 0 : (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u?.());
+		},
+		className: $("flex items-center px-1.5 py-px w-full outline-none", l ? "cursor-not-allowed opacity-50" : "cursor-pointer", d),
+		children: /* @__PURE__ */ r("div", {
+			className: $("flex flex-1 gap-3 items-center overflow-hidden pl-[10px] pr-1.5 py-2 rounded-sm", !l && "hover:bg-bg-secondary focus-visible:bg-bg-secondary"),
+			children: [
+				i && /* @__PURE__ */ n("span", {
+					className: "shrink-0 size-4 flex items-center justify-center text-fg-tertiary",
+					children: i
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "flex-1 flex gap-2 items-center min-w-0",
+					children: [/* @__PURE__ */ n("span", {
+						className: "truncate text-sm font-semibold text-text-secondary",
+						children: e
+					}), t && /* @__PURE__ */ n("span", {
+						className: "shrink-0 text-sm text-text-tertiary",
+						children: t
+					})]
+				}),
+				a && /* @__PURE__ */ n("span", {
+					className: "shrink-0 text-xs font-medium text-text-placeholder ml-auto pl-2",
+					children: a
+				}),
+				s && /* @__PURE__ */ n("span", {
+					className: "shrink-0 size-4 flex items-center justify-center text-fg-brand-primary",
+					children: /* @__PURE__ */ n(Qe, { size: 16 })
+				}),
+				o && /* @__PURE__ */ n("span", {
+					className: "shrink-0 size-4 flex items-center justify-center text-fg-tertiary",
+					children: /* @__PURE__ */ n($e, { size: 16 })
+				})
+			]
+		})
+	});
+}
+et.propTypes = {
+	label: e.string,
+	supportingText: e.string,
+	icon: e.node,
+	shortcut: e.string,
+	chevron: e.bool,
+	selected: e.bool,
+	divider: e.bool,
+	disabled: e.bool,
+	onClick: e.func,
+	className: e.string
+};
+//#endregion
+//#region src/components/Tab2.jsx
+function tt({ tabs: e = [], value: t, onChange: r, className: i }) {
+	return /* @__PURE__ */ n("div", {
+		role: "tablist",
+		className: $("inline-flex items-center gap-4 p-2 rounded-full bg-bg-brand-solid", i),
+		children: e.map((e) => {
+			let i = e.value === t;
+			return /* @__PURE__ */ n("button", {
+				role: "tab",
+				type: "button",
+				"aria-selected": i,
+				onClick: () => r?.(e.value),
+				className: $("px-4 py-2 rounded-full text-lg font-medium whitespace-nowrap cursor-pointer", "transition-colors duration-150 outline-none", "focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-bg-brand-solid)]", i ? "bg-bg-primary text-text-primary" : "text-text-white"),
+				children: e.label
+			}, e.value);
+		})
+	});
+}
+tt.propTypes = {
+	tabs: e.arrayOf(e.shape({
+		label: e.string.isRequired,
+		value: e.string.isRequired
+	})),
+	value: e.string,
+	onChange: e.func,
+	className: e.string
+};
+//#endregion
+//#region src/components/Modal.jsx
+function nt() {
+	return /* @__PURE__ */ n("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M15 5L5 15M5 5l10 10",
+			stroke: "currentColor",
+			strokeWidth: "1.67",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function rt({ title: e, description: t, onClose: i, footer: o, footerDivider: s = !1, children: c, className: l }) {
+	return a(() => {
+		let e = (e) => {
+			e.key === "Escape" && i();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [i]), /* @__PURE__ */ r("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-8",
+		onClick: i,
+		children: [/* @__PURE__ */ n("div", {
+			className: "absolute inset-0 bg-[#0a0a0a]/40",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ r("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": e ? "modal-title" : void 0,
+			onClick: (e) => e.stopPropagation(),
+			className: $("relative flex flex-col w-full max-w-[400px] bg-bg-primary rounded-2xl overflow-hidden", "shadow-[0px_20px_24px_-4px_rgba(0,0,0,0.08),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)]", l),
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "flex items-start pl-6 pr-3 py-3",
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex-1 min-w-0 flex flex-col gap-0.5 py-0.5",
+						children: [e && /* @__PURE__ */ n("p", {
+							id: "modal-title",
+							className: "text-md font-semibold text-text-primary",
+							children: e
+						}), t && /* @__PURE__ */ n("p", {
+							className: "text-sm text-text-tertiary",
+							children: t
+						})]
+					}), /* @__PURE__ */ n("button", {
+						onClick: i,
+						"aria-label": "Close modal",
+						className: $("shrink-0 flex items-center justify-center size-9 rounded-full", "bg-bg-tertiary text-text-tertiary", "hover:bg-bg-secondary hover:text-text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2", "transition-colors duration-150 cursor-pointer"),
+						children: /* @__PURE__ */ n(nt, {})
+					})]
+				}),
+				/* @__PURE__ */ n("div", { className: "h-px bg-border-primary" }),
+				c && /* @__PURE__ */ n("div", {
+					className: "px-6 py-6",
+					children: c
+				}),
+				o && /* @__PURE__ */ r("div", {
+					className: "pt-8",
+					children: [s && /* @__PURE__ */ n("div", { className: "h-px bg-border-primary" }), /* @__PURE__ */ n("div", {
+						className: "px-6 pb-6",
+						children: o
+					})]
+				})
+			]
+		})]
+	});
+}
+rt.propTypes = {
+	title: e.string,
+	description: e.string,
+	onClose: e.func.isRequired,
+	footer: e.node,
+	footerDivider: e.bool,
+	children: e.node,
+	className: e.string
+};
+//#endregion
+//#region src/components/Checkbox.jsx
+function it({ size: e }) {
+	return e === "md" ? /* @__PURE__ */ n("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M10 3L4.5 8.5 2 6",
+			stroke: "white",
+			strokeWidth: "1.67",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}) : /* @__PURE__ */ n("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M8.333 2.5L3.75 7.083 1.667 5",
+			stroke: "white",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function at({ size: e }) {
+	return e === "md" ? /* @__PURE__ */ n("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M2.5 6h7",
+			stroke: "white",
+			strokeWidth: "1.67",
+			strokeLinecap: "round"
+		})
+	}) : /* @__PURE__ */ n("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M2 5h6",
+			stroke: "white",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function ot({ id: e, label: t, description: i, size: s = "md", checked: c = !1, indeterminate: l = !1, disabled: u = !1, onChange: d, tabIndex: f, className: p }) {
+	let m = o(null), h = c || l;
+	return a(() => {
+		m.current && (m.current.indeterminate = l);
+	}, [l]), /* @__PURE__ */ r("label", {
+		htmlFor: e,
+		className: $("inline-flex items-start gap-3 group outline-none", u ? "cursor-not-allowed opacity-50" : "cursor-pointer", p),
+		children: [/* @__PURE__ */ r("div", {
+			className: $("relative shrink-0", s === "md" ? "size-5 mt-px" : "size-4 mt-0.5"),
+			children: [/* @__PURE__ */ n("input", {
+				ref: m,
+				id: e,
+				type: "checkbox",
+				checked: c,
+				disabled: u,
+				onChange: d,
+				"aria-checked": l ? "mixed" : c,
+				tabIndex: f,
+				className: "peer absolute inset-0 opacity-0 w-full h-full cursor-pointer m-0"
+			}), /* @__PURE__ */ n("span", {
+				className: $("pointer-events-none absolute inset-0 flex items-center justify-center transition-all duration-150", s === "md" ? "rounded-md" : "rounded-sm", h ? [
+					"bg-bg-brand-solid shadow-xs",
+					"after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none",
+					"after:shadow-[var(--button-inset-shadow)]"
+				] : "border border-border-primary bg-bg-primary", !u && ["group-hover:shadow-[0_0_0_4px_var(--color-brand-100)]", "peer-focus-visible:shadow-[0_0_0_4px_var(--color-brand-100)]"]),
+				children: l ? /* @__PURE__ */ n(at, { size: s }) : c ? /* @__PURE__ */ n(it, { size: s }) : null
+			})]
+		}), (t || i) && /* @__PURE__ */ r("div", {
+			className: "flex flex-col gap-0.5 min-w-0",
+			children: [t && /* @__PURE__ */ n("span", {
+				className: "text-sm font-medium text-text-secondary",
+				children: t
+			}), i && /* @__PURE__ */ n("span", {
+				className: "text-sm text-text-tertiary",
+				children: i
+			})]
+		})]
+	});
+}
+ot.propTypes = {
+	id: e.string,
+	label: e.string,
+	description: e.string,
+	size: e.oneOf(["sm", "md"]),
+	checked: e.bool,
+	indeterminate: e.bool,
+	disabled: e.bool,
+	onChange: e.func,
+	tabIndex: e.number,
+	className: e.string
+};
+//#endregion
+//#region src/components/MultiSelect.jsx
+function st() {
+	return /* @__PURE__ */ n("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", { d: "M6 9l6 6 6-6" })
+	});
+}
+function ct() {
+	return /* @__PURE__ */ n("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", {
+			d: "M17.5 17.5l-3.625-3.625M15.833 9.167a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0Z",
+			stroke: "currentColor",
+			strokeWidth: "1.67",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function lt({ label: e, supportingText: t, checked: r, disabled: i, onClick: a }) {
+	return /* @__PURE__ */ n(et, {
+		label: e,
+		supportingText: t,
+		icon: /* @__PURE__ */ n(ot, {
+			checked: r,
+			size: "sm",
+			onChange: () => {},
+			tabIndex: -1,
+			className: "pointer-events-none"
+		}),
+		disabled: i,
+		onClick: a
+	});
+}
+var ut = {
+	sm: "h-9 px-3 py-2 text-sm gap-1.5",
+	md: "h-10 px-3.5 py-2.5 text-sm gap-2",
+	lg: "h-11 px-4 py-3 text-md gap-2"
+};
+function dt({ label: e, hint: t, error: i, required: c, disabled: l, size: u = "md", helpIcon: d, placeholder: f = "Select…", options: p = [], values: m = [], onChange: h, id: g, className: _, emptyTitle: v = "No results found", emptyDescription: y = "Please try a different search term." }) {
+	let [b, x] = s(!1), [S, C] = s(""), w = o(null), T = o(null), ee = !!i, E = S.trim() ? p.filter((e) => e.label.toLowerCase().includes(S.toLowerCase())) : p, D = m.length, te = p.filter((e) => !e.disabled).map((e) => e.value);
+	a(() => {
+		b && T.current?.focus();
+	}, [b]), a(() => {
+		if (!b) return;
+		let e = (e) => {
+			w.current?.contains(e.target) || x(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [b]), a(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && x(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [b]);
+	let O = (e) => {
+		let t = m.includes(e) ? m.filter((t) => t !== e) : [...m, e];
+		h?.(t);
+	};
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-1.5 w-full",
+		children: [
+			e && /* @__PURE__ */ r("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ r("label", {
+					htmlFor: g,
+					className: "text-sm font-medium text-text-secondary",
+					children: [e, c && /* @__PURE__ */ n("span", {
+						className: "ml-0.5 text-fg-brand-primary",
+						children: "*"
+					})]
+				}), d && /* @__PURE__ */ n("span", {
+					className: "text-fg-tertiary flex items-center",
+					children: d
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				ref: w,
+				className: "relative w-full",
+				children: [/* @__PURE__ */ r("button", {
+					id: g,
+					type: "button",
+					disabled: l,
+					onClick: () => !l && x((e) => !e),
+					"aria-haspopup": "listbox",
+					"aria-expanded": b,
+					className: $("relative flex items-center w-full", "bg-bg-primary rounded-[var(--radius-control)] shadow-xs", "border transition-colors duration-150", b ? "border-2 border-border-brand" : "border-border-primary", ee && !b && "border-border-error", l && "opacity-50 cursor-not-allowed", ut[u], _),
+					children: [/* @__PURE__ */ n("span", {
+						className: $("flex-1 min-w-0 text-left", D === 0 && "text-text-placeholder"),
+						children: D > 0 ? /* @__PURE__ */ n("span", {
+							className: "font-medium text-text-primary truncate",
+							children: p.filter((e) => m.includes(e.value)).map((e) => e.label).join(", ")
+						}) : f
+					}), /* @__PURE__ */ n("span", {
+						className: "shrink-0 flex items-center justify-center text-fg-tertiary ml-2 pointer-events-none",
+						children: /* @__PURE__ */ n(st, {})
+					})]
+				}), b && /* @__PURE__ */ n("div", {
+					className: "absolute top-full left-0 right-0 z-10 mt-1",
+					children: /* @__PURE__ */ r("div", {
+						className: $("bg-bg-primary border border-[rgba(0,0,0,0.1)] rounded-xl overflow-hidden", "shadow-[0px_12px_16px_-4px_rgba(0,0,0,0.08),0px_4px_6px_-2px_rgba(0,0,0,0.03),0px_2px_2px_-1px_rgba(0,0,0,0.04)]"),
+						children: [
+							/* @__PURE__ */ n("div", {
+								className: "border-b border-border-secondary py-0.5",
+								children: /* @__PURE__ */ r("div", {
+									className: "flex items-center gap-2 px-3 py-2",
+									children: [/* @__PURE__ */ n("span", {
+										className: "shrink-0 text-text-placeholder",
+										children: /* @__PURE__ */ n(ct, {})
+									}), /* @__PURE__ */ n("input", {
+										ref: T,
+										type: "text",
+										value: S,
+										onChange: (e) => C(e.target.value),
+										placeholder: "Search",
+										className: "flex-1 min-w-0 bg-transparent outline-none text-md text-text-primary placeholder:text-text-placeholder"
+									})]
+								})
+							}),
+							E.length > 0 ? /* @__PURE__ */ n("div", {
+								className: "py-1 max-h-[304px] overflow-y-auto",
+								children: E.map((e) => /* @__PURE__ */ n(lt, {
+									label: e.label,
+									supportingText: e.supportingText,
+									checked: m.includes(e.value),
+									disabled: e.disabled,
+									onClick: () => O(e.value)
+								}, e.value))
+							}) : /* @__PURE__ */ r("div", {
+								className: "flex flex-col items-center gap-3 px-4 py-5",
+								children: [
+									/* @__PURE__ */ n("div", {
+										className: $("flex items-center justify-center size-8 rounded-md", "border border-border-primary bg-bg-primary", "shadow-[0px_1px_2px_rgba(0,0,0,0.05),inset_0px_0px_0px_1px_rgba(0,0,0,0.24),inset_0px_-2px_0px_0px_rgba(0,0,0,0.12)]"),
+										children: /* @__PURE__ */ n("span", {
+											className: "text-text-tertiary size-4 flex items-center justify-center",
+											children: /* @__PURE__ */ n(ct, {})
+										})
+									}),
+									/* @__PURE__ */ r("div", {
+										className: "flex flex-col gap-0.5 items-center text-center",
+										children: [/* @__PURE__ */ n("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: v
+										}), /* @__PURE__ */ n("p", {
+											className: "text-sm text-text-tertiary",
+											children: y
+										})]
+									}),
+									/* @__PURE__ */ n("button", {
+										type: "button",
+										onClick: () => {
+											C(""), T.current?.focus();
+										},
+										className: "text-sm font-semibold text-fg-brand-primary hover:text-fg-brand-secondary transition-colors cursor-pointer",
+										children: "Clear search"
+									})
+								]
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "flex items-center justify-between p-3 border-t border-[rgba(0,0,0,0.1)]",
+								children: [/* @__PURE__ */ n(Ue, {
+									variant: "secondary",
+									size: "sm",
+									onClick: (e) => {
+										e.stopPropagation(), h?.([]);
+									},
+									children: "Reset"
+								}), /* @__PURE__ */ n(Ue, {
+									variant: "secondary",
+									size: "sm",
+									onClick: (e) => {
+										e.stopPropagation(), h?.(te);
+									},
+									children: "Select all"
+								})]
+							})
+						]
+					})
+				})]
+			}),
+			(t || i) && /* @__PURE__ */ n("p", {
+				className: $("text-sm", ee ? "text-fg-error-primary" : "text-text-tertiary"),
+				children: i ?? t
+			})
+		]
+	});
+}
+dt.propTypes = {
+	label: e.string,
+	hint: e.string,
+	error: e.string,
+	required: e.bool,
+	disabled: e.bool,
+	size: e.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	helpIcon: e.node,
+	placeholder: e.string,
+	options: e.arrayOf(e.shape({
+		value: e.string.isRequired,
+		label: e.string.isRequired,
+		supportingText: e.string,
+		disabled: e.bool
+	})),
+	values: e.arrayOf(e.string),
+	onChange: e.func,
+	id: e.string,
+	className: e.string,
+	emptyTitle: e.string,
+	emptyDescription: e.string
+};
+//#endregion
+//#region src/components/Select.jsx
+var ft = {
+	sm: "h-9 px-3 py-2 text-sm gap-1.5",
+	md: "h-10 px-3.5 py-2.5 text-sm gap-2",
+	lg: "h-11 px-4 py-3 text-md gap-2"
+};
+function pt() {
+	return /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("path", { d: "M6 9l6 6 6-6" })
+	});
+}
+function mt({ label: e, hint: i, error: c, required: l, disabled: u, size: d = "md", leadingIcon: f, helpIcon: p, placeholder: m, options: h = [], value: g, onChange: _, id: v, className: y }) {
+	let [b, x] = s(!1), S = o(null), C = !!c, w = h.find((e) => e.value === g);
+	a(() => {
+		if (!b) return;
+		let e = (e) => {
+			S.current?.contains(e.target) || x(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [b]), a(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && x(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [b]);
+	let T = (e) => {
+		_?.(e.value), x(!1);
+	};
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-1.5 w-full",
+		children: [
+			e && /* @__PURE__ */ r("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ r("label", {
+					htmlFor: v,
+					className: "text-sm font-medium text-text-secondary",
+					children: [e, l && /* @__PURE__ */ n("span", {
+						className: "ml-0.5 text-fg-brand-primary",
+						children: "*"
+					})]
+				}), p && /* @__PURE__ */ n("span", {
+					className: "text-fg-tertiary flex items-center",
+					children: p
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				ref: S,
+				className: "relative w-full",
+				children: [/* @__PURE__ */ r("button", {
+					id: v,
+					type: "button",
+					disabled: u,
+					onClick: () => !u && x((e) => !e),
+					"aria-haspopup": "listbox",
+					"aria-expanded": b,
+					className: $("relative flex items-center w-full", "bg-bg-primary rounded-[var(--radius-control)] shadow-xs", "border transition-colors duration-150", b ? "border-2 border-border-brand" : "border-border-primary", C && !b && "border-border-error", u && "opacity-50 cursor-not-allowed", ft[d], y),
+					children: [
+						f && /* @__PURE__ */ n("span", {
+							className: "shrink-0 size-5 flex items-center justify-center text-fg-tertiary mr-2",
+							children: f
+						}),
+						/* @__PURE__ */ n("span", {
+							className: $("flex-1 min-w-0 text-left flex items-center gap-2", !w && "text-text-placeholder"),
+							children: w ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+								className: "font-medium text-text-primary whitespace-nowrap",
+								children: w.label
+							}), w.supportingText && /* @__PURE__ */ n("span", {
+								className: "text-text-tertiary whitespace-nowrap",
+								children: w.supportingText
+							})] }) : m
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "shrink-0 flex items-center justify-center text-fg-tertiary ml-2 pointer-events-none",
+							children: /* @__PURE__ */ n(pt, {})
+						})
+					]
+				}), b && /* @__PURE__ */ n("div", {
+					className: "absolute top-full left-0 right-0 z-10 mt-1",
+					children: /* @__PURE__ */ n(Je, { children: h.map((e) => /* @__PURE__ */ n(et, {
+						label: e.label,
+						supportingText: e.supportingText,
+						selected: e.value === g,
+						disabled: e.disabled,
+						onClick: () => T(e)
+					}, e.value)) })
+				})]
+			}),
+			(i || c) && /* @__PURE__ */ n("p", {
+				className: $("text-sm", C ? "text-fg-error-primary" : "text-text-tertiary"),
+				children: c ?? i
+			})
+		]
+	});
+}
+mt.propTypes = {
+	label: e.string,
+	hint: e.string,
+	error: e.string,
+	required: e.bool,
+	disabled: e.bool,
+	size: e.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	leadingIcon: e.node,
+	helpIcon: e.node,
+	placeholder: e.string,
+	options: e.arrayOf(e.shape({
+		value: e.string.isRequired,
+		label: e.string.isRequired,
+		supportingText: e.string,
+		disabled: e.bool
+	})),
+	value: e.string,
+	onChange: e.func,
+	id: e.string,
+	className: e.string
+};
+var ht = {
+	spinner: "_spinner_p4rlg_1",
+	spin: "_spin_p4rlg_1"
+};
+//#endregion
+//#region src/components/Spinner.jsx
+function gt() {
+	return /* @__PURE__ */ n("div", {
+		className: ht.spinner,
+		role: "status",
+		"aria-label": "Loading"
+	});
+}
+//#endregion
+export { Ue as Button, et as DropdownMenuItem, Ke as Input, Je as Menu, Ze as MenuItem, rt as Modal, dt as MultiSelect, mt as Select, gt as Spinner, tt as Tab2, $ as cx };