sunkit-ui 0.1.0-alpha.1

package/dist/sunkit.js

@@ -0,0 +1,4028 @@
+import e, { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function p(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = p(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function m() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = p(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
+var h = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, g = m, _ = (e, t) => (n) => {
+	if (t?.variants == null) return g(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
+		let t = n?.[e], a = i?.[e];
+		if (t === null) return null;
+		let o = h(t) || h(a);
+		return r[e][o];
+	}), o = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return g(e, a, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...i,
+				...o
+			}[t]) : {
+				...i,
+				...o
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+}, v = (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;
+}, y = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), b = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), x = "-", S = [], C = "arbitrary..", w = (e) => {
+	let t = D(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return E(e);
+			let n = e.split(x);
+			return T(n, +(n[0] === "" && n.length > 1), t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = r[e], i = n[e];
+				return t ? i ? v(i, t) : t : i || S;
+			}
+			return n[e] || S;
+		}
+	};
+}, T = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], i = n.nextPart.get(r);
+	if (i) {
+		let n = T(e, t + 1, i);
+		if (n) return n;
+	}
+	let a = n.validators;
+	if (a === null) return;
+	let o = t === 0 ? e.join(x) : e.slice(t).join(x), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let t = a[e];
+		if (t.validator(o)) return t.classGroupId;
+	}
+}, E = (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 ? C + r : void 0;
+})(), D = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return O(n, t);
+}, O = (e, t) => {
+	let n = b();
+	for (let r in e) {
+		let i = e[r];
+		k(i, n, r, t);
+	}
+	return n;
+}, k = (e, t, n, r) => {
+	let i = e.length;
+	for (let a = 0; a < i; a++) {
+		let i = e[a];
+		A(i, t, n, r);
+	}
+}, A = (e, t, n, r) => {
+	if (typeof e == "string") {
+		j(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		M(e, t, n, r);
+		return;
+	}
+	N(e, t, n, r);
+}, j = (e, t, n) => {
+	let r = e === "" ? t : P(t, e);
+	r.classGroupId = n;
+}, M = (e, t, n, r) => {
+	if (F(e)) {
+		k(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(y(n, e));
+}, N = (e, t, n, r) => {
+	let i = Object.entries(e), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let [a, o] = i[e];
+		k(o, P(t, a), n, r);
+	}
+}, P = (e, t) => {
+	let n = e, r = t.split(x), i = r.length;
+	for (let e = 0; e < i; e++) {
+		let t = r[e], i = n.nextPart.get(t);
+		i || (i = b(), n.nextPart.set(t, i)), n = i;
+	}
+	return n;
+}, F = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, I = (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);
+		}
+	};
+}, ee = "!", L = ":", R = [], z = (e, t, n, r, i) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: i
+}), B = (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 === L) {
+					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(ee) ? (c = s.slice(0, -1), l = !0) : s.startsWith(ee) && (c = s.slice(1), l = !0);
+		let u = a && a > i ? a - i : void 0;
+		return z(t, l, c, u);
+	};
+	if (t) {
+		let e = t + L, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : z(R, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = r;
+		r = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return r;
+}, V = (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;
+	};
+}, H = (e) => ({
+	cache: I(e.cacheSize),
+	parseClassName: B(e),
+	sortModifiers: V(e),
+	...w(e)
+}), te = /\s+/, U = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(te), 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 + ee : 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;
+}, W = (...e) => {
+	let t = 0, n, r, i = "";
+	for (; t < e.length;) (n = e[t++]) && (r = G(n)) && (i && (i += " "), i += r);
+	return i;
+}, G = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = G(e[r])) && (n && (n += " "), n += t);
+	return n;
+}, K = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = H(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 = U(e, n);
+		return i(e, a), a;
+	};
+	return a = o, (...e) => a(W(...e));
+}, q = [], J = (e) => {
+	let t = (t) => t[e] || q;
+	return t.isThemeGetter = !0, t;
+}, ne = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ie = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ae = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, oe = /\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$/, se = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ce = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, le = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ue = (e) => ie.test(e), Y = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), de = (e) => e.endsWith("%") && Y(e.slice(0, -1)), fe = (e) => ae.test(e), pe = () => !0, me = (e) => oe.test(e) && !se.test(e), he = () => !1, ge = (e) => ce.test(e), _e = (e) => le.test(e), ve = (e) => !Z(e) && !Q(e), ye = (e) => Pe(e, Re, he), Z = (e) => ne.test(e), be = (e) => Pe(e, ze, me), xe = (e) => Pe(e, Be, Y), Se = (e) => Pe(e, He, pe), Ce = (e) => Pe(e, Ve, he), we = (e) => Pe(e, Ie, he), Te = (e) => Pe(e, Le, _e), Ee = (e) => Pe(e, Ue, ge), Q = (e) => re.test(e), De = (e) => Fe(e, ze), Oe = (e) => Fe(e, Ve), ke = (e) => Fe(e, Ie), Ae = (e) => Fe(e, Re), je = (e) => Fe(e, Le), Me = (e) => Fe(e, Ue, !0), Ne = (e) => Fe(e, He, !0), Pe = (e, t, n) => {
+	let r = ne.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, Fe = (e, t, n = !1) => {
+	let r = re.exec(e);
+	return r ? r[1] ? t(r[1]) : n : !1;
+}, Ie = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", Re = (e) => e === "length" || e === "size" || e === "bg-size", ze = (e) => e === "length", Be = (e) => e === "number", Ve = (e) => e === "family-name", He = (e) => e === "number" || e === "weight", Ue = (e) => e === "shadow", We = /* @__PURE__ */ K(() => {
+	let e = J("color"), t = J("font"), n = J("text"), r = J("font-weight"), i = J("tracking"), a = J("leading"), o = J("breakpoint"), s = J("container"), c = J("spacing"), l = J("radius"), u = J("shadow"), d = J("inset-shadow"), f = J("text-shadow"), p = J("drop-shadow"), m = J("blur"), h = J("perspective"), g = J("aspect"), _ = J("ease"), v = J("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(),
+		Q,
+		Z
+	], S = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], C = () => [
+		"auto",
+		"contain",
+		"none"
+	], w = () => [
+		Q,
+		Z,
+		c
+	], T = () => [
+		ue,
+		"full",
+		"auto",
+		...w()
+	], E = () => [
+		X,
+		"none",
+		"subgrid",
+		Q,
+		Z
+	], D = () => [
+		"auto",
+		{ span: [
+			"full",
+			X,
+			Q,
+			Z
+		] },
+		X,
+		Q,
+		Z
+	], O = () => [
+		X,
+		"auto",
+		Q,
+		Z
+	], k = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		Q,
+		Z
+	], A = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], j = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], M = () => ["auto", ...w()], N = () => [
+		ue,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], P = () => [
+		ue,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], F = () => [
+		ue,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], I = () => [
+		e,
+		Q,
+		Z
+	], ee = () => [
+		...b(),
+		ke,
+		we,
+		{ position: [Q, Z] }
+	], L = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], R = () => [
+		"auto",
+		"cover",
+		"contain",
+		Ae,
+		ye,
+		{ size: [Q, Z] }
+	], z = () => [
+		de,
+		De,
+		be
+	], B = () => [
+		"",
+		"none",
+		"full",
+		l,
+		Q,
+		Z
+	], V = () => [
+		"",
+		Y,
+		De,
+		be
+	], H = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], te = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], U = () => [
+		Y,
+		de,
+		ke,
+		we
+	], W = () => [
+		"",
+		"none",
+		m,
+		Q,
+		Z
+	], G = () => [
+		"none",
+		Y,
+		Q,
+		Z
+	], K = () => [
+		"none",
+		Y,
+		Q,
+		Z
+	], q = () => [
+		Y,
+		Q,
+		Z
+	], ne = () => [
+		ue,
+		"full",
+		...w()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [fe],
+			breakpoint: [fe],
+			color: [pe],
+			container: [fe],
+			"drop-shadow": [fe],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [ve],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [fe],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [fe],
+			shadow: [fe],
+			spacing: ["px", Y],
+			text: [fe],
+			"text-shadow": [fe],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				ue,
+				Z,
+				Q,
+				g
+			] }],
+			container: ["container"],
+			columns: [{ columns: [
+				Y,
+				Z,
+				Q,
+				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: [
+				X,
+				"auto",
+				Q,
+				Z
+			] }],
+			basis: [{ basis: [
+				ue,
+				"full",
+				"auto",
+				s,
+				...w()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				Y,
+				ue,
+				"auto",
+				"initial",
+				"none",
+				Z
+			] }],
+			grow: [{ grow: [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			shrink: [{ shrink: [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			order: [{ order: [
+				X,
+				"first",
+				"last",
+				"none",
+				Q,
+				Z
+			] }],
+			"grid-cols": [{ "grid-cols": E() }],
+			"col-start-end": [{ col: D() }],
+			"col-start": [{ "col-start": O() }],
+			"col-end": [{ "col-end": O() }],
+			"grid-rows": [{ "grid-rows": E() }],
+			"row-start-end": [{ row: D() }],
+			"row-start": [{ "row-start": O() }],
+			"row-end": [{ "row-end": O() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": k() }],
+			"auto-rows": [{ "auto-rows": k() }],
+			gap: [{ gap: w() }],
+			"gap-x": [{ "gap-x": w() }],
+			"gap-y": [{ "gap-y": w() }],
+			"justify-content": [{ justify: [...A(), "normal"] }],
+			"justify-items": [{ "justify-items": [...j(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...j()] }],
+			"align-content": [{ content: ["normal", ...A()] }],
+			"align-items": [{ items: [...j(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...j(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": A() }],
+			"place-items": [{ "place-items": [...j(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...j()] }],
+			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: M() }],
+			mx: [{ mx: M() }],
+			my: [{ my: M() }],
+			ms: [{ ms: M() }],
+			me: [{ me: M() }],
+			mbs: [{ mbs: M() }],
+			mbe: [{ mbe: M() }],
+			mt: [{ mt: M() }],
+			mr: [{ mr: M() }],
+			mb: [{ mb: M() }],
+			ml: [{ ml: M() }],
+			"space-x": [{ "space-x": w() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": w() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: N() }],
+			"inline-size": [{ inline: ["auto", ...P()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...P()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...P()] }],
+			"block-size": [{ block: ["auto", ...F()] }],
+			"min-block-size": [{ "min-block": ["auto", ...F()] }],
+			"max-block-size": [{ "max-block": ["none", ...F()] }],
+			w: [{ w: [
+				s,
+				"screen",
+				...N()
+			] }],
+			"min-w": [{ "min-w": [
+				s,
+				"screen",
+				"none",
+				...N()
+			] }],
+			"max-w": [{ "max-w": [
+				s,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [o] },
+				...N()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...N()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...N()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...N()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				De,
+				be
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				r,
+				Ne,
+				Se
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				de,
+				Z
+			] }],
+			"font-family": [{ font: [
+				Oe,
+				Ce,
+				t
+			] }],
+			"font-features": [{ "font-features": [Z] }],
+			"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,
+				Q,
+				Z
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				Y,
+				"none",
+				Q,
+				xe
+			] }],
+			leading: [{ leading: [a, ...w()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				Q,
+				Z
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				Q,
+				Z
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: I() }],
+			"text-color": [{ text: I() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...H(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				Y,
+				"from-font",
+				"auto",
+				Q,
+				be
+			] }],
+			"text-decoration-color": [{ decoration: I() }],
+			"underline-offset": [{ "underline-offset": [
+				Y,
+				"auto",
+				Q,
+				Z
+			] }],
+			"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",
+				Q,
+				Z
+			] }],
+			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",
+				Q,
+				Z
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: ee() }],
+			"bg-repeat": [{ bg: L() }],
+			"bg-size": [{ bg: R() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						X,
+						Q,
+						Z
+					],
+					radial: [
+						"",
+						Q,
+						Z
+					],
+					conic: [
+						X,
+						Q,
+						Z
+					]
+				},
+				je,
+				Te
+			] }],
+			"bg-color": [{ bg: I() }],
+			"gradient-from-pos": [{ from: z() }],
+			"gradient-via-pos": [{ via: z() }],
+			"gradient-to-pos": [{ to: z() }],
+			"gradient-from": [{ from: I() }],
+			"gradient-via": [{ via: I() }],
+			"gradient-to": [{ to: I() }],
+			rounded: [{ rounded: B() }],
+			"rounded-s": [{ "rounded-s": B() }],
+			"rounded-e": [{ "rounded-e": B() }],
+			"rounded-t": [{ "rounded-t": B() }],
+			"rounded-r": [{ "rounded-r": B() }],
+			"rounded-b": [{ "rounded-b": B() }],
+			"rounded-l": [{ "rounded-l": B() }],
+			"rounded-ss": [{ "rounded-ss": B() }],
+			"rounded-se": [{ "rounded-se": B() }],
+			"rounded-ee": [{ "rounded-ee": B() }],
+			"rounded-es": [{ "rounded-es": B() }],
+			"rounded-tl": [{ "rounded-tl": B() }],
+			"rounded-tr": [{ "rounded-tr": B() }],
+			"rounded-br": [{ "rounded-br": B() }],
+			"rounded-bl": [{ "rounded-bl": B() }],
+			"border-w": [{ border: V() }],
+			"border-w-x": [{ "border-x": V() }],
+			"border-w-y": [{ "border-y": V() }],
+			"border-w-s": [{ "border-s": V() }],
+			"border-w-e": [{ "border-e": V() }],
+			"border-w-bs": [{ "border-bs": V() }],
+			"border-w-be": [{ "border-be": V() }],
+			"border-w-t": [{ "border-t": V() }],
+			"border-w-r": [{ "border-r": V() }],
+			"border-w-b": [{ "border-b": V() }],
+			"border-w-l": [{ "border-l": V() }],
+			"divide-x": [{ "divide-x": V() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": V() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...H(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...H(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: I() }],
+			"border-color-x": [{ "border-x": I() }],
+			"border-color-y": [{ "border-y": I() }],
+			"border-color-s": [{ "border-s": I() }],
+			"border-color-e": [{ "border-e": I() }],
+			"border-color-bs": [{ "border-bs": I() }],
+			"border-color-be": [{ "border-be": I() }],
+			"border-color-t": [{ "border-t": I() }],
+			"border-color-r": [{ "border-r": I() }],
+			"border-color-b": [{ "border-b": I() }],
+			"border-color-l": [{ "border-l": I() }],
+			"divide-color": [{ divide: I() }],
+			"outline-style": [{ outline: [
+				...H(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				Y,
+				Q,
+				Z
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				Y,
+				De,
+				be
+			] }],
+			"outline-color": [{ outline: I() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				u,
+				Me,
+				Ee
+			] }],
+			"shadow-color": [{ shadow: I() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				d,
+				Me,
+				Ee
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": I() }],
+			"ring-w": [{ ring: V() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: I() }],
+			"ring-offset-w": [{ "ring-offset": [Y, be] }],
+			"ring-offset-color": [{ "ring-offset": I() }],
+			"inset-ring-w": [{ "inset-ring": V() }],
+			"inset-ring-color": [{ "inset-ring": I() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				f,
+				Me,
+				Ee
+			] }],
+			"text-shadow-color": [{ "text-shadow": I() }],
+			opacity: [{ opacity: [
+				Y,
+				Q,
+				Z
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...te(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": te() }],
+			"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": [Y] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": U() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": U() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": I() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": I() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": U() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": U() }],
+			"mask-image-t-from-color": [{ "mask-t-from": I() }],
+			"mask-image-t-to-color": [{ "mask-t-to": I() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": U() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": U() }],
+			"mask-image-r-from-color": [{ "mask-r-from": I() }],
+			"mask-image-r-to-color": [{ "mask-r-to": I() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": U() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": U() }],
+			"mask-image-b-from-color": [{ "mask-b-from": I() }],
+			"mask-image-b-to-color": [{ "mask-b-to": I() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": U() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": U() }],
+			"mask-image-l-from-color": [{ "mask-l-from": I() }],
+			"mask-image-l-to-color": [{ "mask-l-to": I() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": U() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": U() }],
+			"mask-image-x-from-color": [{ "mask-x-from": I() }],
+			"mask-image-x-to-color": [{ "mask-x-to": I() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": U() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": U() }],
+			"mask-image-y-from-color": [{ "mask-y-from": I() }],
+			"mask-image-y-to-color": [{ "mask-y-to": I() }],
+			"mask-image-radial": [{ "mask-radial": [Q, Z] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": U() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": U() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": I() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": I() }],
+			"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": [Y] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": U() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": U() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": I() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": I() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: ee() }],
+			"mask-repeat": [{ mask: L() }],
+			"mask-size": [{ mask: R() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				Q,
+				Z
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				Q,
+				Z
+			] }],
+			blur: [{ blur: W() }],
+			brightness: [{ brightness: [
+				Y,
+				Q,
+				Z
+			] }],
+			contrast: [{ contrast: [
+				Y,
+				Q,
+				Z
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				p,
+				Me,
+				Ee
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": I() }],
+			grayscale: [{ grayscale: [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				Y,
+				Q,
+				Z
+			] }],
+			invert: [{ invert: [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			saturate: [{ saturate: [
+				Y,
+				Q,
+				Z
+			] }],
+			sepia: [{ sepia: [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				Q,
+				Z
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": W() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				Y,
+				Q,
+				Z
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				Y,
+				Q,
+				Z
+			] }],
+			"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",
+				Q,
+				Z
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				Y,
+				"initial",
+				Q,
+				Z
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				_,
+				Q,
+				Z
+			] }],
+			delay: [{ delay: [
+				Y,
+				Q,
+				Z
+			] }],
+			animate: [{ animate: [
+				"none",
+				v,
+				Q,
+				Z
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				h,
+				Q,
+				Z
+			] }],
+			"perspective-origin": [{ "perspective-origin": x() }],
+			rotate: [{ rotate: G() }],
+			"rotate-x": [{ "rotate-x": G() }],
+			"rotate-y": [{ "rotate-y": G() }],
+			"rotate-z": [{ "rotate-z": G() }],
+			scale: [{ scale: K() }],
+			"scale-x": [{ "scale-x": K() }],
+			"scale-y": [{ "scale-y": K() }],
+			"scale-z": [{ "scale-z": K() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: q() }],
+			"skew-x": [{ "skew-x": q() }],
+			"skew-y": [{ "skew-y": q() }],
+			transform: [{ transform: [
+				Q,
+				Z,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: x() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: ne() }],
+			"translate-x": [{ "translate-x": ne() }],
+			"translate-y": [{ "translate-y": ne() }],
+			"translate-z": [{ "translate-z": ne() }],
+			"translate-none": ["translate-none"],
+			accent: [{ accent: I() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: I() }],
+			"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",
+				Q,
+				Z
+			] }],
+			"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",
+				Q,
+				Z
+			] }],
+			fill: [{ fill: ["none", ...I()] }],
+			"stroke-w": [{ stroke: [
+				Y,
+				De,
+				be,
+				xe
+			] }],
+			stroke: [{ stroke: ["none", ...I()] }],
+			"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"
+		]
+	};
+});
+//#endregion
+//#region src/lib/utils.ts
+function $(...e) {
+	return We(m(e));
+}
+//#endregion
+//#region src/hooks/useButtonSound.ts
+function Ge(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function Ke(e) {
+	try {
+		let t = Ge(e), n = t.currentTime, r = 340 + Math.random() * 80, i = t.createOscillator(), a = t.createGain(), o = t.createBiquadFilter();
+		o.type = "lowpass", o.frequency.value = 1800, i.connect(o), o.connect(a), a.connect(t.destination), i.type = "sine", i.frequency.setValueAtTime(r, n), i.frequency.exponentialRampToValueAtTime(r * .72, n + .07), a.gain.setValueAtTime(1e-4, n), a.gain.exponentialRampToValueAtTime(.18, n + .008), a.gain.exponentialRampToValueAtTime(1e-4, n + .09), i.start(n), i.stop(n + .1);
+	} catch {}
+}
+function qe(e) {
+	try {
+		let t = Ge(e), n = t.currentTime, r = 480 + Math.random() * 120, i = t.createOscillator(), a = t.createGain(), o = t.createBiquadFilter();
+		o.type = "bandpass", o.frequency.value = 900, o.Q.value = 1.2, i.connect(o), o.connect(a), a.connect(t.destination), i.type = "triangle", i.frequency.setValueAtTime(r, n), i.frequency.exponentialRampToValueAtTime(r * 1.25, n + .04), a.gain.setValueAtTime(1e-4, n), a.gain.exponentialRampToValueAtTime(.12, n + .006), a.gain.exponentialRampToValueAtTime(1e-4, n + .12), i.start(n), i.stop(n + .14);
+	} catch {}
+}
+function Je(e) {
+	let t = c(null), n = r(() => Ke(t), []), i = r(() => {
+		qe(t);
+	}, []), o = r((e) => {
+		e.buttons === 1 && qe(t);
+	}, []);
+	a(() => {
+		let r = e.current;
+		if (!r) return;
+		let a = (e) => {
+			e.preventDefault(), Ke(t);
+		}, s = (e) => {
+			e.preventDefault(), qe(t);
+		};
+		return r.addEventListener("mousedown", n), r.addEventListener("mouseup", i), r.addEventListener("mouseleave", o), r.addEventListener("touchstart", a, { passive: !1 }), r.addEventListener("touchend", s, { passive: !1 }), () => {
+			r.removeEventListener("mousedown", n), r.removeEventListener("mouseup", i), r.removeEventListener("mouseleave", o), r.removeEventListener("touchstart", a), r.removeEventListener("touchend", s);
+		};
+	}, [
+		e,
+		n,
+		i,
+		o
+	]);
+}
+//#endregion
+//#region src/lib/accent.ts
+function Ye(e) {
+	let t = e.replace("#", ""), n = parseInt(t.slice(0, 2), 16) / 255, r = parseInt(t.slice(2, 4), 16) / 255, i = parseInt(t.slice(4, 6), 16) / 255, a = Math.max(n, r, i), o = Math.min(n, r, i), s = (a + o) / 2, c = 0, l = 0;
+	if (a !== o) {
+		let e = a - o;
+		switch (c = s > .5 ? e / (2 - a - o) : e / (a + o), a) {
+			case n:
+				l = ((r - i) / e + (r < i ? 6 : 0)) / 6;
+				break;
+			case r:
+				l = ((i - n) / e + 2) / 6;
+				break;
+			case i:
+				l = ((n - r) / e + 4) / 6;
+				break;
+		}
+	}
+	return [
+		Math.round(l * 360),
+		Math.round(c * 100),
+		Math.round(s * 100)
+	];
+}
+function Xe(e, t, n) {
+	let r = t / 100, i = n / 100, a = r * Math.min(i, 1 - i), o = (t) => {
+		let n = (t + e / 30) % 12, r = i - a * Math.max(Math.min(n - 3, 9 - n, 1), -1);
+		return Math.round(255 * r).toString(16).padStart(2, "0");
+	};
+	return `#${o(0)}${o(8)}${o(4)}`;
+}
+function Ze(e) {
+	if (!e || !e.startsWith("#")) return {
+		fill: e,
+		border: e
+	};
+	let [t, n, r] = Ye(e), i = Math.max(r - 28, 20);
+	return {
+		fill: e,
+		border: Xe(t, Math.min(n + 10, 100), i)
+	};
+}
+function Qe(e, t, n, r) {
+	return r ? Ze(r) : {
+		fill: t[e] ?? t.neutral ?? "#E8E4DC",
+		border: n[e] ?? n.neutral ?? "#5a5550"
+	};
+}
+//#endregion
+//#region src/components/Theme/ThemeProvider.tsx
+var $e = t({});
+function et() {
+	return i($e);
+}
+function tt({ accentColor: e, dark: t, className: n, style: r, children: i }) {
+	let a = s(() => ({
+		accentColor: e,
+		dark: t
+	}), [e, t]), o = {
+		...e ? { "--sk-accent": e } : {},
+		...r
+	};
+	return /* @__PURE__ */ d($e.Provider, {
+		value: a,
+		children: /* @__PURE__ */ d("div", {
+			className: $(t === !0 ? "dark" : t === !1 ? "light" : "", n),
+			"data-theme": t === !0 ? "dark" : t === !1 ? "light" : void 0,
+			style: o,
+			children: i
+		})
+	});
+}
+//#endregion
+//#region src/components/Button/Button.tsx
+var nt = _([
+	"inline-flex items-center justify-center gap-[7px]",
+	"font-[system-ui,_-apple-system,_sans-serif] font-medium leading-none",
+	"cursor-pointer border outline-none select-none relative",
+	"rounded-[var(--btn-radius)]",
+	"btn-transition",
+	"active:scale-[0.972]",
+	"hover:brightness-[1.05]",
+	"btn-shadow hover:btn-shadow-hover active:btn-shadow-active",
+	"[-webkit-tap-highlight-color:transparent]"
+].join(" "), {
+	variants: {
+		color: {
+			rose: "bg-pastel-rose     text-pastel-rose-dark     border-pastel-rose-dark/[0.22]",
+			peach: "bg-pastel-peach    text-pastel-peach-dark    border-pastel-peach-dark/[0.22]",
+			lemon: "bg-pastel-lemon    text-pastel-lemon-dark    border-pastel-lemon-dark/[0.22]",
+			mint: "bg-pastel-mint     text-pastel-mint-dark     border-pastel-mint-dark/[0.22]",
+			sky: "bg-pastel-sky      text-pastel-sky-dark      border-pastel-sky-dark/[0.22]",
+			lavender: "bg-pastel-lavender text-pastel-lavender-dark border-pastel-lavender-dark/[0.22]",
+			lilac: "bg-pastel-lilac    text-pastel-lilac-dark    border-pastel-lilac-dark/[0.22]",
+			neutral: "bg-pastel-neutral  text-pastel-neutral-dark  border-pastel-neutral-dark/[0.22]",
+			custom: ""
+		},
+		size: {
+			default: "px-[18px] py-[10px] text-sm",
+			sm: "px-[13px] py-[7px] text-xs",
+			"icon-only": "p-[10px] w-10 h-10 text-sm",
+			"icon-sm": "p-[7px] w-8 h-8 text-xs"
+		}
+	},
+	defaultVariants: {
+		color: "lavender",
+		size: "default"
+	}
+});
+function rt(e, t) {
+	return e === "icon-only" || t === "only" ? e === "sm" ? "icon-sm" : "icon-only" : e === "sm" ? "sm" : "default";
+}
+var it = () => /* @__PURE__ */ d("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("polygon", { points: "5 3 19 12 5 21 5 3" })
+}), at = () => /* @__PURE__ */ d("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+});
+function ot({ ref: e, color: t = "lavender", accentColor: n, size: a = "default", icon: o = "none", iconLeft: s, iconRight: l, iconOnly: p, radius: m = 10, children: h, className: g, style: _, ...v }) {
+	let y = c(null), { accentColor: b } = i($e), x = r((t) => {
+		y.current = t, typeof e == "function" ? e(t) : e != null && (e.current = t);
+	}, [e]);
+	Je(y);
+	let S = a === "icon-only" || o === "only", C = n ?? b, w;
+	if (C) {
+		let { fill: e, border: t } = Ze(C);
+		w = {
+			backgroundColor: e,
+			color: t,
+			borderColor: `${t}38`
+		};
+	}
+	return /* @__PURE__ */ d("button", {
+		ref: x,
+		className: $(nt({
+			color: C ? "custom" : t,
+			size: rt(a, o)
+		}), g),
+		style: {
+			"--btn-radius": `${m}px`,
+			...w,
+			..._
+		},
+		...v,
+		children: S ? /* @__PURE__ */ d("span", {
+			className: "flex items-center leading-none shrink-0",
+			children: p ?? /* @__PURE__ */ d(at, {})
+		}) : /* @__PURE__ */ f(u, { children: [
+			o === "left" && /* @__PURE__ */ d("span", {
+				className: "flex items-center leading-none shrink-0",
+				children: s ?? /* @__PURE__ */ d(it, {})
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "[text-shadow:0_1px_0_rgba(255,255,255,0.35)]",
+				children: h
+			}),
+			o === "right" && /* @__PURE__ */ d("span", {
+				className: "flex items-center leading-none shrink-0",
+				children: l ?? /* @__PURE__ */ d(it, {})
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/hooks/useInputSound.ts
+function st(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function ct(e) {
+	try {
+		let t = st(e), n = t.currentTime, r = t.createOscillator(), i = t.createGain();
+		r.connect(i), i.connect(t.destination), r.type = "sine", r.frequency.setValueAtTime(1600, n), r.frequency.exponentialRampToValueAtTime(1050, n + .18), i.gain.setValueAtTime(1e-4, n), i.gain.exponentialRampToValueAtTime(.055, n + .012), i.gain.exponentialRampToValueAtTime(1e-4, n + .26), r.start(n), r.stop(n + .28);
+	} catch {}
+}
+function lt(e) {
+	let t = c(null);
+	a(() => {
+		let n = e.current;
+		if (!n) return;
+		let r = () => ct(t);
+		return n.addEventListener("focus", r), () => n.removeEventListener("focus", r);
+	}, [e]);
+}
+//#endregion
+//#region src/components/Input/Input.tsx
+var ut = _([
+	"w-full min-w-0",
+	"font-[system-ui,_-apple-system,_sans-serif] text-[13px] leading-none",
+	"text-[var(--sk-text)] placeholder:text-[var(--sk-text-placeholder)]",
+	"outline-none",
+	"disabled:opacity-50 disabled:cursor-not-allowed",
+	"transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out"
+].join(" "), {
+	variants: {
+		variant: {
+			default: [
+				"bg-[var(--sk-surface)] border",
+				"rounded-[var(--field-radius)]",
+				"btn-shadow hover:btn-shadow-hover",
+				"focus-visible:btn-shadow-hover",
+				"hover:brightness-[1.03]"
+			].join(" "),
+			filled: [
+				"bg-[var(--sk-surface-filled)] border border-[var(--sk-border)]",
+				"rounded-[var(--field-radius)]",
+				"shadow-[inset_0_1px_3px_var(--sk-shadow-b)]",
+				"hover:bg-[var(--sk-surface-hover)]",
+				"focus-visible:bg-[var(--sk-surface)] focus-visible:shadow-[inset_0_1px_2px_var(--sk-shadow-c)]"
+			].join(" "),
+			ghost: [
+				"bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)]",
+				"rounded-none shadow-none",
+				"hover:border-[var(--sk-border-strong)]",
+				"focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]"
+			].join(" ")
+		},
+		tone: {
+			rose: "border-pastel-rose-dark/[0.25]     focus-visible:border-pastel-rose-dark/[0.55]",
+			peach: "border-pastel-peach-dark/[0.25]    focus-visible:border-pastel-peach-dark/[0.55]",
+			lemon: "border-pastel-lemon-dark/[0.25]    focus-visible:border-pastel-lemon-dark/[0.55]",
+			mint: "border-pastel-mint-dark/[0.25]     focus-visible:border-pastel-mint-dark/[0.55]",
+			sky: "border-pastel-sky-dark/[0.25]      focus-visible:border-pastel-sky-dark/[0.55]",
+			lavender: "border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]",
+			lilac: "border-pastel-lilac-dark/[0.25]    focus-visible:border-pastel-lilac-dark/[0.55]",
+			neutral: "border-pastel-neutral-dark/[0.25]  focus-visible:border-pastel-neutral-dark/[0.55]",
+			custom: "border-[var(--sk-border)]"
+		},
+		size: {
+			default: "h-[40px] px-[12px] py-[10px]",
+			sm: "h-[32px] px-[10px] py-[8px] text-[12px]"
+		},
+		invalid: {
+			true: "border-red-600/50 focus-visible:border-red-600/70",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "ghost",
+			tone: "rose",
+			className: "border-pastel-rose-dark/[0.40]     focus-visible:border-pastel-rose-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "peach",
+			className: "border-pastel-peach-dark/[0.40]    focus-visible:border-pastel-peach-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lemon",
+			className: "border-pastel-lemon-dark/[0.40]    focus-visible:border-pastel-lemon-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "mint",
+			className: "border-pastel-mint-dark/[0.40]     focus-visible:border-pastel-mint-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "sky",
+			className: "border-pastel-sky-dark/[0.40]      focus-visible:border-pastel-sky-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lavender",
+			className: "border-pastel-lavender-dark/[0.40] focus-visible:border-pastel-lavender-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lilac",
+			className: "border-pastel-lilac-dark/[0.40]    focus-visible:border-pastel-lilac-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "neutral",
+			className: "border-pastel-neutral-dark/[0.35]  focus-visible:border-pastel-neutral-dark/[0.65]"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		tone: "neutral",
+		size: "default",
+		invalid: !1
+	}
+}), dt = n(function({ id: e, label: t, description: n, error: a, radius: s = 12, leftAdornment: u, rightAdornment: p, className: m, containerClassName: h, variant: g, tone: _, size: v, invalid: y, required: b, disabled: x, accentColor: S, "aria-describedby": C, ...w }, T) {
+	let E = c(null), D = o(), O = e ?? `input-${D}`, k = n ? `${O}-description` : void 0, A = a ? `${O}-error` : void 0, j = [
+		C,
+		k,
+		A
+	].filter(Boolean).join(" ") || void 0, M = y ?? !!a, { accentColor: N } = i($e), P = S ?? N, [F, I] = l(!1);
+	lt(E);
+	let ee = r((e) => {
+		E.current = e, typeof T == "function" ? T(e) : T != null && (T.current = e);
+	}, [T]), L = P ? "custom" : _ ?? "neutral", R;
+	if (P && F && !M) {
+		let { border: e } = Ze(P);
+		R = { borderColor: `${e}99` };
+	} else if (P && !M) {
+		let { border: e } = Ze(P);
+		R = { borderColor: `${e}44` };
+	}
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full", h),
+		children: [
+			t != null && /* @__PURE__ */ d("label", {
+				htmlFor: O,
+				className: $("block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]", x && "opacity-60"),
+				children: /* @__PURE__ */ f("span", {
+					className: "inline-flex items-center gap-2",
+					children: [t, b ? /* @__PURE__ */ d("span", {
+						className: "text-[var(--sk-text-muted)]",
+						children: "*"
+					}) : null]
+				})
+			}),
+			/* @__PURE__ */ f("div", {
+				className: $("relative w-full", u ? "pl-[34px]" : "", p ? "pr-[34px]" : ""),
+				style: { "--field-radius": `${s}px` },
+				children: [
+					u ? /* @__PURE__ */ d("div", {
+						className: "absolute left-[10px] top-1/2 -translate-y-1/2 text-[var(--sk-text-muted)] pointer-events-none",
+						children: u
+					}) : null,
+					/* @__PURE__ */ d("input", {
+						ref: ee,
+						id: O,
+						className: $(ut({
+							variant: g,
+							tone: L,
+							size: v,
+							invalid: M
+						}), u ? "pl-[34px]" : "", p ? "pr-[34px]" : "", m),
+						style: R,
+						"aria-invalid": M || void 0,
+						"aria-describedby": j,
+						required: b,
+						disabled: x,
+						onFocus: (e) => {
+							I(!0), w.onFocus?.(e);
+						},
+						onBlur: (e) => {
+							I(!1), w.onBlur?.(e);
+						},
+						...w
+					}),
+					p ? /* @__PURE__ */ d("div", {
+						className: "absolute right-[10px] top-1/2 -translate-y-1/2 text-[var(--sk-text-muted)] pointer-events-none",
+						children: p
+					}) : null
+				]
+			}),
+			n != null && /* @__PURE__ */ d("div", {
+				id: k,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: n
+			}),
+			a != null && /* @__PURE__ */ d("div", {
+				id: A,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]",
+				children: a
+			})
+		]
+	});
+});
+//#endregion
+//#region src/hooks/useToggleSound.ts
+function ft(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function pt(e) {
+	try {
+		let t = ft(e), n = t.currentTime;
+		for (let e = 0; e < 2; e++) {
+			let r = n + e * .032, i = t.createOscillator(), a = t.createGain(), o = t.createBiquadFilter();
+			o.type = "bandpass", o.frequency.value = 1100 + e * 500, o.Q.value = 7, i.connect(o), o.connect(a), a.connect(t.destination), i.type = "square", i.frequency.setValueAtTime(500 + e * 180, r), a.gain.setValueAtTime(1e-4, r), a.gain.exponentialRampToValueAtTime(.065, r + .004), a.gain.exponentialRampToValueAtTime(1e-4, r + .038), i.start(r), i.stop(r + .045);
+		}
+	} catch {}
+}
+function mt(e) {
+	try {
+		let t = ft(e), n = t.currentTime, r = t.createOscillator(), i = t.createGain(), a = t.createBiquadFilter();
+		a.type = "bandpass", a.frequency.value = 700, a.Q.value = 5, r.connect(a), a.connect(i), i.connect(t.destination), r.type = "square", r.frequency.setValueAtTime(460, n), r.frequency.exponentialRampToValueAtTime(260, n + .055), i.gain.setValueAtTime(1e-4, n), i.gain.exponentialRampToValueAtTime(.07, n + .005), i.gain.exponentialRampToValueAtTime(1e-4, n + .06), r.start(n), r.stop(n + .07);
+	} catch {}
+}
+function ht(e, t) {
+	let n = c(null), r = c(t);
+	a(() => {
+		r.current = t;
+	}), a(() => {
+		let t = e.current;
+		if (!t) return;
+		let i = () => {
+			r.current ? mt(n) : pt(n);
+		};
+		return t.addEventListener("click", i), () => t.removeEventListener("click", i);
+	}, [e]);
+}
+//#endregion
+//#region src/components/Toggle/Toggle.tsx
+var gt = "cubic-bezier(0.34, 1.42, 0.64, 1)", _t = "cubic-bezier(0.4, 0, 1, 1)", vt = {
+	default: {
+		w: 46,
+		h: 28,
+		knob: 22,
+		left: 3,
+		travel: 18
+	},
+	sm: {
+		w: 38,
+		h: 22,
+		knob: 17,
+		left: 3,
+		travel: 15
+	}
+}, yt = _("inline-flex items-center gap-3 font-[system-ui,_-apple-system,_sans-serif] select-none", {
+	variants: {
+		size: {
+			default: "",
+			sm: ""
+		},
+		disabled: {
+			true: "opacity-60 cursor-not-allowed",
+			false: "cursor-pointer"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		disabled: !1
+	}
+}), bt = {
+	rose: {
+		off: "border-pastel-rose-dark/[0.22]",
+		on: "bg-pastel-rose/55     border-pastel-rose-dark/[0.30]"
+	},
+	peach: {
+		off: "border-pastel-peach-dark/[0.22]",
+		on: "bg-pastel-peach/55    border-pastel-peach-dark/[0.30]"
+	},
+	lemon: {
+		off: "border-pastel-lemon-dark/[0.22]",
+		on: "bg-pastel-lemon/60    border-pastel-lemon-dark/[0.30]"
+	},
+	mint: {
+		off: "border-pastel-mint-dark/[0.22]",
+		on: "bg-pastel-mint/55     border-pastel-mint-dark/[0.30]"
+	},
+	sky: {
+		off: "border-pastel-sky-dark/[0.22]",
+		on: "bg-pastel-sky/55      border-pastel-sky-dark/[0.30]"
+	},
+	lavender: {
+		off: "border-pastel-lavender-dark/[0.22]",
+		on: "bg-pastel-lavender/55 border-pastel-lavender-dark/[0.30]"
+	},
+	lilac: {
+		off: "border-pastel-lilac-dark/[0.22]",
+		on: "bg-pastel-lilac/55    border-pastel-lilac-dark/[0.30]"
+	},
+	neutral: {
+		off: "border-pastel-neutral-dark/[0.22]",
+		on: "bg-pastel-neutral/55  border-pastel-neutral-dark/[0.30]"
+	}
+}, xt = n(function({ id: e, label: t, description: n, size: a = "default", tone: u = "neutral", disabled: p = !1, checked: m, defaultChecked: h = !1, onCheckedChange: g, className: _, accentColor: v, "aria-describedby": y, ...b }, x) {
+	let S = c(null), C = o(), w = e ?? `toggle-${C}`, T = n ? `${w}-description` : void 0, E = [y, T].filter(Boolean).join(" ") || void 0, { accentColor: D } = i($e), O = v ?? D, k = m != null, [A, j] = l(h), M = k ? !!m : A, [N, P] = l(!1), F = vt[a ?? "default"], I = s(() => {
+		if (!p) return () => {
+			let e = !M;
+			k || j(e), g?.(e);
+		};
+	}, [
+		M,
+		p,
+		k,
+		g
+	]);
+	ht(S, M);
+	let ee = r((e) => {
+		S.current = e, typeof x == "function" ? x(e) : x != null && (x.current = e);
+	}, [x]), L = bt[u ?? "neutral"] ?? bt.neutral, R = M ? "inset 0 1px 0 rgba(255,255,255,0.25), inset 0 2px 7px rgba(0,0,0,0.13)" : "var(--sk-shadow-a) 0 1px 0 0, 0 3px 8px -1px var(--sk-shadow-b), 0 6px 16px -4px var(--sk-shadow-c), inset 0 1px 0 var(--sk-inset-light), inset 0 -2px 0 var(--sk-inset-dark)", z = N ? Math.round(F.knob * 1.22) : F.knob, B = M ? F.travel - (z - F.knob) : 0, V = {
+		position: "absolute",
+		top: "50%",
+		left: F.left,
+		width: z,
+		height: F.knob,
+		borderRadius: "999px",
+		background: "var(--sk-knob)",
+		boxShadow: "0 2px 10px rgba(0,0,0,0.10), 0 1px 0 rgba(0,0,0,0.10)",
+		transform: `translateX(${B}px) translateY(-50%)`,
+		transition: N ? `transform 80ms ${_t}, width 80ms ${_t}` : `transform 260ms ${gt}, width 200ms ${gt}`
+	}, H;
+	if (O && M) {
+		let { fill: e, border: t } = Ze(O);
+		H = {
+			backgroundColor: `${e}cc`,
+			borderColor: `${t}55`
+		};
+	} else if (O && !M) {
+		let { border: e } = Ze(O);
+		H = { borderColor: `${e}38` };
+	}
+	let te = {
+		width: F.w,
+		height: F.h,
+		boxShadow: R,
+		transition: "background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 150ms ease-out",
+		...H
+	};
+	return /* @__PURE__ */ f("div", {
+		className: $(yt({
+			size: a,
+			disabled: p
+		}), _),
+		children: [/* @__PURE__ */ d("button", {
+			...b,
+			ref: ee,
+			id: w,
+			type: b.type ?? "button",
+			role: "switch",
+			"aria-checked": M,
+			"aria-disabled": p || void 0,
+			"aria-describedby": E,
+			disabled: !!p,
+			onClick: I,
+			onMouseDown: () => !p && P(!0),
+			onMouseUp: () => P(!1),
+			onMouseLeave: () => P(!1),
+			onTouchStart: () => !p && P(!0),
+			onTouchEnd: () => P(!1),
+			className: $("relative shrink-0 rounded-full border outline-none", "focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-[var(--sk-border-strong)]", "bg-[var(--sk-surface)]", !O && L.off, !O && M ? L.on : "", p ? "pointer-events-none" : "cursor-pointer"),
+			style: te,
+			children: /* @__PURE__ */ d("span", { style: V })
+		}), (t != null || n != null) && /* @__PURE__ */ f("div", {
+			className: "min-w-0",
+			children: [t != null && /* @__PURE__ */ d("div", {
+				className: $("text-[13px] leading-none font-medium text-[var(--sk-text-label)]", p && "opacity-60"),
+				children: t
+			}), n != null && /* @__PURE__ */ d("div", {
+				id: T,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: n
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/hooks/useSelectSound.ts
+function St(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function Ct(e) {
+	try {
+		let t = St(e), n = t.currentTime, r = t.createOscillator(), i = t.createGain(), a = t.createBiquadFilter();
+		a.type = "lowpass", a.frequency.value = 2200, r.connect(a), a.connect(i), i.connect(t.destination), r.type = "sine", r.frequency.setValueAtTime(820, n), r.frequency.exponentialRampToValueAtTime(680, n + .06), i.gain.setValueAtTime(1e-4, n), i.gain.exponentialRampToValueAtTime(.07, n + .01), i.gain.exponentialRampToValueAtTime(1e-4, n + .1), r.start(n), r.stop(n + .12);
+	} catch {}
+}
+function wt(e) {
+	try {
+		let t = St(e), n = t.currentTime, r = t.createOscillator(), i = t.createGain(), a = t.createBiquadFilter();
+		a.type = "bandpass", a.frequency.value = 1400, a.Q.value = 3, r.connect(a), a.connect(i), i.connect(t.destination), r.type = "triangle", r.frequency.setValueAtTime(1100, n), r.frequency.exponentialRampToValueAtTime(1300, n + .025), i.gain.setValueAtTime(1e-4, n), i.gain.exponentialRampToValueAtTime(.06, n + .005), i.gain.exponentialRampToValueAtTime(1e-4, n + .045), r.start(n), r.stop(n + .05);
+	} catch {}
+}
+function Tt() {
+	return c(null);
+}
+//#endregion
+//#region src/components/Select/Select.tsx
+var Et = _([
+	"w-full min-w-0 inline-flex items-center justify-between gap-2",
+	"font-[system-ui,_-apple-system,_sans-serif] text-[13px] leading-none",
+	"text-[var(--sk-text)]",
+	"outline-none cursor-pointer select-none",
+	"transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out",
+	"disabled:opacity-50 disabled:cursor-not-allowed"
+].join(" "), {
+	variants: {
+		variant: {
+			default: [
+				"bg-[var(--sk-surface)] border rounded-[var(--field-radius)]",
+				"btn-shadow hover:btn-shadow-hover",
+				"hover:brightness-[1.03]",
+				"focus-visible:btn-shadow-hover"
+			].join(" "),
+			filled: [
+				"bg-[var(--sk-surface-filled)] border border-[var(--sk-border)] rounded-[var(--field-radius)]",
+				"shadow-[inset_0_1px_3px_var(--sk-shadow-b)]",
+				"hover:bg-[var(--sk-surface-hover)]",
+				"focus-visible:bg-[var(--sk-surface)]"
+			].join(" "),
+			ghost: [
+				"bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)] rounded-none",
+				"hover:border-[var(--sk-border-strong)]",
+				"focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]"
+			].join(" ")
+		},
+		tone: {
+			rose: "border-pastel-rose-dark/[0.25]     focus-visible:border-pastel-rose-dark/[0.55]",
+			peach: "border-pastel-peach-dark/[0.25]    focus-visible:border-pastel-peach-dark/[0.55]",
+			lemon: "border-pastel-lemon-dark/[0.25]    focus-visible:border-pastel-lemon-dark/[0.55]",
+			mint: "border-pastel-mint-dark/[0.25]     focus-visible:border-pastel-mint-dark/[0.55]",
+			sky: "border-pastel-sky-dark/[0.25]      focus-visible:border-pastel-sky-dark/[0.55]",
+			lavender: "border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]",
+			lilac: "border-pastel-lilac-dark/[0.25]    focus-visible:border-pastel-lilac-dark/[0.55]",
+			neutral: "border-pastel-neutral-dark/[0.25]  focus-visible:border-pastel-neutral-dark/[0.55]",
+			custom: "border-[var(--sk-border)]"
+		},
+		size: {
+			default: "h-[40px] px-[12px] py-[10px]",
+			sm: "h-[32px] px-[10px] py-[8px] text-[12px]"
+		},
+		invalid: {
+			true: "border-red-600/50 focus-visible:border-red-600/70",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		tone: "neutral",
+		size: "default",
+		invalid: !1
+	}
+}), Dt = ({ open: e }) => /* @__PURE__ */ d("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	style: {
+		transition: "transform 180ms cubic-bezier(0.34,1.42,0.64,1)",
+		transform: e ? "rotate(180deg)" : "rotate(0deg)",
+		flexShrink: 0
+	},
+	children: /* @__PURE__ */ d("path", { d: "M6 9l6 6 6-6" })
+}), Ot = () => /* @__PURE__ */ d("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("path", { d: "M20 6L9 17l-5-5" })
+}), kt = n(function({ options: e, value: t, defaultValue: n, onChange: s, placeholder: u = "Select…", disabled: p = !1, searchable: m = !1, label: h, description: g, error: _, radius: v = 12, id: y, "aria-describedby": b, containerClassName: x, className: S, variant: C = "default", tone: w, size: T = "default", invalid: E, accentColor: D }, O) {
+	let k = Tt(), A = o(), j = y ?? `select-${A}`, M = `${j}-list`, N = g ? `${j}-description` : void 0, P = _ ? `${j}-error` : void 0, F = [
+		b,
+		N,
+		P
+	].filter(Boolean).join(" ") || void 0, I = E ?? !!_, { accentColor: ee } = i($e), L = D ?? ee, R = t !== void 0, [z, B] = l(n ?? ""), V = R ? t : z, [H, te] = l(!1), [U, W] = l(-1), [G, K] = l(""), q = c(null), J = c(null), ne = c(null), re = r((e) => {
+		q.current = e, typeof O == "function" ? O(e) : O != null && (O.current = e);
+	}, [O]), ie = m && G ? e.filter((e) => e.label.toLowerCase().includes(G.toLowerCase())) : e, ae = r(() => {
+		if (p) return;
+		te(!0), K("");
+		let e = ie.findIndex((e) => e.value === V);
+		W(e >= 0 ? e : 0), Ct(k);
+	}, [
+		p,
+		ie,
+		V,
+		k
+	]), oe = r(() => {
+		te(!1), K(""), q.current?.focus();
+	}, []), se = r((e) => {
+		e.disabled || (R || B(e.value), s?.(e.value), wt(k), oe());
+	}, [
+		R,
+		s,
+		k,
+		oe
+	]);
+	a(() => {
+		if (!H) return;
+		let e = (e) => {
+			!q.current?.contains(e.target) && !J.current?.contains(e.target) && oe();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [H, oe]), a(() => {
+		H && m && setTimeout(() => ne.current?.focus(), 10);
+	}, [H, m]);
+	let ce = (e) => {
+		e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), H ? W((e) => Math.min(e + 1, ie.length - 1)) : ae()) : e.key === "ArrowUp" ? (e.preventDefault(), H && W((e) => Math.max(e - 1, 0))) : e.key === "Escape" && oe();
+	}, le = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), W((e) => Math.min(e + 1, ie.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), W((e) => Math.max(e - 1, 0));
+		else if (e.key === "Enter") {
+			e.preventDefault();
+			let t = ie[U];
+			t && se(t);
+		} else e.key === "Escape" && oe();
+	}, ue = e.find((e) => e.value === V)?.label, Y = L ? "custom" : w ?? "neutral", X;
+	if (L && !I) {
+		let { border: e } = Ze(L);
+		X = { borderColor: H ? `${e}99` : `${e}44` };
+	}
+	let de;
+	if (L) {
+		let { border: e } = Ze(L);
+		de = { color: e };
+	}
+	let fe = {
+		position: "absolute",
+		top: "calc(100% + 4px)",
+		left: 0,
+		right: 0,
+		zIndex: 50,
+		borderRadius: v,
+		background: "var(--sk-bg)",
+		backdropFilter: "blur(12px)",
+		WebkitBackdropFilter: "blur(12px)",
+		boxShadow: "0 4px 24px -4px var(--sk-shadow-b), 0 1px 3px var(--sk-shadow-c), inset 0 0 0 1px var(--sk-border)",
+		overflow: "hidden",
+		maxHeight: 260,
+		display: "flex",
+		flexDirection: "column"
+	};
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full", x),
+		style: { "--field-radius": `${v}px` },
+		children: [
+			h != null && /* @__PURE__ */ d("label", {
+				htmlFor: j,
+				className: $("block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]", p && "opacity-60"),
+				children: h
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative w-full",
+				children: [/* @__PURE__ */ f("button", {
+					ref: re,
+					id: j,
+					type: "button",
+					role: "combobox",
+					"aria-haspopup": "listbox",
+					"aria-expanded": H,
+					"aria-controls": H ? M : void 0,
+					"aria-invalid": I || void 0,
+					"aria-describedby": F,
+					disabled: !!p,
+					onClick: () => H ? oe() : ae(),
+					onKeyDown: ce,
+					className: $(Et({
+						variant: C,
+						tone: Y,
+						size: T,
+						invalid: I
+					}), S),
+					style: X,
+					children: [/* @__PURE__ */ d("span", {
+						className: $("truncate", !ue && "text-[var(--sk-text-placeholder)]"),
+						children: ue ?? u
+					}), /* @__PURE__ */ d("span", {
+						className: "text-[var(--sk-text-muted)]",
+						children: /* @__PURE__ */ d(Dt, { open: H })
+					})]
+				}), H && /* @__PURE__ */ f("div", {
+					ref: J,
+					role: "listbox",
+					id: M,
+					onKeyDown: le,
+					style: fe,
+					children: [m && /* @__PURE__ */ d("div", {
+						className: "p-[6px] border-b border-[var(--sk-border-subtle)]",
+						children: /* @__PURE__ */ d("input", {
+							ref: ne,
+							type: "text",
+							placeholder: "Search…",
+							value: G,
+							onChange: (e) => {
+								K(e.target.value), W(0);
+							},
+							className: "w-full outline-none bg-transparent text-[13px] text-[var(--sk-text)] placeholder:text-[var(--sk-text-placeholder)] px-[6px] py-[4px]"
+						})
+					}), /* @__PURE__ */ d("div", {
+						className: "overflow-y-auto p-[4px]",
+						style: { maxHeight: m ? 210 : 252 },
+						children: ie.length === 0 ? /* @__PURE__ */ d("div", {
+							className: "text-[12px] text-[var(--sk-text-muted)] px-[10px] py-[8px]",
+							children: "No options"
+						}) : ie.map((e, t) => /* @__PURE__ */ f("button", {
+							type: "button",
+							role: "option",
+							"aria-selected": e.value === V,
+							"aria-disabled": e.disabled,
+							tabIndex: -1,
+							onMouseEnter: () => W(t),
+							onClick: () => se(e),
+							className: $("w-full flex items-center justify-between gap-2 px-[10px] py-[7px] rounded-[8px]", "text-[13px] text-[var(--sk-text)] leading-none text-left outline-none cursor-pointer", "transition-colors duration-75", t === U && !e.disabled && "bg-[var(--sk-surface-filled)]", e.value === V && "font-medium", e.disabled && "opacity-40 cursor-not-allowed"),
+							children: [/* @__PURE__ */ d("span", {
+								className: "truncate",
+								children: e.label
+							}), e.value === V && /* @__PURE__ */ d("span", {
+								className: "text-[var(--sk-text-muted)] shrink-0",
+								style: de,
+								children: /* @__PURE__ */ d(Ot, {})
+							})]
+						}, e.value))
+					})]
+				})]
+			}),
+			g != null && /* @__PURE__ */ d("div", {
+				id: N,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: g
+			}),
+			_ != null && /* @__PURE__ */ d("div", {
+				id: P,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]",
+				children: _
+			})
+		]
+	});
+});
+//#endregion
+//#region src/hooks/useSliderSound.ts
+function At(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function jt(e, t) {
+	try {
+		let n = At(e), r = n.currentTime, i = 300 + t * 600, a = n.createOscillator(), o = n.createGain(), s = n.createBiquadFilter();
+		s.type = "bandpass", s.frequency.value = i * 1.5, s.Q.value = 4, a.connect(s), s.connect(o), o.connect(n.destination), a.type = "triangle", a.frequency.setValueAtTime(i, r), o.gain.setValueAtTime(1e-4, r), o.gain.exponentialRampToValueAtTime(.04, r + .004), o.gain.exponentialRampToValueAtTime(1e-4, r + .028), a.start(r), a.stop(r + .032);
+	} catch {}
+}
+function Mt(e, t, n) {
+	let r = c(null), i = c(0);
+	a(() => {
+		let a = e.current;
+		if (!a) return;
+		let o = () => {
+			let e = performance.now();
+			if (e - i.current < 16) return;
+			i.current = e;
+			let o = (parseFloat(a.value) - t) / (n - t || 1);
+			jt(r, Math.max(0, Math.min(1, o)));
+		};
+		return a.addEventListener("input", o), () => a.removeEventListener("input", o);
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/components/Slider/Slider.tsx
+var Nt = "cubic-bezier(0.34, 1.42, 0.64, 1)", Pt = "cubic-bezier(0.4, 0, 1, 1)", Ft = {
+	default: 6,
+	sm: 4
+}, It = {
+	default: 20,
+	sm: 15
+}, Lt = {
+	rose: "#F9C5D1",
+	peach: "#FDDBB4",
+	lemon: "#FFF1A8",
+	mint: "#B8F0D8",
+	sky: "#B8DFFE",
+	lavender: "#D4C5F9",
+	lilac: "#F0C8F0",
+	neutral: "#E8E4DC"
+}, Rt = {
+	rose: "#c2607a",
+	peach: "#b87a3a",
+	lemon: "#8a7820",
+	mint: "#2a7a58",
+	sky: "#2a68a0",
+	lavender: "#5a3eaa",
+	lilac: "#8a3a8a",
+	neutral: "#5a5550"
+}, zt = n(function({ min: e = 0, max: t = 100, step: n = 1, value: a, defaultValue: s = 0, onValueChange: u, tone: p = "lavender", accentColor: m, size: h = "default", label: g, description: _, showValue: v = !1, showMinMax: y = !1, marks: b, disabled: x = !1, id: S, className: C }, w) {
+	let T = c(null), E = o(), D = S ?? `slider-${E}`, O = _ ? `${D}-desc` : void 0, { accentColor: k } = i($e), A = m ?? k, j = a !== void 0, [M, N] = l(s), P = j ? a : M, [F, I] = l(!1);
+	Mt(T, e, t);
+	let ee = r((e) => {
+		T.current = e, typeof w == "function" ? w(e) : w != null && (w.current = e);
+	}, [w]), L = (e) => {
+		let t = parseFloat(e.target.value);
+		j || N(t), u?.(t);
+	}, R = Ft[h], z = It[h], B = (P - e) / (t - e || 1) * 100, { fill: V, border: H } = Qe(p, Lt, Rt, A), te = F ? Math.round(z * 1.18) : z, U = {
+		position: "relative",
+		width: "100%",
+		height: R,
+		borderRadius: 999,
+		background: "var(--sk-track-empty)",
+		boxShadow: "inset 0 1px 2px var(--sk-shadow-c)"
+	}, W = {
+		position: "absolute",
+		left: 0,
+		top: 0,
+		height: "100%",
+		width: `${B}%`,
+		borderRadius: 999,
+		background: V,
+		boxShadow: `0 0 0 1px ${H}33`,
+		transition: "width 60ms ease-out"
+	}, G = {
+		position: "absolute",
+		top: "50%",
+		left: `${B}%`,
+		width: te,
+		height: te,
+		borderRadius: 999,
+		background: "var(--sk-knob)",
+		boxShadow: "0 2px 8px var(--sk-shadow-b), 0 1px 0 var(--sk-shadow-c)",
+		transform: "translate(-50%, -50%)",
+		transition: F ? `width 60ms ${Pt}, height 60ms ${Pt}, box-shadow 60ms ease` : `width 200ms ${Nt}, height 200ms ${Nt}, box-shadow 150ms ease`,
+		pointerEvents: "none",
+		border: "1.5px solid var(--sk-border)"
+	};
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full select-none font-[system-ui,_-apple-system,_sans-serif]", x && "opacity-50 cursor-not-allowed", C),
+		children: [
+			(g != null || v) && /* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between mb-[8px]",
+				children: [g != null && /* @__PURE__ */ d("label", {
+					htmlFor: D,
+					className: $("text-[12px] leading-none font-medium text-[var(--sk-text-label)]", x && "opacity-60"),
+					children: g
+				}), v && /* @__PURE__ */ d("span", {
+					className: "text-[12px] leading-none text-[var(--sk-text-muted)] tabular-nums",
+					children: P
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative",
+				style: { paddingBlock: z / 2 },
+				children: [
+					/* @__PURE__ */ f("div", {
+						style: U,
+						children: [/* @__PURE__ */ d("div", { style: W }), /* @__PURE__ */ d("div", { style: G })]
+					}),
+					/* @__PURE__ */ d("input", {
+						ref: ee,
+						id: D,
+						type: "range",
+						min: e,
+						max: t,
+						step: n,
+						value: P,
+						disabled: x,
+						"aria-valuemin": e,
+						"aria-valuemax": t,
+						"aria-valuenow": P,
+						"aria-describedby": O,
+						onChange: L,
+						onMouseDown: () => !x && I(!0),
+						onMouseUp: () => I(!1),
+						onMouseLeave: () => I(!1),
+						onTouchStart: () => !x && I(!0),
+						onTouchEnd: () => I(!1),
+						className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed",
+						style: { margin: 0 }
+					}),
+					b && b.length > 0 && /* @__PURE__ */ d("div", {
+						className: "relative mt-[4px]",
+						style: { height: 16 },
+						children: b.map((n) => /* @__PURE__ */ f("div", {
+							className: "absolute flex flex-col items-center gap-[2px]",
+							style: {
+								left: `${(n.value - e) / (t - e || 1) * 100}%`,
+								transform: "translateX(-50%)"
+							},
+							children: [/* @__PURE__ */ d("div", { className: "w-[1px] h-[4px] bg-[var(--sk-border-strong)] rounded-full" }), n.label && /* @__PURE__ */ d("span", {
+								className: "text-[10px] leading-none text-[var(--sk-text-muted)]",
+								children: n.label
+							})]
+						}, n.value))
+					}),
+					y && !b && /* @__PURE__ */ f("div", {
+						className: "flex justify-between mt-[4px]",
+						children: [/* @__PURE__ */ d("span", {
+							className: "text-[10px] leading-none text-[var(--sk-text-desc)] tabular-nums",
+							children: e
+						}), /* @__PURE__ */ d("span", {
+							className: "text-[10px] leading-none text-[var(--sk-text-desc)] tabular-nums",
+							children: t
+						})]
+					})
+				]
+			}),
+			_ != null && /* @__PURE__ */ d("div", {
+				id: O,
+				className: "mt-[4px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: _
+			})
+		]
+	});
+}), Bt = _([
+	"w-full min-w-0",
+	"font-[system-ui,_-apple-system,_sans-serif] text-[13px] text-[var(--sk-text)] leading-[1.5]",
+	"outline-none resize-none",
+	"placeholder:text-[var(--sk-text-placeholder)]",
+	"disabled:opacity-50 disabled:cursor-not-allowed",
+	"transition-[box-shadow,border-color,background-color,opacity] duration-[150ms] ease-out"
+].join(" "), {
+	variants: {
+		variant: {
+			default: [
+				"bg-[var(--sk-surface)] border",
+				"rounded-[var(--field-radius)]",
+				"btn-shadow hover:btn-shadow-hover",
+				"focus-visible:btn-shadow-hover",
+				"hover:brightness-[1.03]"
+			].join(" "),
+			filled: [
+				"bg-[var(--sk-surface-filled)] border border-[var(--sk-border)]",
+				"rounded-[var(--field-radius)]",
+				"shadow-[inset_0_1px_3px_var(--sk-shadow-b)]",
+				"hover:bg-[var(--sk-surface-hover)]",
+				"focus-visible:bg-[var(--sk-surface)] focus-visible:shadow-[inset_0_1px_2px_var(--sk-shadow-c)]"
+			].join(" "),
+			ghost: [
+				"bg-transparent border-0 border-b-[1.5px] border-[var(--sk-border-strong)]",
+				"rounded-none shadow-none",
+				"hover:border-[var(--sk-border-strong)]",
+				"focus-visible:border-b-2 focus-visible:bg-[var(--sk-surface)]"
+			].join(" ")
+		},
+		tone: {
+			rose: "border-pastel-rose-dark/[0.25]     focus-visible:border-pastel-rose-dark/[0.55]",
+			peach: "border-pastel-peach-dark/[0.25]    focus-visible:border-pastel-peach-dark/[0.55]",
+			lemon: "border-pastel-lemon-dark/[0.25]    focus-visible:border-pastel-lemon-dark/[0.55]",
+			mint: "border-pastel-mint-dark/[0.25]     focus-visible:border-pastel-mint-dark/[0.55]",
+			sky: "border-pastel-sky-dark/[0.25]      focus-visible:border-pastel-sky-dark/[0.55]",
+			lavender: "border-pastel-lavender-dark/[0.25] focus-visible:border-pastel-lavender-dark/[0.55]",
+			lilac: "border-pastel-lilac-dark/[0.25]    focus-visible:border-pastel-lilac-dark/[0.55]",
+			neutral: "border-pastel-neutral-dark/[0.25]  focus-visible:border-pastel-neutral-dark/[0.55]",
+			custom: "border-[var(--sk-border)]"
+		},
+		invalid: {
+			true: "border-red-600/50 focus-visible:border-red-600/70",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "ghost",
+			tone: "rose",
+			className: "border-pastel-rose-dark/[0.40]     focus-visible:border-pastel-rose-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "peach",
+			className: "border-pastel-peach-dark/[0.40]    focus-visible:border-pastel-peach-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lemon",
+			className: "border-pastel-lemon-dark/[0.40]    focus-visible:border-pastel-lemon-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "mint",
+			className: "border-pastel-mint-dark/[0.40]     focus-visible:border-pastel-mint-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "sky",
+			className: "border-pastel-sky-dark/[0.40]      focus-visible:border-pastel-sky-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lavender",
+			className: "border-pastel-lavender-dark/[0.40] focus-visible:border-pastel-lavender-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "lilac",
+			className: "border-pastel-lilac-dark/[0.40]    focus-visible:border-pastel-lilac-dark/[0.70]"
+		},
+		{
+			variant: "ghost",
+			tone: "neutral",
+			className: "border-pastel-neutral-dark/[0.35]  focus-visible:border-pastel-neutral-dark/[0.65]"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		tone: "neutral",
+		invalid: !1
+	}
+}), Vt = n(function({ id: e, label: t, description: n, error: a, radius: s = 12, rows: u = 4, autoResize: p = !1, showCount: m = !1, maxLength: h, className: g, containerClassName: _, variant: v, tone: y, invalid: b, required: x, disabled: S, accentColor: C, "aria-describedby": w, onChange: T, ...E }, D) {
+	let O = c(null), k = o(), A = e ?? `textarea-${k}`, j = n ? `${A}-description` : void 0, M = a ? `${A}-error` : void 0, N = [
+		w,
+		j,
+		M
+	].filter(Boolean).join(" ") || void 0, P = b ?? !!a, { accentColor: F } = i($e), I = C ?? F, [ee, L] = l(!1);
+	lt(O);
+	let R = r((e) => {
+		O.current = e, typeof D == "function" ? D(e) : D != null && (D.current = e);
+	}, [D]), z = (e) => {
+		p && O.current && (O.current.style.height = "auto", O.current.style.height = `${O.current.scrollHeight}px`), T?.(e);
+	}, B = I ? "custom" : y ?? "neutral", V;
+	if (I && !P) {
+		let { border: e } = Ze(I);
+		V = { borderColor: ee ? `${e}99` : `${e}44` };
+	}
+	let H = typeof E.value == "string" ? E.value.length : typeof E.defaultValue == "string" ? E.defaultValue.length : 0;
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full", _),
+		style: { "--field-radius": `${s}px` },
+		children: [
+			t != null && /* @__PURE__ */ d("label", {
+				htmlFor: A,
+				className: $("block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]", S && "opacity-60"),
+				children: /* @__PURE__ */ f("span", {
+					className: "inline-flex items-center gap-2",
+					children: [t, x ? /* @__PURE__ */ d("span", {
+						className: "text-[var(--sk-text-muted)]",
+						children: "*"
+					}) : null]
+				})
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ d("textarea", {
+					ref: R,
+					id: A,
+					rows: u,
+					maxLength: h,
+					className: $(Bt({
+						variant: v,
+						tone: B,
+						invalid: P
+					}), "px-[12px] py-[10px]", g),
+					style: V,
+					"aria-invalid": P || void 0,
+					"aria-describedby": N,
+					required: x,
+					disabled: S,
+					onChange: z,
+					onFocus: (e) => {
+						L(!0), E.onFocus?.(e);
+					},
+					onBlur: (e) => {
+						L(!1), E.onBlur?.(e);
+					},
+					...E
+				}), m && h != null && /* @__PURE__ */ f("div", {
+					className: "absolute bottom-[8px] right-[10px] text-[11px] leading-none text-[var(--sk-text-desc)] pointer-events-none",
+					children: [
+						H,
+						"/",
+						h
+					]
+				})]
+			}),
+			n != null && /* @__PURE__ */ d("div", {
+				id: j,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: n
+			}),
+			a != null && /* @__PURE__ */ d("div", {
+				id: M,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-error)]",
+				children: a
+			})
+		]
+	});
+}), Ht = {
+	sm: 4,
+	default: 8,
+	lg: 12
+}, Ut = {
+	rose: "#F9C5D1",
+	peach: "#FDDBB4",
+	lemon: "#FFF1A8",
+	mint: "#B8F0D8",
+	sky: "#B8DFFE",
+	lavender: "#D4C5F9",
+	lilac: "#F0C8F0",
+	neutral: "#E8E4DC"
+}, Wt = {
+	rose: "#c2607a",
+	peach: "#b87a3a",
+	lemon: "#8a7820",
+	mint: "#2a7a58",
+	sky: "#2a68a0",
+	lavender: "#5a3eaa",
+	lilac: "#8a3a8a",
+	neutral: "#5a5550"
+};
+function Gt({ value: e, tone: t = "lavender", accentColor: n, size: r = "default", label: a, showValue: o = !1, animated: s = !0, className: c }) {
+	let { accentColor: l } = i($e), u = n ?? l, p = e === void 0, m = p ? 0 : Math.max(0, Math.min(100, e)), h = Ht[r], { fill: g, border: _ } = Qe(t, Ut, Wt, u), v = {
+		position: "relative",
+		height: h,
+		borderRadius: 999,
+		background: "var(--sk-track-empty)",
+		overflow: "hidden",
+		boxShadow: "inset 0 1px 2px var(--sk-shadow-c)"
+	}, y = p ? {
+		position: "absolute",
+		top: 0,
+		height: "100%",
+		width: "40%",
+		borderRadius: 999,
+		background: g,
+		boxShadow: `0 0 0 1px ${_}33`,
+		animation: s ? "progress-indeterminate 1.6s ease-in-out infinite" : "none"
+	} : {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		height: "100%",
+		width: `${m}%`,
+		borderRadius: 999,
+		background: g,
+		boxShadow: `0 0 0 1px ${_}33`,
+		transition: s ? "width 400ms cubic-bezier(0.4, 0, 0.2, 1)" : "none"
+	};
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full font-[system-ui,_-apple-system,_sans-serif]", c),
+		children: [(a != null || o && !p) && /* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between mb-[6px]",
+			children: [a != null && /* @__PURE__ */ d("span", {
+				className: "text-[12px] leading-none font-medium text-[var(--sk-text-label)]",
+				children: a
+			}), o && !p && /* @__PURE__ */ f("span", {
+				className: "text-[12px] leading-none text-[var(--sk-text-muted)] tabular-nums",
+				children: [m, "%"]
+			})]
+		}), /* @__PURE__ */ d("div", {
+			role: "progressbar",
+			"aria-valuenow": p ? void 0 : m,
+			"aria-valuemin": p ? void 0 : 0,
+			"aria-valuemax": p ? void 0 : 100,
+			style: v,
+			children: /* @__PURE__ */ d("div", { style: y })
+		})]
+	});
+}
+//#endregion
+//#region src/components/Card/Card.tsx
+var Kt = _([
+	"font-[system-ui,_-apple-system,_sans-serif]",
+	"overflow-hidden",
+	"transition-[box-shadow,background-color,border-color] duration-150 ease-out"
+].join(" "), {
+	variants: {
+		variant: {
+			elevated: "bg-[var(--sk-surface)] border btn-shadow",
+			filled: "border",
+			outline: "bg-transparent border"
+		},
+		tone: {
+			rose: "",
+			peach: "",
+			lemon: "",
+			mint: "",
+			sky: "",
+			lavender: "",
+			lilac: "",
+			neutral: "",
+			custom: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "elevated",
+			tone: "rose",
+			className: "border-pastel-rose-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "peach",
+			className: "border-pastel-peach-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "lemon",
+			className: "border-pastel-lemon-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "mint",
+			className: "border-pastel-mint-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "sky",
+			className: "border-pastel-sky-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "lavender",
+			className: "border-pastel-lavender-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "lilac",
+			className: "border-pastel-lilac-dark/[0.15]"
+		},
+		{
+			variant: "elevated",
+			tone: "neutral",
+			className: "border-pastel-neutral-dark/[0.15]"
+		},
+		{
+			variant: "filled",
+			tone: "rose",
+			className: "bg-pastel-rose/40     border-pastel-rose-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "peach",
+			className: "bg-pastel-peach/40    border-pastel-peach-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "lemon",
+			className: "bg-pastel-lemon/45    border-pastel-lemon-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "mint",
+			className: "bg-pastel-mint/40     border-pastel-mint-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "sky",
+			className: "bg-pastel-sky/40      border-pastel-sky-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "lavender",
+			className: "bg-pastel-lavender/40 border-pastel-lavender-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "lilac",
+			className: "bg-pastel-lilac/40    border-pastel-lilac-dark/[0.18]"
+		},
+		{
+			variant: "filled",
+			tone: "neutral",
+			className: "bg-pastel-neutral/40  border-pastel-neutral-dark/[0.18]"
+		},
+		{
+			variant: "outline",
+			tone: "rose",
+			className: "border-pastel-rose-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "peach",
+			className: "border-pastel-peach-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "lemon",
+			className: "border-pastel-lemon-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "mint",
+			className: "border-pastel-mint-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "sky",
+			className: "border-pastel-sky-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "lavender",
+			className: "border-pastel-lavender-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "lilac",
+			className: "border-pastel-lilac-dark/[0.35]"
+		},
+		{
+			variant: "outline",
+			tone: "neutral",
+			className: "border-pastel-neutral-dark/[0.35]"
+		}
+	],
+	defaultVariants: {
+		variant: "elevated",
+		tone: "neutral"
+	}
+});
+function qt({ as: e = "div", variant: t = "elevated", tone: n = "neutral", accentColor: r, radius: a = 16, padding: o, className: s, style: c, children: l, ...u }) {
+	let { accentColor: f } = i($e), p = r ?? f, m;
+	if (p) {
+		let { fill: e, border: n } = Ze(p);
+		m = t === "filled" ? {
+			backgroundColor: `${e}66`,
+			borderColor: `${n}30`
+		} : t === "outline" ? { borderColor: `${n}55` } : { borderColor: `${n}25` };
+	}
+	let h = {
+		borderRadius: a,
+		...o == null ? {} : { padding: o },
+		...m,
+		...c
+	};
+	return /* @__PURE__ */ d(e, {
+		className: $(Kt({
+			variant: t,
+			tone: p ? "custom" : n
+		}), s),
+		style: h,
+		...u,
+		children: l
+	});
+}
+function Jt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		className: $("px-[20px] py-[16px] border-b border-[var(--sk-border-subtle)] text-[var(--sk-text)]", e),
+		...n,
+		children: t
+	});
+}
+function Yt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		className: $("px-[20px] py-[16px] text-[var(--sk-text)]", e),
+		...n,
+		children: t
+	});
+}
+function Xt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		className: $("px-[20px] py-[14px] border-t border-[var(--sk-border-subtle)] text-[var(--sk-text)]", e),
+		...n,
+		children: t
+	});
+}
+qt.Header = Jt, qt.Body = Yt, qt.Footer = Xt;
+//#endregion
+//#region src/tokens/colors.ts
+var Zt = [
+	{
+		id: "rose",
+		label: "Rose",
+		hex: "#F9C5D1",
+		darkHex: "#c2607a"
+	},
+	{
+		id: "peach",
+		label: "Peach",
+		hex: "#FDDBB4",
+		darkHex: "#b87a3a"
+	},
+	{
+		id: "lemon",
+		label: "Lemon",
+		hex: "#FFF1A8",
+		darkHex: "#8a7820"
+	},
+	{
+		id: "mint",
+		label: "Mint",
+		hex: "#B8F0D8",
+		darkHex: "#2a7a58"
+	},
+	{
+		id: "sky",
+		label: "Sky",
+		hex: "#B8DFFE",
+		darkHex: "#2a68a0"
+	},
+	{
+		id: "lavender",
+		label: "Lavender",
+		hex: "#D4C5F9",
+		darkHex: "#5a3eaa"
+	},
+	{
+		id: "lilac",
+		label: "Lilac",
+		hex: "#F0C8F0",
+		darkHex: "#8a3a8a"
+	},
+	{
+		id: "neutral",
+		label: "Neutral",
+		hex: "#E8E4DC",
+		darkHex: "#5a5550"
+	}
+], Qt = Object.fromEntries(Zt.map((e) => [e.id, {
+	hex: e.hex,
+	darkHex: e.darkHex
+}]));
+//#endregion
+//#region src/hooks/useColorPickerSound.ts
+function $t(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+var en = {
+	rose: 523.25,
+	peach: 587.33,
+	lemon: 659.25,
+	mint: 698.46,
+	sky: 783.99,
+	lavender: 880,
+	lilac: 987.77,
+	neutral: 261.63
+};
+function tn(e, t) {
+	try {
+		let n = $t(e), r = n.currentTime, i = n.createOscillator(), a = n.createGain(), o = n.createBiquadFilter();
+		o.type = "lowpass", o.frequency.value = t * 3, o.Q.value = .8, i.connect(o), o.connect(a), a.connect(n.destination), i.type = "sine", i.frequency.setValueAtTime(t, r), i.frequency.exponentialRampToValueAtTime(t * .98, r + .15), a.gain.setValueAtTime(1e-4, r), a.gain.exponentialRampToValueAtTime(.08, r + .008), a.gain.exponentialRampToValueAtTime(1e-4, r + .22), i.start(r), i.stop(r + .25);
+	} catch {}
+}
+function nn() {
+	return c(null);
+}
+function rn(e, t) {
+	tn(e, en[t] ?? 523.25);
+}
+//#endregion
+//#region src/components/ColorPicker/ColorPicker.tsx
+var an = {
+	default: 32,
+	sm: 24
+}, on = {
+	default: 14,
+	sm: 11
+}, sn = ({ size: e }) => /* @__PURE__ */ d("svg", {
+	width: e,
+	height: e,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.8",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("path", { d: "M20 6L9 17l-5-5" })
+});
+function cn({ value: t, defaultValue: n, onChange: r, size: i = "default", disabled: a = !1, label: s, description: c, className: l, id: u }) {
+	let p = nn(), m = o(), h = u ?? `colorpicker-${m}`, g = c ? `${h}-desc` : void 0, [_, v] = e.useState(n), y = t !== void 0, b = y ? t : _, x = an[i], S = on[i], C = (e) => {
+		a || (y || v(e), r?.(e), rn(p, e));
+	};
+	return /* @__PURE__ */ f("div", {
+		className: $("inline-flex flex-col gap-[8px] font-[system-ui,_-apple-system,_sans-serif]", l),
+		children: [
+			s != null && /* @__PURE__ */ d("div", {
+				className: $("text-[12px] leading-none font-medium text-[var(--sk-text-label)]", a && "opacity-60"),
+				children: s
+			}),
+			/* @__PURE__ */ d("div", {
+				role: "radiogroup",
+				id: h,
+				"aria-describedby": g,
+				"aria-label": typeof s == "string" ? s : void 0,
+				className: "flex flex-wrap gap-[8px]",
+				children: Zt.map((e) => {
+					let t = e.id === b;
+					return /* @__PURE__ */ d("button", {
+						type: "button",
+						role: "radio",
+						"aria-checked": t,
+						"aria-label": e.label,
+						disabled: a,
+						onClick: () => C(e.id),
+						className: $("rounded-full outline-none cursor-pointer", "transition-[transform,box-shadow] duration-150 ease-out", "hover:scale-[1.12]", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--sk-border-strong)]", a && "opacity-50 cursor-not-allowed pointer-events-none", t ? "scale-[1.08] shadow-[0_0_0_2.5px_var(--sk-border-strong),inset_0_2px_6px_rgba(0,0,0,0.15)]" : "btn-shadow"),
+						style: {
+							width: x,
+							height: x,
+							background: e.hex,
+							display: "inline-flex",
+							alignItems: "center",
+							justifyContent: "center",
+							border: `1.5px solid ${e.darkHex}33`
+						},
+						children: t && /* @__PURE__ */ d("span", {
+							style: {
+								color: e.darkHex,
+								display: "flex"
+							},
+							children: /* @__PURE__ */ d(sn, { size: S })
+						})
+					}, e.id);
+				})
+			}),
+			c != null && /* @__PURE__ */ d("div", {
+				id: g,
+				className: "text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/usePickerSound.ts
+function ln(e) {
+	return e.current ||= new (window.AudioContext ?? window.webkitAudioContext)(), e.current;
+}
+function un(e, t) {
+	try {
+		let n = ln(e), r = n.currentTime, i = n.sampleRate * .08, a = n.createBuffer(1, i, n.sampleRate), o = a.getChannelData(0);
+		for (let e = 0; e < i; e++) o[e] = (Math.random() * 2 - 1) * .4;
+		let s = n.createBufferSource();
+		s.buffer = a;
+		let c = n.createBiquadFilter();
+		c.type = "bandpass", c.frequency.value = t === "next" ? 900 : 600, c.Q.value = 2.5;
+		let l = n.createGain();
+		s.connect(c), c.connect(l), l.connect(n.destination), l.gain.setValueAtTime(1e-4, r), l.gain.exponentialRampToValueAtTime(.07, r + .01), l.gain.exponentialRampToValueAtTime(1e-4, r + .07), s.start(r);
+	} catch {}
+}
+function dn(e) {
+	try {
+		let t = ln(e), n = t.currentTime, r = t.createOscillator(), i = t.createGain();
+		r.connect(i), i.connect(t.destination), r.type = "sine", r.frequency.setValueAtTime(1600, n), r.frequency.exponentialRampToValueAtTime(1050, n + .18), i.gain.setValueAtTime(1e-4, n), i.gain.exponentialRampToValueAtTime(.055, n + .012), i.gain.exponentialRampToValueAtTime(1e-4, n + .26), r.start(n), r.stop(n + .28);
+	} catch {}
+}
+function fn() {
+	return c(null);
+}
+//#endregion
+//#region src/components/DatePicker/DatePicker.tsx
+var pn = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], mn = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], hn = {
+	rose: "#F9C5D1",
+	peach: "#FDDBB4",
+	lemon: "#FFF1A8",
+	mint: "#B8F0D8",
+	sky: "#B8DFFE",
+	lavender: "#D4C5F9",
+	lilac: "#F0C8F0",
+	neutral: "#E8E4DC"
+}, gn = {
+	rose: "#c2607a",
+	peach: "#b87a3a",
+	lemon: "#8a7820",
+	mint: "#2a7a58",
+	sky: "#2a68a0",
+	lavender: "#5a3eaa",
+	lilac: "#8a3a8a",
+	neutral: "#5a5550"
+};
+function _n(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function vn(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function yn(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function bn(e) {
+	return e.toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function xn([e, t]) {
+	return !e && !t ? "" : e && !t ? bn(e) : !e && t ? bn(t) : `${bn(e)} – ${bn(t)}`;
+}
+function Sn(e) {
+	let t = e.trim();
+	if (!t) return null;
+	let n = new Date(t);
+	if (!isNaN(n.getTime()) && n.getFullYear() > 1e3 && n.getFullYear() < 3e3) return n;
+	let r = t.match(/^(\d{1,2})[/-](\d{1,2})[/-](\d{4})$/);
+	if (r) {
+		let e = new Date(+r[3], r[1] - 1, +r[2]);
+		if (!isNaN(e.getTime())) return e;
+	}
+	let i = t.match(/^(\d{4})[/-](\d{1,2})[/-](\d{1,2})$/);
+	if (i) {
+		let e = new Date(+i[1], i[2] - 1, +i[3]);
+		if (!isNaN(e.getTime())) return e;
+	}
+	return null;
+}
+function Cn(e, t) {
+	return new Date(e, t + 1, 0).getDate();
+}
+function wn(e, t) {
+	return new Date(e, t, 1).getDay();
+}
+function Tn(e, t) {
+	return t === 11 ? [e + 1, 0] : [e, t + 1];
+}
+var En = () => /* @__PURE__ */ f("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ d("rect", {
+			x: "3",
+			y: "4",
+			width: "18",
+			height: "18",
+			rx: "2"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "16",
+			y1: "2",
+			x2: "16",
+			y2: "6"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "8",
+			y1: "2",
+			x2: "8",
+			y2: "6"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "3",
+			y1: "10",
+			x2: "21",
+			y2: "10"
+		})
+	]
+}), Dn = () => /* @__PURE__ */ d("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("path", { d: "M15 18l-6-6 6-6" })
+}), On = () => /* @__PURE__ */ d("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ d("path", { d: "M9 18l6-6-6-6" })
+});
+function kn({ activeYear: e, fill: t, border: n, onSelect: r }) {
+	let i = (/* @__PURE__ */ new Date()).getFullYear(), [a, o] = l(e - e % 12), s = Array.from({ length: 12 }, (e, t) => a + t);
+	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+		className: "flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]",
+		children: [
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => o((e) => e - 12),
+				className: "w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100",
+				children: /* @__PURE__ */ d(Dn, {})
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "text-[13px] font-semibold text-[var(--sk-text-label)] select-none",
+				children: [
+					a,
+					"–",
+					a + 11
+				]
+			}),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => o((e) => e + 12),
+				className: "w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100",
+				children: /* @__PURE__ */ d(On, {})
+			})
+		]
+	}), /* @__PURE__ */ d("div", {
+		className: "grid grid-cols-3 gap-[4px] p-[12px]",
+		children: s.map((a) => {
+			let o = a === e;
+			return /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => r(a),
+				className: $("rounded-[8px] py-[9px] text-[13px] cursor-pointer transition-colors duration-75 outline-none", o ? "font-semibold" : "text-[var(--sk-text)] hover:bg-[var(--sk-surface-filled)]", a === i && !o && "font-semibold"),
+				style: o ? {
+					background: t,
+					border: `1.5px solid ${n}55`
+				} : void 0,
+				children: a
+			}, a);
+		})
+	})] });
+}
+function An({ year: e, month: t, mode: n, selectedDate: r, rangeStart: i, rangeEnd: a, hoverDate: o, minDate: s, maxDate: c, fill: l, border: u, focusedDate: p, onDayClick: m, onDayHover: h }) {
+	let g = /* @__PURE__ */ new Date(), _ = Cn(e, t), v = wn(e, t), y = [];
+	for (let e = 0; e < v; e++) y.push(null);
+	for (let n = 1; n <= _; n++) y.push(new Date(e, t, n));
+	let b = (e) => s != null && vn(e, s) || c != null && yn(e, c), x = i ?? null, S = a ?? (i && !a ? o ?? null : null);
+	return x && S && yn(x, S) && ([x, S] = [S, x]), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+		className: "grid grid-cols-7 px-[10px] pt-[10px] pb-[4px]",
+		children: pn.map((e) => /* @__PURE__ */ d("div", {
+			className: "text-center text-[11px] font-semibold text-[var(--sk-text-muted)] leading-none py-[2px]",
+			children: e
+		}, e))
+	}), /* @__PURE__ */ d("div", {
+		className: "grid grid-cols-7 px-[10px] pb-[10px] gap-y-[2px]",
+		children: y.map((e, t) => {
+			if (e === null) return /* @__PURE__ */ d("div", {}, `e-${t}`);
+			let o = n === "single" ? r != null && _n(e, r) : i != null && _n(e, i) || a != null && _n(e, a), s = n === "range" && x != null && _n(e, x), c = n === "range" && S != null && _n(e, S), _ = n === "range" && x != null && S != null && yn(e, x) && vn(e, S), v = o || s || c, y = p != null && _n(e, p), C = _n(e, g), w = b(e), T = v ? {
+				background: l,
+				border: `1.5px solid ${u}55`,
+				boxShadow: "inset 0 1px 0 rgba(255,255,255,0.35)"
+			} : _ ? { background: `${l}99` } : y && !w ? { background: "var(--sk-surface-filled)" } : {};
+			return /* @__PURE__ */ f("button", {
+				type: "button",
+				role: "gridcell",
+				"aria-selected": o,
+				"aria-disabled": w,
+				tabIndex: y ? 0 : -1,
+				onClick: () => !w && m(e),
+				onMouseEnter: () => !w && h(e),
+				onMouseLeave: () => h(null),
+				className: $("relative flex items-center justify-center", "text-[12px] text-[var(--sk-text)] leading-none aspect-square", "outline-none transition-colors duration-75", !w && "cursor-pointer", w && "opacity-30 cursor-not-allowed", v ? "rounded-[8px] font-semibold" : "rounded-[8px]", C && !v && "font-semibold", !v && !_ && !w && "hover:bg-[var(--sk-surface-filled)]", _ && !s && !c && "rounded-none", s && !c && "rounded-l-[8px] rounded-r-none", !s && c && "rounded-r-[8px] rounded-l-none"),
+				style: T,
+				children: [/* @__PURE__ */ d("span", { children: e.getDate() }), C && !v && /* @__PURE__ */ d("span", {
+					className: "absolute bottom-[3px] left-1/2 -translate-x-1/2 w-[3px] h-[3px] rounded-full",
+					style: { background: u }
+				})]
+			}, e.getTime());
+		})
+	})] });
+}
+var jn = n(function({ mode: e = "single", value: t, defaultValue: n = null, onChange: s, rangeValue: u, defaultRangeValue: p = [null, null], onRangeChange: m, minDate: h, maxDate: g, disabled: _ = !1, label: v, description: y, tone: b = "lavender", accentColor: x, size: S = "default", placeholder: C, id: w, className: T, containerClassName: E }, D) {
+	let O = fn(), k = o(), A = w ?? `datepicker-${k}`, j = `${A}-panel`, M = y ? `${A}-desc` : void 0, { accentColor: N } = i($e), { fill: P, border: F } = Qe(b, hn, gn, x ?? N), I = e === "single" && t !== void 0, [ee, L] = l(n), R = I ? t ?? null : ee, z = e === "range" && u !== void 0, [B, V] = l(p), H = z ? u : B, te = /* @__PURE__ */ new Date(), U = e === "single" ? R ?? te : H[0] ?? te, [W, G] = l(U.getFullYear()), [K, q] = l(U.getMonth()), [J, ne] = l("days"), [re, ie] = l(null), [ae, oe] = l("start"), [se, ce] = l(!1), le = C ?? (e === "range" ? "Pick a range…" : "Pick a date…");
+	function ue() {
+		return e === "range" ? xn(H) : R ? bn(R) : "";
+	}
+	let [Y, X] = l(ue), [de, fe] = l(!1);
+	a(() => {
+		de || X(ue());
+	}, [
+		R,
+		H[0],
+		H[1],
+		de
+	]);
+	let pe = c(null), me = c(null), he = r((e) => {
+		pe.current = e, typeof D == "function" ? D(e) : D != null && (D.current = e);
+	}, [D]), ge = r(() => {
+		_ || (ne("days"), ce(!0));
+	}, [_]), _e = r(() => {
+		ce(!1), ie(null);
+	}, []);
+	a(() => {
+		if (!se) return;
+		let e = (e) => {
+			pe.current?.closest(".dp-root")?.contains(e.target) || _e();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [se, _e]);
+	let ve = () => {
+		K === 0 ? (q(11), G((e) => e - 1)) : q((e) => e - 1), un(O, "prev");
+	}, ye = () => {
+		K === 11 ? (q(0), G((e) => e + 1)) : q((e) => e + 1), un(O, "next");
+	}, Z = (e) => {
+		I || L(e), s?.(e), dn(O), X(bn(e)), _e();
+	}, be = (e) => {
+		if (ae === "start" || H[0] && H[1]) {
+			let t = [e, null];
+			z || V(t), m?.(t), X(bn(e)), oe("end"), dn(O);
+		} else {
+			let t = H[0], n = e;
+			yn(t, n) && ([t, n] = [n, t]);
+			let r = [t, n];
+			z || V(r), m?.(r), X(xn(r)), oe("start"), dn(O), _e();
+		}
+	}, xe = (t) => {
+		e === "range" ? be(t) : Z(t);
+	}, Se = () => {
+		let t = Y.trim();
+		if (!t) {
+			if (e === "single") I || L(null), s?.(null);
+			else {
+				let e = [null, null];
+				z || V(e), m?.(e);
+			}
+			X("");
+			return;
+		}
+		if (e === "range") {
+			let e = t.split(/\s*[–-]\s*(?=\w)/), n = Sn(e[0] ?? ""), r = e[1] ? Sn(e[1]) : null;
+			if (n) {
+				let e = [n, r ?? null];
+				z || V(e), m?.(e), X(xn(e)), G(n.getFullYear()), q(n.getMonth());
+			} else X(xn(H));
+		} else {
+			let e = Sn(t);
+			e ? (I || L(e), s?.(e), X(bn(e)), G(e.getFullYear()), q(e.getMonth())) : X(ue());
+		}
+	}, Ce = S === "sm" ? 32 : 40, we = S === "sm" ? 10 : 12, Te = S === "sm" ? 12 : 13, Ee = `${mn[K]} ${W}`, [Q, De] = Tn(W, K), Oe = `${mn[De]} ${Q}`, ke = {
+		position: "absolute",
+		top: "calc(100% + 4px)",
+		left: 0,
+		zIndex: 50,
+		width: e === "range" ? 560 : 280,
+		borderRadius: 16,
+		background: "var(--sk-bg)",
+		backdropFilter: "blur(14px)",
+		WebkitBackdropFilter: "blur(14px)",
+		boxShadow: "0 8px 32px -6px var(--sk-shadow-b), 0 2px 6px var(--sk-shadow-c), inset 0 0 0 1px var(--sk-border)",
+		overflow: "hidden"
+	}, Ae = "w-[28px] h-[28px] rounded-full flex items-center justify-center text-[var(--sk-text-muted)] hover:bg-[var(--sk-surface-filled)] hover:text-[var(--sk-text)] outline-none cursor-pointer transition-colors duration-100", je = "text-[13px] font-semibold text-[var(--sk-text-label)] select-none hover:text-[var(--sk-text)] cursor-pointer transition-colors duration-100 outline-none rounded-[6px] px-[6px] py-[2px] hover:bg-[var(--sk-surface-filled)]";
+	return /* @__PURE__ */ f("div", {
+		className: $("w-full font-[system-ui,_-apple-system,_sans-serif] dp-root", E),
+		children: [
+			v != null && /* @__PURE__ */ d("label", {
+				htmlFor: A,
+				className: $("block mb-[6px] text-[12px] leading-none font-medium text-[var(--sk-text-label)]", _ && "opacity-60"),
+				children: v
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ f("div", {
+					className: $("relative w-full inline-flex items-center", "bg-[var(--sk-surface)] border rounded-[12px]", "btn-shadow hover:btn-shadow-hover hover:brightness-[1.03]", "transition-[box-shadow,border-color,background-color] duration-150 ease-out", _ && "opacity-50 pointer-events-none", T),
+					style: {
+						height: Ce,
+						borderColor: se ? `${F}88` : `${F}44`
+					},
+					children: [/* @__PURE__ */ d("input", {
+						ref: he,
+						id: A,
+						type: "text",
+						autoComplete: "off",
+						disabled: !!_,
+						placeholder: le,
+						"aria-haspopup": "dialog",
+						"aria-expanded": se,
+						"aria-controls": se ? j : void 0,
+						"aria-describedby": M,
+						value: Y,
+						onChange: (e) => {
+							X(e.target.value), fe(!0);
+						},
+						onFocus: () => {
+							fe(!0), ge();
+						},
+						onBlur: () => {
+							fe(!1), Se();
+						},
+						onKeyDown: (e) => {
+							e.key === "Enter" && e.currentTarget.blur(), e.key === "Escape" && (_e(), e.currentTarget.blur());
+						},
+						className: $("flex-1 min-w-0 bg-transparent outline-none cursor-text select-text", "placeholder:text-[var(--sk-text-placeholder)] text-[var(--sk-text)]"),
+						style: {
+							paddingInline: we,
+							fontSize: Te
+						}
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						tabIndex: -1,
+						"aria-label": "Toggle calendar",
+						onMouseDown: (e) => {
+							e.preventDefault(), se ? _e() : (pe.current?.focus(), ge());
+						},
+						className: "shrink-0 flex items-center justify-center text-[var(--sk-text-muted)] hover:text-[var(--sk-text)] cursor-pointer pr-[10px] transition-colors duration-100 outline-none",
+						children: /* @__PURE__ */ d(En, {})
+					})]
+				}), se && /* @__PURE__ */ f("div", {
+					ref: me,
+					id: j,
+					role: "dialog",
+					"aria-label": "Date picker",
+					tabIndex: -1,
+					style: ke,
+					children: [J === "years" ? /* @__PURE__ */ d(kn, {
+						activeYear: W,
+						fill: P,
+						border: F,
+						onSelect: (e) => {
+							G(e), ne("days");
+						}
+					}) : /* @__PURE__ */ f("div", {
+						className: $("flex", e === "range" && "divide-x divide-[var(--sk-border-subtle)]"),
+						children: [/* @__PURE__ */ f("div", {
+							className: $(e === "range" ? "w-[280px]" : "w-full"),
+							children: [/* @__PURE__ */ f("div", {
+								className: "flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]",
+								children: [
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										"aria-label": "Previous month",
+										onClick: ve,
+										className: Ae,
+										children: /* @__PURE__ */ d(Dn, {})
+									}),
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => ne("years"),
+										className: je,
+										children: Ee
+									}),
+									e === "single" && /* @__PURE__ */ d("button", {
+										type: "button",
+										"aria-label": "Next month",
+										onClick: ye,
+										className: Ae,
+										children: /* @__PURE__ */ d(On, {})
+									}),
+									e === "range" && /* @__PURE__ */ d("div", { className: "w-[28px]" })
+								]
+							}), /* @__PURE__ */ d(An, {
+								year: W,
+								month: K,
+								mode: e,
+								selectedDate: R,
+								rangeStart: H[0],
+								rangeEnd: H[1],
+								hoverDate: re,
+								minDate: h,
+								maxDate: g,
+								fill: P,
+								border: F,
+								onDayClick: xe,
+								onDayHover: ie
+							})]
+						}), e === "range" && /* @__PURE__ */ f("div", {
+							className: "w-[280px]",
+							children: [/* @__PURE__ */ f("div", {
+								className: "flex items-center justify-between px-[14px] py-[12px] border-b border-[var(--sk-border-subtle)]",
+								children: [
+									/* @__PURE__ */ d("div", { className: "w-[28px]" }),
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => ne("years"),
+										className: je,
+										children: Oe
+									}),
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										"aria-label": "Next month",
+										onClick: ye,
+										className: Ae,
+										children: /* @__PURE__ */ d(On, {})
+									})
+								]
+							}), /* @__PURE__ */ d(An, {
+								year: Q,
+								month: De,
+								mode: e,
+								rangeStart: H[0],
+								rangeEnd: H[1],
+								hoverDate: re,
+								minDate: h,
+								maxDate: g,
+								fill: P,
+								border: F,
+								onDayClick: xe,
+								onDayHover: ie
+							})]
+						})]
+					}), e === "range" && J === "days" && /* @__PURE__ */ d("div", {
+						className: "px-[14px] py-[10px] border-t border-[var(--sk-border-subtle)] text-[11px] text-[var(--sk-text-muted)] text-center",
+						children: ae === "start" || H[0] && H[1] ? "Click to set start date" : "Click to set end date"
+					})]
+				})]
+			}),
+			y != null && /* @__PURE__ */ d("div", {
+				id: M,
+				className: "mt-[6px] text-[12px] leading-snug text-[var(--sk-text-desc)]",
+				children: y
+			})
+		]
+	});
+}), Mn = {
+	info: {
+		bg: "bg-pastel-sky/45 dark:bg-pastel-sky/20",
+		border: "border-pastel-sky-dark/[0.20] dark:border-pastel-sky-dark/[0.35]",
+		iconColor: "text-pastel-sky-dark",
+		title: "text-pastel-sky-dark"
+	},
+	success: {
+		bg: "bg-pastel-mint/45 dark:bg-pastel-mint/20",
+		border: "border-pastel-mint-dark/[0.20] dark:border-pastel-mint-dark/[0.35]",
+		iconColor: "text-pastel-mint-dark",
+		title: "text-pastel-mint-dark"
+	},
+	warning: {
+		bg: "bg-pastel-lemon/50 dark:bg-pastel-lemon/20",
+		border: "border-pastel-lemon-dark/[0.20] dark:border-pastel-lemon-dark/[0.35]",
+		iconColor: "text-pastel-lemon-dark",
+		title: "text-pastel-lemon-dark"
+	},
+	error: {
+		bg: "bg-pastel-rose/45 dark:bg-pastel-rose/20",
+		border: "border-pastel-rose-dark/[0.20] dark:border-pastel-rose-dark/[0.35]",
+		iconColor: "text-pastel-rose-dark",
+		title: "text-pastel-rose-dark"
+	}
+}, Nn = () => /* @__PURE__ */ f("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ d("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "12",
+			y1: "8",
+			x2: "12",
+			y2: "12"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "12",
+			y1: "16",
+			x2: "12.01",
+			y2: "16"
+		})
+	]
+}), Pn = () => /* @__PURE__ */ f("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ d("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }), /* @__PURE__ */ d("polyline", { points: "22 4 12 14.01 9 11.01" })]
+}), Fn = () => /* @__PURE__ */ f("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ d("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
+		/* @__PURE__ */ d("line", {
+			x1: "12",
+			y1: "9",
+			x2: "12",
+			y2: "13"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "12",
+			y1: "17",
+			x2: "12.01",
+			y2: "17"
+		})
+	]
+}), In = () => /* @__PURE__ */ f("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ d("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "15",
+			y1: "9",
+			x2: "9",
+			y2: "15"
+		}),
+		/* @__PURE__ */ d("line", {
+			x1: "9",
+			y1: "9",
+			x2: "15",
+			y2: "15"
+		})
+	]
+}), Ln = () => /* @__PURE__ */ f("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ d("line", {
+		x1: "18",
+		y1: "6",
+		x2: "6",
+		y2: "18"
+	}), /* @__PURE__ */ d("line", {
+		x1: "6",
+		y1: "6",
+		x2: "18",
+		y2: "18"
+	})]
+}), Rn = {
+	info: /* @__PURE__ */ d(Nn, {}),
+	success: /* @__PURE__ */ d(Pn, {}),
+	warning: /* @__PURE__ */ d(Fn, {}),
+	error: /* @__PURE__ */ d(In, {})
+};
+function zn({ variant: e = "info", title: t, children: n, dismissable: r = !1, onDismiss: i, icon: a, className: o }) {
+	let [s, c] = l("in"), u = Mn[e];
+	return s === "out" ? null : /* @__PURE__ */ f("div", {
+		role: "alert",
+		style: { animation: "alert-in 220ms cubic-bezier(0.34, 1.42, 0.64, 1) both" },
+		className: $("flex gap-[10px] items-start", "rounded-[12px] border px-[14px] py-[12px]", "font-[system-ui,_-apple-system,_sans-serif]", u.bg, u.border, o),
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: $("shrink-0 mt-[1px]", u.iconColor),
+				children: a ?? Rn[e]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex-1 min-w-0",
+				children: [t != null && /* @__PURE__ */ d("div", {
+					className: $("text-[13px] font-semibold leading-none mb-[4px]", u.title),
+					children: t
+				}), n != null && /* @__PURE__ */ d("div", {
+					className: "text-[12px] leading-snug text-[var(--sk-text-muted)]",
+					children: n
+				})]
+			}),
+			r && /* @__PURE__ */ d("button", {
+				type: "button",
+				"aria-label": "Dismiss",
+				onClick: () => {
+					c("out"), i?.();
+				},
+				className: "shrink-0 mt-[1px] text-[var(--sk-text-muted)] hover:text-[var(--sk-text)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--sk-border-strong)] rounded-[4px] cursor-pointer transition-colors duration-100",
+				children: /* @__PURE__ */ d(Ln, {})
+			})
+		]
+	});
+}
+//#endregion
+export { zn as Alert, ot as Button, Zt as COLORS, Qt as COLOR_MAP, qt as Card, cn as ColorPicker, jn as DatePicker, dt as Input, Gt as Progress, kt as Select, zt as Slider, Vt as Textarea, $e as ThemeContext, tt as ThemeProvider, xt as Toggle, Ze as hexToAccentPair, Qe as resolveAccent, et as useTheme };