@fde-desktop/fde-core 0.4.8 → 0.4.9

package/dist/{ColorPicker-DvRR-wlQ.js → ColorPicker-BCNqi02x.js}

@@ -1,102 +1,102 @@
-import { C as e, F as t, L as n, N as r, O as i, P as a, a as o, c as s, d as c, j as l, l as u, n as d, r as f, s as p, t as m, z as h } from "./Box-DRm8EabO.js";
-import { d as g, f as _, n as v } from "./Tooltip-CAOO-qdx.js";
-import { t as y } from "./use-uncontrolled-A4hm9ATM.js";
-import { d as b, f as x, i as S, n as C, r as ee } from "./TextInput-C3qfxxWI.js";
-import { r as te } from "./use-merged-ref-BT8_u6vW.js";
-import { t as ne } from "./use-resolved-styles-api-pEOi2wiK.js";
-import { t as re } from "./UnstyledButton-CI3kyRck.js";
-import { t as ie } from "./ActionIcon-CtVbYlGY.js";
-import { t as w } from "./CheckIcon-C3WjIR2i.js";
-import { t as T } from "./Colors-hca6raEG.js";
-import { createContext as E, createElement as D, use as O, useCallback as k, useEffect as A, useRef as j, useState as M } from "react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { A as e, C as t, D as n, I as r, M as i, N as a, P as o, R as s, a as c, c as l, d as u, l as d, n as f, r as p, s as m, t as h } from "./Box-DSKR_qaa.js";
+import { d as g, n as _, u as ee } from "./Tooltip-DOeIvhrO.js";
+import { t as v } from "./use-uncontrolled-A4hm9ATM.js";
+import { d as y, f as b, i as x, n as S, r as te } from "./TextInput-C-JtGWn1.js";
+import { r as ne } from "./use-merged-ref-BT8_u6vW.js";
+import { t as re } from "./use-resolved-styles-api-DNUlJJZf.js";
+import { t as ie } from "./UnstyledButton-DGaG-e_G.js";
+import { t as ae } from "./ActionIcon-Drh4p6Fv.js";
+import { t as C } from "./CheckIcon-N5qBqXQJ.js";
+import { t as w } from "./Colors-ClnDxnyA.js";
+import { createContext as T, createElement as E, use as D, useCallback as O, useEffect as k, useRef as A, useState as j } from "react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/units-converters/px.mjs
-function I(e) {
+function F(e) {
 	return typeof e != "string" || !e.includes("var(--mantine-scale)") ? e : e.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim();
 }
-function L(e) {
-	let t = I(e);
+function I(e) {
+	let t = F(e);
 	return typeof t == "number" ? t : typeof t == "string" ? t.includes("calc") || t.includes("var") ? t : t.includes("px") ? Number(t.replace("px", "")) : t.includes("rem") ? Number(t.replace("rem", "")) * 16 : t.includes("em") ? Number(t.replace("em", "")) * 16 : Number(t) : NaN;
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/get-breakpoint-value/get-breakpoint-value.mjs
-function R(e, t) {
-	return e in t ? L(t[e]) : L(e);
+function L(e, t) {
+	return e in t ? I(t[e]) : I(e);
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs
-function z(e, t) {
+function R(e, t) {
 	let n = e.map((e) => ({
 		value: e,
-		px: R(e, t)
+		px: L(e, t)
 	}));
 	return n.sort((e, t) => e.px - t.px), n;
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/get-base-value/get-base-value.mjs
-function B(e) {
+function z(e) {
 	return typeof e == "object" && e ? "base" in e ? e.base : void 0 : e;
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-eye-dropper/use-eye-dropper.mjs
-function V() {
-	let [e, t] = M(!1);
-	return x(() => {
-		t(typeof window < "u" && !H() && "EyeDropper" in window);
+function B() {
+	let [e, t] = j(!1);
+	return b(() => {
+		t(typeof window < "u" && !V() && "EyeDropper" in window);
 	}, []), {
 		supported: e,
-		open: k((t = {}) => e ? new window.EyeDropper().open(t) : Promise.resolve(void 0), [e])
+		open: O((t = {}) => e ? new window.EyeDropper().open(t) : Promise.resolve(void 0), [e])
 	};
 }
-function H() {
+function V() {
 	return navigator.userAgent.includes("OPR");
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorSwatch/ColorSwatch.module.mjs
-var U = {
+var H = {
 	root: "m_de3d2490",
 	colorOverlay: "m_862f3d1b",
 	shadowOverlay: "m_98ae7f22",
 	alphaOverlay: "m_95709ac0",
 	childrenOverlay: "m_93e74e3"
-}, W = { withShadow: !0 }, G = i((e, { radius: t, size: r }) => ({ root: {
-	"--cs-radius": t === void 0 ? void 0 : l(t),
-	"--cs-size": n(r)
-} })), K = d((e) => {
-	let t = u("ColorSwatch", W, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, color: l, radius: d, withShadow: f, children: p, attributes: h, ...g } = u("ColorSwatch", W, t), _ = s({
+}, U = { withShadow: !0 }, W = n((t, { radius: n, size: i }) => ({ root: {
+	"--cs-radius": n === void 0 ? void 0 : e(n),
+	"--cs-size": r(i)
+} })), G = f((e) => {
+	let t = d("ColorSwatch", U, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, color: c, radius: u, withShadow: f, children: p, attributes: m, ...g } = d("ColorSwatch", U, t), _ = l({
 		name: "ColorSwatch",
 		props: t,
-		classes: U,
+		classes: H,
 		className: r,
 		style: i,
 		classNames: n,
 		styles: a,
 		unstyled: o,
-		attributes: h,
-		vars: c,
-		varsResolver: G
+		attributes: m,
+		vars: s,
+		varsResolver: W
 	});
-	return /* @__PURE__ */ F(m, {
+	return /* @__PURE__ */ P(h, {
 		..._("root", { focusable: !0 }),
 		...g,
 		children: [
-			/* @__PURE__ */ P("span", { ..._("alphaOverlay") }),
-			f && /* @__PURE__ */ P("span", { ..._("shadowOverlay") }),
-			/* @__PURE__ */ P("span", { ..._("colorOverlay", { style: { backgroundColor: l } }) }),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ N("span", { ..._("alphaOverlay") }),
+			f && /* @__PURE__ */ N("span", { ..._("shadowOverlay") }),
+			/* @__PURE__ */ N("span", { ..._("colorOverlay", { style: { backgroundColor: c } }) }),
+			/* @__PURE__ */ N("span", {
 				..._("childrenOverlay"),
 				children: p
 			})
 		]
 	});
 });
-K.classes = U, K.varsResolver = G, K.displayName = "@mantine/core/ColorSwatch";
+G.classes = H, G.varsResolver = W, G.displayName = "@mantine/core/ColorSwatch";
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/converters/parsers.mjs
-function q(e, t = 0, n = 10 ** t) {
+function K(e, t = 0, n = 10 ** t) {
 	return Math.round(n * e) / n;
 }
-function J({ h: e, s: t, l: n, a: r }) {
+function q({ h: e, s: t, l: n, a: r }) {
 	let i = t * ((n < 50 ? n : 100 - n) / 100);
 	return {
 		h: e,
@@ -105,19 +105,19 @@ function J({ h: e, s: t, l: n, a: r }) {
 		a: r
 	};
 }
-var Y = {
+var J = {
 	grad: 360 / 400,
 	turn: 360,
 	rad: 360 / (Math.PI * 2)
 };
-function ae(e, t = "deg") {
-	return Number(e) * (Y[t] || 1);
-}
-var oe = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
-function se(e) {
-	let t = oe.exec(e);
-	return t ? J({
-		h: ae(t[1], t[2]),
+function oe(e, t = "deg") {
+	return Number(e) * (J[t] || 1);
+}
+var se = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
+function ce(e) {
+	let t = se.exec(e);
+	return t ? q({
+		h: oe(t[1], t[2]),
 		s: Number(t[3]),
 		l: Number(t[4]),
 		a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1)
@@ -128,23 +128,23 @@ function se(e) {
 		a: 1
 	};
 }
-function ce({ r: e, g: t, b: n, a: r }) {
+function le({ r: e, g: t, b: n, a: r }) {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
-		h: q(60 * (o < 0 ? o + 6 : o), 3),
-		s: q(i ? a / i * 100 : 0, 3),
-		v: q(i / 255 * 100, 3),
+		h: K(60 * (o < 0 ? o + 6 : o), 3),
+		s: K(i ? a / i * 100 : 0, 3),
+		v: K(i / 255 * 100, 3),
 		a: r
 	};
 }
-function le(e) {
+function Y(e) {
 	let t = e[0] === "#" ? e.slice(1) : e;
-	return t.length === 3 ? ce({
+	return t.length === 3 ? le({
 		r: parseInt(t[0] + t[0], 16),
 		g: parseInt(t[1] + t[1], 16),
 		b: parseInt(t[2] + t[2], 16),
 		a: 1
-	}) : ce({
+	}) : le({
 		r: parseInt(t.slice(0, 2), 16),
 		g: parseInt(t.slice(2, 4), 16),
 		b: parseInt(t.slice(4, 6), 16),
@@ -152,24 +152,24 @@ function le(e) {
 	});
 }
 function ue(e) {
-	let t = e[0] === "#" ? e.slice(1) : e, n = (e) => q(parseInt(e, 16) / 255, 3);
+	let t = e[0] === "#" ? e.slice(1) : e, n = (e) => K(parseInt(e, 16) / 255, 3);
 	if (t.length === 4) {
 		let e = t.slice(0, 3), r = n(t[3] + t[3]);
 		return {
-			...le(e),
+			...Y(e),
 			a: r
 		};
 	}
 	let r = t.slice(0, 6), i = n(t.slice(6, 8));
 	return {
-		...le(r),
+		...Y(r),
 		a: i
 	};
 }
 var de = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
 function fe(e) {
 	let t = de.exec(e);
-	return t ? ce({
+	return t ? le({
 		r: Number(t[1]) / (t[2] ? 100 / 255 : 1),
 		g: Number(t[3]) / (t[4] ? 100 / 255 : 1),
 		b: Number(t[5]) / (t[6] ? 100 / 255 : 1),
@@ -189,12 +189,12 @@ var pe = {
 	hsl: /hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/i,
 	hsla: /^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d*(?:\.\d+)?)\)$/i
 }, me = {
-	hex: le,
+	hex: Y,
 	hexa: ue,
 	rgb: fe,
 	rgba: fe,
-	hsl: se,
-	hsla: se
+	hsl: ce,
+	hsla: ce
 };
 function X(e) {
 	for (let [, t] of Object.entries(pe)) if (t.test(e)) return !0;
@@ -224,11 +224,11 @@ function Z(e) {
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/ColorPicker.context.mjs
-var he = E(null);
+var he = T(null);
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/Thumb/Thumb.mjs
 function ge({ position: e, ...t }) {
-	return /* @__PURE__ */ P(m, {
+	return /* @__PURE__ */ N(h, {
 		__vars: {
 			"--thumb-y-offset": `${e.y * 100}%`,
 			"--thumb-x-offset": `${e.x * 100}%`
@@ -251,81 +251,81 @@ var _e = {
 	saturationOverlay: "m_11b3db02",
 	slider: "m_d856d47d",
 	sliderOverlay: "m_8f327113"
-}, Q = f((e) => {
-	let t = u("ColorSlider", null, e), { classNames: r, className: i, style: a, styles: o, unstyled: l, vars: d, onChange: f, onChangeEnd: p, maxValue: h, round: v, size: y = "md", focusable: x = !0, value: S, overlays: C, thumbColor: ee = "transparent", onScrubStart: ne, onScrubEnd: re, __staticSelector: ie = "ColorPicker", attributes: w, ref: T, ...E } = t, k = s({
-		name: ie,
+}, Q = p((e) => {
+	let t = d("ColorSlider", null, e), { classNames: n, className: i, style: a, styles: o, unstyled: s, vars: c, onChange: f, onChangeEnd: p, maxValue: m, round: _, size: v = "md", focusable: b = !0, value: x, overlays: S, thumbColor: te = "transparent", onScrubStart: re, onScrubEnd: ie, __staticSelector: ae = "ColorPicker", attributes: C, ref: w, ...T } = t, O = l({
+		name: ae,
 		classes: _e,
 		props: t,
 		className: i,
 		style: a,
-		classNames: r,
+		classNames: n,
 		styles: o,
-		unstyled: l,
-		attributes: w,
+		unstyled: s,
+		attributes: C,
 		rootSelector: "slider"
-	}), A = O(he)?.getStyles || k, N = c(), [I, L] = M({
+	}), k = D(he)?.getStyles || O, M = u(), [F, I] = j({
 		y: 0,
-		x: S / h
-	}), R = j(I), z = (e) => v ? Math.round(e * h) : e * h, { ref: B } = _(({ x: e, y: t }) => {
-		R.current = {
+		x: x / m
+	}), L = A(F), R = (e) => _ ? Math.round(e * m) : e * m, { ref: z } = g(({ x: e, y: t }) => {
+		L.current = {
 			x: e,
 			y: t
-		}, f?.(z(e));
+		}, f?.(R(e));
 	}, {
 		onScrubEnd: () => {
-			let { x: e } = R.current;
-			p?.(z(e)), re?.();
+			let { x: e } = L.current;
+			p?.(R(e)), ie?.();
 		},
-		onScrubStart: ne
+		onScrubStart: re
 	});
-	b(() => {
-		L({
+	y(() => {
+		I({
 			y: 0,
-			x: S / h
+			x: x / m
 		});
-	}, [S]);
-	let V = (e, t) => {
+	}, [x]);
+	let B = (e, t) => {
 		e.preventDefault();
-		let n = g(t);
-		f?.(z(n.x)), p?.(z(n.x));
-	}, H = (e) => {
+		let n = ee(t);
+		f?.(R(n.x)), p?.(R(n.x));
+	}, V = (e) => {
 		switch (e.key) {
 			case "ArrowRight":
-				V(e, {
-					x: I.x + .05,
-					y: I.y
+				B(e, {
+					x: F.x + .05,
+					y: F.y
 				});
 				break;
 			case "ArrowLeft":
-				V(e, {
-					x: I.x - .05,
-					y: I.y
+				B(e, {
+					x: F.x - .05,
+					y: F.y
 				});
 				break;
 		}
-	}, U = C.map((e, t) => /* @__PURE__ */ D("div", {
-		...A("sliderOverlay"),
+	}, H = S.map((e, t) => /* @__PURE__ */ E("div", {
+		...k("sliderOverlay"),
 		style: e,
 		key: t
 	}));
-	return /* @__PURE__ */ F(m, {
-		...E,
-		ref: te(B, T),
-		...A("slider"),
-		size: y,
+	return /* @__PURE__ */ P(h, {
+		...T,
+		ref: ne(z, w),
+		...k("slider"),
+		size: v,
 		role: "slider",
-		"aria-valuenow": S,
-		"aria-valuemax": h,
+		"aria-valuenow": x,
+		"aria-valuemax": m,
 		"aria-valuemin": 0,
-		tabIndex: x ? 0 : -1,
-		onKeyDown: H,
-		"data-focus-ring": N.focusRing,
-		__vars: { "--cp-thumb-size": `var(--cp-thumb-size-${y})` },
-		children: [U, /* @__PURE__ */ P(ge, {
-			position: I,
-			...A("thumb", { style: {
-				top: n(1),
-				background: ee
+		tabIndex: b ? 0 : -1,
+		onKeyDown: V,
+		"data-focus-ring": M.focusRing,
+		__vars: { "--cp-thumb-size": `var(--cp-thumb-size-${v})` },
+		children: [H, /* @__PURE__ */ N(ge, {
+			position: F,
+			...k("thumb", { style: {
+				top: r(1),
+				background: te
 			} })
 		})]
 	});
@@ -333,24 +333,24 @@ var _e = {
 Q.displayName = "@mantine/core/ColorSlider", Q.classes = _e;
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/AlphaSlider/AlphaSlider.mjs
-var ve = { __staticSelector: "AlphaSlider" }, ye = f((e) => {
-	let { value: t, onChange: r, onChangeEnd: i, color: a, ...o } = u("AlphaSlider", ve, e);
-	return /* @__PURE__ */ P(Q, {
+var ve = { __staticSelector: "AlphaSlider" }, ye = p((e) => {
+	let { value: t, onChange: n, onChangeEnd: i, color: a, ...o } = d("AlphaSlider", ve, e);
+	return /* @__PURE__ */ N(Q, {
 		...o,
 		value: t,
-		onChange: (e) => r?.(q(e, 2)),
-		onChangeEnd: (e) => i?.(q(e, 2)),
+		onChange: (e) => n?.(K(e, 2)),
+		onChangeEnd: (e) => i?.(K(e, 2)),
 		maxValue: 1,
 		round: !1,
 		"data-alpha": !0,
 		overlays: [
 			{
 				backgroundImage: "linear-gradient(45deg, var(--slider-checkers) 25%, transparent 25%), linear-gradient(-45deg, var(--slider-checkers) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--slider-checkers) 75%), linear-gradient(-45deg, var(--mantine-color-body) 75%, var(--slider-checkers) 75%)",
-				backgroundSize: `${n(8)} ${n(8)}`,
-				backgroundPosition: `0 0, 0 ${n(4)}, ${n(4)} ${n(-4)}, ${n(-4)} 0`
+				backgroundSize: `${r(8)} ${r(8)}`,
+				backgroundPosition: `0 0, 0 ${r(4)}, ${r(4)} ${r(-4)}, ${r(-4)} 0`
 			},
 			{ backgroundImage: `linear-gradient(90deg, transparent, ${a})` },
-			{ boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${n(1)} inset, rgb(0, 0, 0, .15) 0 0 ${n(4)} inset` }
+			{ boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${r(1)} inset, rgb(0, 0, 0, .15) 0 0 ${r(4)} inset` }
 		]
 	});
 });
@@ -360,7 +360,7 @@ ye.displayName = "@mantine/core/AlphaSlider", ye.classes = Q.classes;
 function be({ h: e, s: t, v: n, a: r }) {
 	let i = e / 360 * 6, a = t / 100, o = n / 100, s = Math.floor(i), c = o * (1 - a), l = o * (1 - (i - s) * a), u = o * (1 - (1 - i + s) * a), d = s % 6;
 	return {
-		r: q([
+		r: K([
 			o,
 			l,
 			c,
@@ -368,7 +368,7 @@ function be({ h: e, s: t, v: n, a: r }) {
 			u,
 			o
 		][d] * 255),
-		g: q([
+		g: K([
 			u,
 			o,
 			o,
@@ -376,7 +376,7 @@ function be({ h: e, s: t, v: n, a: r }) {
 			c,
 			c
 		][d] * 255),
-		b: q([
+		b: K([
 			c,
 			c,
 			u,
@@ -384,12 +384,12 @@ function be({ h: e, s: t, v: n, a: r }) {
 			o,
 			l
 		][d] * 255),
-		a: q(r, 2)
+		a: K(r, 2)
 	};
 }
 function xe(e, t) {
 	let { r: n, g: r, b: i, a } = be(e);
-	return t ? `rgba(${n}, ${r}, ${i}, ${q(a, 2)})` : `rgb(${n}, ${r}, ${i})`;
+	return t ? `rgba(${n}, ${r}, ${i}, ${K(a, 2)})` : `rgb(${n}, ${r}, ${i})`;
 }
 function Se({ h: e, s: t, v: n, a: r }, i) {
 	let a = (200 - t) * n / 100, o = {
@@ -397,7 +397,7 @@ function Se({ h: e, s: t, v: n, a: r }, i) {
 		s: Math.round(a > 0 && a < 200 ? t * n / 100 / (a <= 100 ? a : 200 - a) * 100 : 0),
 		l: Math.round(a / 2)
 	};
-	return i ? `hsla(${o.h}, ${o.s}%, ${o.l}%, ${q(r, 2)})` : `hsl(${o.h}, ${o.s}%, ${o.l}%)`;
+	return i ? `hsla(${o.h}, ${o.s}%, ${o.l}%, ${K(r, 2)})` : `hsl(${o.h}, ${o.s}%, ${o.l}%)`;
 }
 function Ce(e) {
 	let t = e.toString(16);
@@ -424,29 +424,29 @@ function $(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/HueSlider/HueSlider.mjs
-var De = { __staticSelector: "HueSlider" }, Oe = f((e) => {
-	let { value: t, onChange: r, onChangeEnd: i, color: a, ...o } = u("HueSlider", De, e);
-	return /* @__PURE__ */ P(Q, {
+var De = { __staticSelector: "HueSlider" }, Oe = p((e) => {
+	let { value: t, onChange: n, onChangeEnd: i, color: a, ...o } = d("HueSlider", De, e);
+	return /* @__PURE__ */ N(Q, {
 		...o,
 		value: t,
-		onChange: r,
+		onChange: n,
 		onChangeEnd: i,
 		maxValue: 360,
 		thumbColor: `hsl(${t}, 100%, 50%)`,
 		round: !0,
 		"data-hue": !0,
-		overlays: [{ backgroundImage: "linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))" }, { boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${n(1)} inset, rgb(0, 0, 0, .15) 0 0 ${n(4)} inset` }]
+		overlays: [{ backgroundImage: "linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))" }, { boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${r(1)} inset, rgb(0, 0, 0, .15) 0 0 ${r(4)} inset` }]
 	});
 });
 Oe.displayName = "@mantine/core/HueSlider", Oe.classes = Q.classes;
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/Saturation/Saturation.mjs
 function ke({ className: e, onChange: t, onChangeEnd: n, value: r, saturationLabel: i, focusable: a = !0, size: o, color: s, onScrubStart: c, onScrubEnd: l, ...u }) {
-	let { getStyles: d } = O(he), [f, p] = M({
+	let { getStyles: d } = D(he), [f, p] = j({
 		x: r.s / 100,
 		y: 1 - r.v / 100
-	}), h = j(f), { ref: v } = _(({ x: e, y: n }) => {
-		h.current = {
+	}), m = A(f), { ref: _ } = g(({ x: e, y: n }) => {
+		m.current = {
 			x: e,
 			y: n
 		}, t({
@@ -455,7 +455,7 @@ function ke({ className: e, onChange: t, onChangeEnd: n, value: r, saturationLab
 		});
 	}, {
 		onScrubEnd: () => {
-			let { x: e, y: t } = h.current;
+			let { x: e, y: t } = m.current;
 			n({
 				s: Math.round(e * 100),
 				v: Math.round((1 - t) * 100)
@@ -463,15 +463,15 @@ function ke({ className: e, onChange: t, onChangeEnd: n, value: r, saturationLab
 		},
 		onScrubStart: c
 	});
-	A(() => {
+	k(() => {
 		p({
 			x: r.s / 100,
 			y: 1 - r.v / 100
 		});
 	}, [r.s, r.v]);
-	let y = (e, r) => {
+	let v = (e, r) => {
 		e.preventDefault();
-		let i = g(r);
+		let i = ee(r);
 		t({
 			s: Math.round(i.x * 100),
 			v: Math.round((1 - i.y) * 100)
@@ -479,49 +479,49 @@ function ke({ className: e, onChange: t, onChangeEnd: n, value: r, saturationLab
 			s: Math.round(i.x * 100),
 			v: Math.round((1 - i.y) * 100)
 		});
-	}, b = (e) => {
+	}, y = (e) => {
 		switch (e.key) {
 			case "ArrowUp":
-				y(e, {
+				v(e, {
 					y: f.y - .05,
 					x: f.x
 				});
 				break;
 			case "ArrowDown":
-				y(e, {
+				v(e, {
 					y: f.y + .05,
 					x: f.x
 				});
 				break;
 			case "ArrowRight":
-				y(e, {
+				v(e, {
 					x: f.x + .05,
 					y: f.y
 				});
 				break;
 			case "ArrowLeft":
-				y(e, {
+				v(e, {
 					x: f.x - .05,
 					y: f.y
 				});
 				break;
 		}
 	};
-	return /* @__PURE__ */ F(m, {
+	return /* @__PURE__ */ P(h, {
 		...d("saturation"),
-		ref: v,
+		ref: _,
 		...u,
 		role: "slider",
 		"aria-label": i,
 		"aria-valuenow": f.x,
 		"aria-valuetext": $("rgba", r),
 		tabIndex: a ? 0 : -1,
-		onKeyDown: b,
+		onKeyDown: y,
 		children: [
-			/* @__PURE__ */ P("div", { ...d("saturationOverlay", { style: { backgroundColor: `hsl(${r.h}, 100%, 50%)` } }) }),
-			/* @__PURE__ */ P("div", { ...d("saturationOverlay", { style: { backgroundImage: "linear-gradient(90deg, #fff, transparent)" } }) }),
-			/* @__PURE__ */ P("div", { ...d("saturationOverlay", { style: { backgroundImage: "linear-gradient(0deg, #000, transparent)" } }) }),
-			/* @__PURE__ */ P(ge, {
+			/* @__PURE__ */ N("div", { ...d("saturationOverlay", { style: { backgroundColor: `hsl(${r.h}, 100%, 50%)` } }) }),
+			/* @__PURE__ */ N("div", { ...d("saturationOverlay", { style: { backgroundImage: "linear-gradient(90deg, #fff, transparent)" } }) }),
+			/* @__PURE__ */ N("div", { ...d("saturationOverlay", { style: { backgroundImage: "linear-gradient(0deg, #000, transparent)" } }) }),
+			/* @__PURE__ */ N(ge, {
 				position: f,
 				...d("thumb", { style: { backgroundColor: s } })
 			})
@@ -531,26 +531,26 @@ function ke({ className: e, onChange: t, onChangeEnd: n, value: r, saturationLab
 ke.displayName = "@mantine/core/Saturation";
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/Swatches/Swatches.mjs
-function Ae({ className: t, datatype: n, setValue: r, onChangeEnd: i, size: a, focusable: o, data: s, swatchesPerRow: c, value: l, ...u }) {
-	let d = O(he), f = s.map((t, n) => /* @__PURE__ */ D(K, {
+function Ae({ className: e, datatype: n, setValue: r, onChangeEnd: i, size: a, focusable: o, data: s, swatchesPerRow: c, value: l, ...u }) {
+	let d = D(he), f = s.map((e, n) => /* @__PURE__ */ E(G, {
 		...d.getStyles("swatch"),
 		unstyled: d.unstyled,
 		component: "button",
 		type: "button",
-		color: t,
+		color: e,
 		key: n,
 		radius: "sm",
 		onClick: () => {
-			r(t), i?.(t);
+			r(e), i?.(e);
 		},
-		"aria-label": t,
+		"aria-label": e,
 		tabIndex: o ? 0 : -1,
 		"data-swatch": !0
-	}, l === t && /* @__PURE__ */ P(w, {
+	}, l === e && /* @__PURE__ */ N(C, {
 		size: "35%",
-		color: e(t) < .5 ? "white" : "black"
+		color: t(e) < .5 ? "white" : "black"
 	})));
-	return /* @__PURE__ */ P(m, {
+	return /* @__PURE__ */ N(h, {
 		...d.getStyles("swatches"),
 		...u,
 		children: f
@@ -565,16 +565,16 @@ var je = {
 	focusable: !0,
 	size: "md",
 	__staticSelector: "ColorPicker"
-}, Me = i((e, { size: t, swatchesPerRow: n }) => ({ wrapper: {
-	"--cp-preview-size": r(t, "cp-preview-size"),
-	"--cp-width": r(t, "cp-width"),
+}, Me = n((e, { size: t, swatchesPerRow: n }) => ({ wrapper: {
+	"--cp-preview-size": i(t, "cp-preview-size"),
+	"--cp-width": i(t, "cp-width"),
 	"--cp-body-spacing": a(t),
 	"--cp-swatch-size": `${100 / n}%`,
-	"--cp-thumb-size": r(t, "cp-thumb-size"),
-	"--cp-saturation-height": r(t, "cp-saturation-height")
-} })), Ne = f((e) => {
-	let t = u("ColorPicker", je, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, format: l = "hex", value: d, defaultValue: f, onChange: p, onChangeEnd: h, withPicker: g, size: _, saturationLabel: v, hueLabel: x, alphaLabel: S, focusable: C, swatches: ee, swatchesPerRow: te, fullWidth: ne, onColorSwatchClick: re, __staticSelector: ie, mod: w, attributes: T, name: E, hiddenInputProps: D, ...O } = t, k = s({
-		name: ie,
+	"--cp-thumb-size": i(t, "cp-thumb-size"),
+	"--cp-saturation-height": i(t, "cp-saturation-height")
+} })), Ne = p((e) => {
+	let t = d("ColorPicker", je, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, format: c = "hex", value: u, defaultValue: f, onChange: p, onChangeEnd: m, withPicker: g, size: _, saturationLabel: ee, hueLabel: b, alphaLabel: x, focusable: S, swatches: te, swatchesPerRow: ne, fullWidth: re, onColorSwatchClick: ie, __staticSelector: ae, mod: C, attributes: w, name: T, hiddenInputProps: E, ...D } = t, O = l({
+		name: ae,
 		props: t,
 		classes: _e,
 		className: r,
@@ -582,113 +582,113 @@ var je = {
 		classNames: n,
 		styles: a,
 		unstyled: o,
-		attributes: T,
+		attributes: w,
 		rootSelector: "wrapper",
-		vars: c,
+		vars: s,
 		varsResolver: Me
-	}), A = j(l || "hex"), I = j(""), L = j(-1), R = j(!1), z = l === "hexa" || l === "rgba" || l === "hsla", [B, V, H] = y({
-		value: d,
+	}), k = A(c || "hex"), F = A(""), I = A(-1), L = A(!1), R = c === "hexa" || c === "rgba" || c === "hsla", [z, B, V] = v({
+		value: u,
 		defaultValue: f,
 		finalValue: "#FFFFFF",
 		onChange: p
-	}), [U, W] = M(Z(B)), G = () => {
-		window.clearTimeout(L.current), R.current = !0;
-	}, q = () => {
-		window.clearTimeout(L.current), L.current = window.setTimeout(() => {
-			R.current = !1;
+	}), [H, U] = j(Z(z)), W = () => {
+		window.clearTimeout(I.current), L.current = !0;
+	}, K = () => {
+		window.clearTimeout(I.current), I.current = window.setTimeout(() => {
+			L.current = !1;
 		}, 200);
-	}, J = (e) => {
-		W((t) => {
+	}, q = (e) => {
+		U((t) => {
 			let n = {
 				...t,
 				...e
 			};
-			return I.current = $(A.current, n), n;
-		}), V(I.current);
+			return F.current = $(k.current, n), n;
+		}), B(F.current);
 	};
-	return b(() => {
-		typeof d == "string" && X(d) && !R.current && W(Z(d));
-	}, [d]), b(() => {
-		A.current = l || "hex", V($(A.current, U));
-	}, [l]), /* @__PURE__ */ P(he, {
+	return y(() => {
+		typeof u == "string" && X(u) && !L.current && U(Z(u));
+	}, [u]), y(() => {
+		k.current = c || "hex", B($(k.current, H));
+	}, [c]), /* @__PURE__ */ N(he, {
 		value: {
-			getStyles: k,
+			getStyles: O,
 			unstyled: o
 		},
-		children: /* @__PURE__ */ F(m, {
-			...k("wrapper"),
+		children: /* @__PURE__ */ P(h, {
+			...O("wrapper"),
 			size: _,
-			mod: [{ "full-width": ne }, w],
-			...O,
+			mod: [{ "full-width": re }, C],
+			...D,
 			children: [
-				E && /* @__PURE__ */ P("input", {
+				T && /* @__PURE__ */ N("input", {
 					type: "hidden",
-					name: E,
-					value: B,
-					...D
+					name: T,
+					value: z,
+					...E
 				}),
-				g && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ke, {
-					value: U,
-					onChange: J,
-					onChangeEnd: ({ s: e, v: t }) => h?.($(A.current, {
-						...U,
+				g && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(ke, {
+					value: H,
+					onChange: q,
+					onChangeEnd: ({ s: e, v: t }) => m?.($(k.current, {
+						...H,
 						s: e,
 						v: t
 					})),
-					color: B,
+					color: z,
 					size: _,
-					focusable: C,
-					saturationLabel: v,
-					onScrubStart: G,
-					onScrubEnd: q
-				}), /* @__PURE__ */ F("div", {
-					...k("body"),
-					children: [/* @__PURE__ */ F("div", {
-						...k("sliders"),
-						children: [/* @__PURE__ */ P(Oe, {
-							value: U.h,
-							onChange: (e) => J({ h: e }),
-							onChangeEnd: (e) => h?.($(A.current, {
-								...U,
+					focusable: S,
+					saturationLabel: ee,
+					onScrubStart: W,
+					onScrubEnd: K
+				}), /* @__PURE__ */ P("div", {
+					...O("body"),
+					children: [/* @__PURE__ */ P("div", {
+						...O("sliders"),
+						children: [/* @__PURE__ */ N(Oe, {
+							value: H.h,
+							onChange: (e) => q({ h: e }),
+							onChangeEnd: (e) => m?.($(k.current, {
+								...H,
 								h: e
 							})),
 							size: _,
-							focusable: C,
-							"aria-label": x,
-							onScrubStart: G,
-							onScrubEnd: q
-						}), z && /* @__PURE__ */ P(ye, {
-							value: U.a,
-							onChange: (e) => J({ a: e }),
+							focusable: S,
+							"aria-label": b,
+							onScrubStart: W,
+							onScrubEnd: K
+						}), R && /* @__PURE__ */ N(ye, {
+							value: H.a,
+							onChange: (e) => q({ a: e }),
 							onChangeEnd: (e) => {
-								h?.($(A.current, {
-									...U,
+								m?.($(k.current, {
+									...H,
 									a: e
 								}));
 							},
 							size: _,
-							color: $("hex", U),
-							focusable: C,
-							"aria-label": S,
-							onScrubStart: G,
-							onScrubEnd: q
+							color: $("hex", H),
+							focusable: S,
+							"aria-label": x,
+							onScrubStart: W,
+							onScrubEnd: K
 						})]
-					}), z && /* @__PURE__ */ P(K, {
-						color: B,
+					}), R && /* @__PURE__ */ N(G, {
+						color: z,
 						radius: "sm",
 						size: "var(--cp-preview-size)",
-						...k("preview")
+						...O("preview")
 					})]
 				})] }),
-				Array.isArray(ee) && /* @__PURE__ */ P(Ae, {
-					data: ee,
-					swatchesPerRow: te,
-					focusable: C,
-					setValue: V,
-					value: B,
+				Array.isArray(te) && /* @__PURE__ */ N(Ae, {
+					data: te,
+					swatchesPerRow: ne,
+					focusable: S,
+					setValue: B,
+					value: z,
 					onChangeEnd: (e) => {
-						let t = $(l, Z(e));
-						re?.(t), h?.(t), H || W(Z(e));
+						let t = $(c, Z(e));
+						ie?.(t), m?.(t), V || U(Z(e));
 					}
 				})
 			]
@@ -699,7 +699,7 @@ Ne.classes = _e, Ne.varsResolver = Me, Ne.displayName = "@mantine/core/ColorPick
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorInput/EyeDropperIcon.mjs
 function Pe({ style: e, ...t }) {
-	return /* @__PURE__ */ F("svg", {
+	return /* @__PURE__ */ P("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		style: {
 			width: "var(--ci-eye-dropper-icon-size)",
@@ -714,17 +714,17 @@ function Pe({ style: e, ...t }) {
 		strokeLinejoin: "round",
 		...t,
 		children: [
-			/* @__PURE__ */ P("path", {
+			/* @__PURE__ */ N("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			/* @__PURE__ */ P("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-			/* @__PURE__ */ P("path", { d: "M12 3l0 4" }),
-			/* @__PURE__ */ P("path", { d: "M12 21l0 -3" }),
-			/* @__PURE__ */ P("path", { d: "M3 12l4 0" }),
-			/* @__PURE__ */ P("path", { d: "M21 12l-3 0" }),
-			/* @__PURE__ */ P("path", { d: "M12 12l0 .01" })
+			/* @__PURE__ */ N("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+			/* @__PURE__ */ N("path", { d: "M12 3l0 4" }),
+			/* @__PURE__ */ N("path", { d: "M12 21l0 -3" }),
+			/* @__PURE__ */ N("path", { d: "M3 12l4 0" }),
+			/* @__PURE__ */ N("path", { d: "M21 12l-3 0" }),
+			/* @__PURE__ */ N("path", { d: "M12 12l0 .01" })
 		]
 	});
 }
@@ -748,12 +748,12 @@ var Fe = {
 	withEyeDropper: !0,
 	size: "sm",
 	leftSectionPointerEvents: "none"
-}, Le = i((e, { size: t }) => ({
-	eyeDropperIcon: { "--ci-eye-dropper-icon-size": r(t, "ci-eye-dropper-icon-size") },
-	eyeDropperButton: { "--ci-button-size": r(t, "ci-button-size") },
-	colorPreview: { "--ci-preview-size": r(t, "ci-preview-size") }
-})), Re = f((e) => {
-	let t = u("ColorInput", Ie, e), { classNames: n, styles: r, unstyled: i, disallowInput: a, fixOnBlur: o, popoverProps: c, withPreview: l, withEyeDropper: d, eyeDropperIcon: f, closeOnColorSwatchClick: p, eyeDropperButtonProps: m, value: h, defaultValue: g, onChange: _, onChangeEnd: x, onClick: C, onFocus: te, onBlur: re, inputProps: w, format: T = "hex", wrapperProps: E, readOnly: D, withPicker: O, swatches: k, disabled: j, leftSection: N, rightSection: I, swatchesPerRow: L, ...R } = ee("ColorInput", Ie, e), z = s({
+}, Le = n((e, { size: t }) => ({
+	eyeDropperIcon: { "--ci-eye-dropper-icon-size": i(t, "ci-eye-dropper-icon-size") },
+	eyeDropperButton: { "--ci-button-size": i(t, "ci-button-size") },
+	colorPreview: { "--ci-preview-size": i(t, "ci-preview-size") }
+})), Re = p((e) => {
+	let t = d("ColorInput", Ie, e), { classNames: n, styles: r, unstyled: i, disallowInput: a, fixOnBlur: o, popoverProps: s, withPreview: c, withEyeDropper: u, eyeDropperIcon: f, closeOnColorSwatchClick: p, eyeDropperButtonProps: m, value: h, defaultValue: g, onChange: ee, onChangeEnd: b, onClick: S, onFocus: ne, onBlur: ie, inputProps: C, format: w = "hex", wrapperProps: T, readOnly: E, withPicker: D, swatches: O, disabled: A, leftSection: M, rightSection: F, swatchesPerRow: I, ...L } = te("ColorInput", Ie, e), R = l({
 		name: "ColorInput",
 		props: t,
 		classes: Fe,
@@ -763,135 +763,135 @@ var Fe = {
 		rootSelector: "wrapper",
 		vars: t.vars,
 		varsResolver: Le
-	}), { resolvedClassNames: B, resolvedStyles: H } = ne({
+	}), { resolvedClassNames: z, resolvedStyles: V } = re({
 		classNames: n,
 		styles: r,
 		props: t
-	}), [U, W] = M(!1), [G, q] = M(""), [J, Y] = y({
+	}), [H, U] = j(!1), [W, K] = j(""), [q, J] = v({
 		value: h,
 		defaultValue: g,
 		finalValue: "",
-		onChange: _
-	}), { supported: ae, open: oe } = V(), se = /* @__PURE__ */ P(ie, {
+		onChange: ee
+	}), { supported: oe, open: se } = B(), ce = /* @__PURE__ */ N(ae, {
 		...m,
-		...z("eyeDropperButton", {
+		...R("eyeDropperButton", {
 			className: m?.className,
 			style: m?.style
 		}),
 		variant: "subtle",
 		color: "gray",
 		unstyled: i,
-		onClick: () => oe().then((e) => {
+		onClick: () => se().then((e) => {
 			if (e?.sRGBHex) {
-				let t = $(T, Z(e.sRGBHex));
-				Y(t), x?.(t);
+				let t = $(w, Z(e.sRGBHex));
+				J(t), b?.(t);
 			}
 		}).catch(() => {}),
-		children: f || /* @__PURE__ */ P(Pe, { ...z("eyeDropperIcon") })
-	}), ce = (e) => {
-		te?.(e), W(!0);
-	}, le = (e) => {
-		o && Y(G), re?.(e), W(!1);
+		children: f || /* @__PURE__ */ N(Pe, { ...R("eyeDropperIcon") })
+	}), le = (e) => {
+		ne?.(e), U(!0);
+	}, Y = (e) => {
+		o && J(W), ie?.(e), U(!1);
 	}, ue = (e) => {
-		C?.(e), W(!0);
+		S?.(e), U(!0);
 	};
-	return A(() => {
-		(X(J) || J.trim() === "") && q(J);
-	}, [J]), b(() => {
-		X(J) && Y($(T, Z(J)));
-	}, [T]), /* @__PURE__ */ P(S.Wrapper, {
-		...E,
-		classNames: B,
-		styles: H,
+	return k(() => {
+		(X(q) || q.trim() === "") && K(q);
+	}, [q]), y(() => {
+		X(q) && J($(w, Z(q)));
+	}, [w]), /* @__PURE__ */ N(x.Wrapper, {
+		...T,
+		classNames: z,
+		styles: V,
 		__staticSelector: "ColorInput",
-		children: /* @__PURE__ */ F(v, {
+		children: /* @__PURE__ */ P(_, {
 			__staticSelector: "ColorInput",
 			position: "bottom-start",
 			offset: 5,
-			opened: U,
-			...c,
-			classNames: B,
-			styles: H,
+			opened: H,
+			...s,
+			classNames: z,
+			styles: V,
 			unstyled: i,
 			withRoles: !1,
-			disabled: D || O === !1 && (!Array.isArray(k) || k.length === 0),
-			children: [/* @__PURE__ */ P(v.Target, { children: /* @__PURE__ */ P(S, {
+			disabled: E || D === !1 && (!Array.isArray(O) || O.length === 0),
+			children: [/* @__PURE__ */ N(_.Target, { children: /* @__PURE__ */ N(x, {
 				autoComplete: "off",
-				...R,
-				...w,
-				classNames: B,
-				styles: H,
-				disabled: j,
+				...L,
+				...C,
+				classNames: z,
+				styles: V,
+				disabled: A,
 				__staticSelector: "ColorInput",
-				onFocus: ce,
-				onBlur: le,
+				onFocus: le,
+				onBlur: Y,
 				onClick: ue,
 				spellCheck: !1,
-				value: J,
+				value: q,
 				onChange: (e) => {
 					let t = e.currentTarget.value;
-					Y(t), X(t) && x?.($(T, Z(t)));
+					J(t), X(t) && b?.($(w, Z(t)));
 				},
-				leftSection: N || (l ? /* @__PURE__ */ P(K, {
-					color: X(J) ? J : "#fff",
+				leftSection: M || (c ? /* @__PURE__ */ N(G, {
+					color: X(q) ? q : "#fff",
 					size: "var(--ci-preview-size)",
-					...z("colorPreview")
+					...R("colorPreview")
 				}) : null),
-				readOnly: a || D,
+				readOnly: a || E,
 				pointer: a,
 				unstyled: i,
-				rightSection: I || (d && !j && !D && ae ? se : null)
-			}) }), /* @__PURE__ */ P(v.Dropdown, {
+				rightSection: F || (u && !A && !E && oe ? ce : null)
+			}) }), /* @__PURE__ */ N(_.Dropdown, {
 				onMouseDown: (e) => e.preventDefault(),
 				className: Fe.dropdown,
-				children: /* @__PURE__ */ P(Ne, {
+				children: /* @__PURE__ */ N(Ne, {
 					__staticSelector: "ColorInput",
-					value: J,
-					onChange: Y,
-					onChangeEnd: x,
-					format: T,
-					swatches: k,
-					swatchesPerRow: L,
-					withPicker: O,
-					size: w.size,
+					value: q,
+					onChange: J,
+					onChangeEnd: b,
+					format: w,
+					swatches: O,
+					swatchesPerRow: I,
+					withPicker: D,
+					size: C.size,
 					focusable: !1,
 					unstyled: i,
-					styles: H,
-					classNames: B,
-					onColorSwatchClick: () => p && W(!1),
-					attributes: E.attributes
+					styles: V,
+					classNames: z,
+					onColorSwatchClick: () => p && U(!1),
+					attributes: T.attributes
 				})
 			})]
 		})
 	});
 });
-Re.classes = C.classes, Re.varsResolver = Le, Re.displayName = "@mantine/core/ColorInput";
+Re.classes = S.classes, Re.varsResolver = Le, Re.displayName = "@mantine/core/ColorInput";
 //#endregion
 //#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/SimpleGrid/SimpleGridVariables.mjs
 function ze(e) {
-	if (e !== void 0) return typeof e == "number" ? n(e) : e;
-}
-function Be({ spacing: e, verticalSpacing: n, cols: r, minColWidth: i, autoRows: o, selector: s }) {
-	let l = c(), u = n === void 0 ? e : n, d = i !== void 0, f = t({
-		"--sg-spacing-x": a(B(e)),
-		"--sg-spacing-y": a(B(u)),
-		"--sg-auto-rows": o,
-		...d ? { "--sg-min-col-width": ze(i) } : { "--sg-cols": B(r)?.toString() }
-	}), m = h(l.breakpoints).reduce((t, n) => (t[n] || (t[n] = {}), typeof e == "object" && e[n] !== void 0 && (t[n]["--sg-spacing-x"] = a(e[n])), typeof u == "object" && u[n] !== void 0 && (t[n]["--sg-spacing-y"] = a(u[n])), !d && typeof r == "object" && r[n] !== void 0 && (t[n]["--sg-cols"] = r[n]), t), {});
-	return /* @__PURE__ */ P(p, {
-		styles: f,
-		media: z(h(m), l.breakpoints).filter((e) => h(m[e.value]).length > 0).map((e) => ({
+	if (e !== void 0) return typeof e == "number" ? r(e) : e;
+}
+function Be({ spacing: e, verticalSpacing: t, cols: n, minColWidth: r, autoRows: i, selector: c }) {
+	let l = u(), d = t === void 0 ? e : t, f = r !== void 0, p = o({
+		"--sg-spacing-x": a(z(e)),
+		"--sg-spacing-y": a(z(d)),
+		"--sg-auto-rows": i,
+		...f ? { "--sg-min-col-width": ze(r) } : { "--sg-cols": z(n)?.toString() }
+	}), h = s(l.breakpoints).reduce((t, r) => (t[r] || (t[r] = {}), typeof e == "object" && e[r] !== void 0 && (t[r]["--sg-spacing-x"] = a(e[r])), typeof d == "object" && d[r] !== void 0 && (t[r]["--sg-spacing-y"] = a(d[r])), !f && typeof n == "object" && n[r] !== void 0 && (t[r]["--sg-cols"] = n[r]), t), {});
+	return /* @__PURE__ */ N(m, {
+		styles: p,
+		media: R(s(h), l.breakpoints).filter((e) => s(h[e.value]).length > 0).map((e) => ({
 			query: `(min-width: ${l.breakpoints[e.value]})`,
-			styles: m[e.value]
+			styles: h[e.value]
 		})),
-		selector: s
+		selector: c
 	});
 }
 function Ve(e) {
-	return typeof e == "object" && e ? h(e) : [];
+	return typeof e == "object" && e ? s(e) : [];
 }
 function He(e) {
-	return e.sort((e, t) => L(e) - L(t));
+	return e.sort((e, t) => I(e) - I(t));
 }
 function Ue({ spacing: e, verticalSpacing: t, cols: n, minColWidth: r }) {
 	return He(Array.from(new Set([
@@ -900,19 +900,19 @@ function Ue({ spacing: e, verticalSpacing: t, cols: n, minColWidth: r }) {
 		...r === void 0 ? Ve(n) : []
 	])));
 }
-function We({ spacing: e, verticalSpacing: n, cols: r, minColWidth: i, autoRows: o, selector: s }) {
-	let c = n === void 0 ? e : n, l = i !== void 0, u = t({
-		"--sg-spacing-x": a(B(e)),
-		"--sg-spacing-y": a(B(c)),
-		"--sg-auto-rows": o,
-		...l ? { "--sg-min-col-width": ze(i) } : { "--sg-cols": B(r)?.toString() }
+function We({ spacing: e, verticalSpacing: t, cols: n, minColWidth: r, autoRows: i, selector: s }) {
+	let c = t === void 0 ? e : t, l = r !== void 0, u = o({
+		"--sg-spacing-x": a(z(e)),
+		"--sg-spacing-y": a(z(c)),
+		"--sg-auto-rows": i,
+		...l ? { "--sg-min-col-width": ze(r) } : { "--sg-cols": z(n)?.toString() }
 	}), d = Ue({
 		spacing: e,
-		verticalSpacing: n,
-		cols: r,
-		minColWidth: i
-	}), f = d.reduce((t, n) => (t[n] || (t[n] = {}), typeof e == "object" && e[n] !== void 0 && (t[n]["--sg-spacing-x"] = a(e[n])), typeof c == "object" && c[n] !== void 0 && (t[n]["--sg-spacing-y"] = a(c[n])), !l && typeof r == "object" && r[n] !== void 0 && (t[n]["--sg-cols"] = r[n]), t), {});
-	return /* @__PURE__ */ P(p, {
+		verticalSpacing: t,
+		cols: n,
+		minColWidth: r
+	}), f = d.reduce((t, r) => (t[r] || (t[r] = {}), typeof e == "object" && e[r] !== void 0 && (t[r]["--sg-spacing-x"] = a(e[r])), typeof c == "object" && c[r] !== void 0 && (t[r]["--sg-spacing-y"] = a(c[r])), !l && typeof n == "object" && n[r] !== void 0 && (t[r]["--sg-cols"] = n[r]), t), {});
+	return /* @__PURE__ */ N(m, {
 		styles: u,
 		container: d.map((e) => ({
 			query: `simple-grid (min-width: ${e})`,
@@ -930,8 +930,8 @@ var Ge = {
 	cols: 1,
 	spacing: "md",
 	type: "media"
-}, qe = f((e) => {
-	let t = u("SimpleGrid", Ke, e), { classNames: n, className: r, style: i, styles: a, unstyled: c, vars: l, cols: d, verticalSpacing: f, spacing: p, type: h, minColWidth: g, autoFlow: _, autoRows: v, attributes: y, ...b } = t, x = s({
+}, qe = p((e) => {
+	let t = d("SimpleGrid", Ke, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: s, cols: u, verticalSpacing: f, spacing: p, type: m, minColWidth: g, autoFlow: _, autoRows: ee, attributes: v, ...y } = t, b = l({
 		name: "SimpleGrid",
 		classes: Ge,
 		props: t,
@@ -939,27 +939,27 @@ var Ge = {
 		style: i,
 		classNames: n,
 		styles: a,
-		unstyled: c,
-		attributes: y,
-		vars: l
-	}), S = o(), C = g === void 0 ? void 0 : _ || "auto-fill";
-	return h === "container" ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(We, {
+		unstyled: o,
+		attributes: v,
+		vars: s
+	}), x = c(), S = g === void 0 ? void 0 : _ || "auto-fill";
+	return m === "container" ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(We, {
 		...t,
-		selector: `.${S}`
-	}), /* @__PURE__ */ P("div", {
-		...x("container"),
-		children: /* @__PURE__ */ P(m, {
-			...x("root", { className: S }),
-			...b,
-			"data-auto-cols": C
+		selector: `.${x}`
+	}), /* @__PURE__ */ N("div", {
+		...b("container"),
+		children: /* @__PURE__ */ N(h, {
+			...b("root", { className: x }),
+			...y,
+			"data-auto-cols": S
 		})
-	})] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Be, {
+	})] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Be, {
 		...t,
-		selector: `.${S}`
-	}), /* @__PURE__ */ P(m, {
-		...x("root", { className: S }),
-		...b,
-		"data-auto-cols": C
+		selector: `.${x}`
+	}), /* @__PURE__ */ N(h, {
+		...b("root", { className: x }),
+		...y,
+		"data-auto-cols": S
 	})] });
 });
 qe.classes = Ge, qe.displayName = "@mantine/core/SimpleGrid";
@@ -968,11 +968,11 @@ var Je = {
 	colorRow: "_colorRow_18r9b_7",
 	colorSwatch: "_colorSwatch_18r9b_13",
 	colorInput: "_colorInput_18r9b_38"
-}, Ye = ({ value: e, onChange: t, error: n, disabled: r = !1 }) => /* @__PURE__ */ F("div", {
+}, Ye = ({ value: e, onChange: t, error: n, disabled: r = !1 }) => /* @__PURE__ */ P("div", {
 	className: Je.root,
-	children: [/* @__PURE__ */ P("div", {
+	children: [/* @__PURE__ */ N("div", {
 		className: Je.colorRow,
-		children: T.map((n) => /* @__PURE__ */ P(re, {
+		children: w.map((n) => /* @__PURE__ */ N(ie, {
 			className: Je.colorSwatch,
 			"data-selected": e === n || void 0,
 			"data-disabled": r || void 0,
@@ -982,7 +982,7 @@ var Je = {
 			"aria-pressed": e === n,
 			disabled: r
 		}, n))
-	}), /* @__PURE__ */ P(Re, {
+	}), /* @__PURE__ */ N(Re, {
 		value: e,
 		onChange: t,
 		placeholder: "Custom color",
@@ -994,4 +994,4 @@ var Je = {
 	})]
 });
 //#endregion
-export { qe as n, L as r, Ye as t };
+export { qe as n, I as r, Ye as t };