@fde-desktop/fde-core 0.4.10 → 0.4.11

package/dist/ColorPicker-DvRR-wlQ.js

@@ -1,997 +0,0 @@
-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";
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/units-converters/px.mjs
-function I(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);
-	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);
-}
-//#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) {
-	let n = e.map((e) => ({
-		value: e,
-		px: R(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) {
-	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);
-	}, []), {
-		supported: e,
-		open: k((t = {}) => e ? new window.EyeDropper().open(t) : Promise.resolve(void 0), [e])
-	};
-}
-function H() {
-	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 = {
-	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({
-		name: "ColorSwatch",
-		props: t,
-		classes: U,
-		className: r,
-		style: i,
-		classNames: n,
-		styles: a,
-		unstyled: o,
-		attributes: h,
-		vars: c,
-		varsResolver: G
-	});
-	return /* @__PURE__ */ F(m, {
-		..._("root", { focusable: !0 }),
-		...g,
-		children: [
-			/* @__PURE__ */ P("span", { ..._("alphaOverlay") }),
-			f && /* @__PURE__ */ P("span", { ..._("shadowOverlay") }),
-			/* @__PURE__ */ P("span", { ..._("colorOverlay", { style: { backgroundColor: l } }) }),
-			/* @__PURE__ */ P("span", {
-				..._("childrenOverlay"),
-				children: p
-			})
-		]
-	});
-});
-K.classes = U, K.varsResolver = G, K.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) {
-	return Math.round(n * e) / n;
-}
-function J({ h: e, s: t, l: n, a: r }) {
-	let i = t * ((n < 50 ? n : 100 - n) / 100);
-	return {
-		h: e,
-		s: i > 0 ? 2 * i / (n + i) * 100 : 0,
-		v: n + i,
-		a: r
-	};
-}
-var Y = {
-	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]),
-		s: Number(t[3]),
-		l: Number(t[4]),
-		a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1)
-	}) : {
-		h: 0,
-		s: 0,
-		v: 0,
-		a: 1
-	};
-}
-function ce({ 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),
-		a: r
-	};
-}
-function le(e) {
-	let t = e[0] === "#" ? e.slice(1) : e;
-	return t.length === 3 ? ce({
-		r: parseInt(t[0] + t[0], 16),
-		g: parseInt(t[1] + t[1], 16),
-		b: parseInt(t[2] + t[2], 16),
-		a: 1
-	}) : ce({
-		r: parseInt(t.slice(0, 2), 16),
-		g: parseInt(t.slice(2, 4), 16),
-		b: parseInt(t.slice(4, 6), 16),
-		a: 1
-	});
-}
-function ue(e) {
-	let t = e[0] === "#" ? e.slice(1) : e, n = (e) => q(parseInt(e, 16) / 255, 3);
-	if (t.length === 4) {
-		let e = t.slice(0, 3), r = n(t[3] + t[3]);
-		return {
-			...le(e),
-			a: r
-		};
-	}
-	let r = t.slice(0, 6), i = n(t.slice(6, 8));
-	return {
-		...le(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({
-		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),
-		a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1)
-	}) : {
-		h: 0,
-		s: 0,
-		v: 0,
-		a: 1
-	};
-}
-var pe = {
-	hex: /^#?([0-9A-F]{3}){1,2}$/i,
-	hexa: /^#?([0-9A-F]{4}){1,2}$/i,
-	rgb: /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
-	rgba: /^rgba\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
-	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,
-	hexa: ue,
-	rgb: fe,
-	rgba: fe,
-	hsl: se,
-	hsla: se
-};
-function X(e) {
-	for (let [, t] of Object.entries(pe)) if (t.test(e)) return !0;
-	return !1;
-}
-function Z(e) {
-	if (typeof e != "string") return {
-		h: 0,
-		s: 0,
-		v: 0,
-		a: 1
-	};
-	if (e === "transparent") return {
-		h: 0,
-		s: 0,
-		v: 0,
-		a: 0
-	};
-	let t = e.trim();
-	for (let [e, n] of Object.entries(pe)) if (n.test(t)) return me[e](t);
-	return {
-		h: 0,
-		s: 0,
-		v: 0,
-		a: 1
-	};
-}
-//#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);
-//#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, {
-		__vars: {
-			"--thumb-y-offset": `${e.y * 100}%`,
-			"--thumb-x-offset": `${e.x * 100}%`
-		},
-		...t
-	});
-}
-ge.displayName = "@mantine/core/ColorPickerThumb";
-//#endregion
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/ColorPicker.module.mjs
-var _e = {
-	wrapper: "m_fee9c77",
-	preview: "m_9dddfbac",
-	body: "m_bffecc3e",
-	sliders: "m_3283bb96",
-	thumb: "m_40d572ba",
-	swatch: "m_d8ee6fd8",
-	swatches: "m_5711e686",
-	saturation: "m_202a296e",
-	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,
-		classes: _e,
-		props: t,
-		className: i,
-		style: a,
-		classNames: r,
-		styles: o,
-		unstyled: l,
-		attributes: w,
-		rootSelector: "slider"
-	}), A = O(he)?.getStyles || k, N = c(), [I, L] = M({
-		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: e,
-			y: t
-		}, f?.(z(e));
-	}, {
-		onScrubEnd: () => {
-			let { x: e } = R.current;
-			p?.(z(e)), re?.();
-		},
-		onScrubStart: ne
-	});
-	b(() => {
-		L({
-			y: 0,
-			x: S / h
-		});
-	}, [S]);
-	let V = (e, t) => {
-		e.preventDefault();
-		let n = g(t);
-		f?.(z(n.x)), p?.(z(n.x));
-	}, H = (e) => {
-		switch (e.key) {
-			case "ArrowRight":
-				V(e, {
-					x: I.x + .05,
-					y: I.y
-				});
-				break;
-			case "ArrowLeft":
-				V(e, {
-					x: I.x - .05,
-					y: I.y
-				});
-				break;
-		}
-	}, U = C.map((e, t) => /* @__PURE__ */ D("div", {
-		...A("sliderOverlay"),
-		style: e,
-		key: t
-	}));
-	return /* @__PURE__ */ F(m, {
-		...E,
-		ref: te(B, T),
-		...A("slider"),
-		size: y,
-		role: "slider",
-		"aria-valuenow": S,
-		"aria-valuemax": h,
-		"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
-			} })
-		})]
-	});
-});
-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, {
-		...o,
-		value: t,
-		onChange: (e) => r?.(q(e, 2)),
-		onChangeEnd: (e) => i?.(q(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`
-			},
-			{ 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` }
-		]
-	});
-});
-ye.displayName = "@mantine/core/AlphaSlider", ye.classes = Q.classes;
-//#endregion
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/converters/converters.mjs
-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([
-			o,
-			l,
-			c,
-			c,
-			u,
-			o
-		][d] * 255),
-		g: q([
-			u,
-			o,
-			o,
-			l,
-			c,
-			c
-		][d] * 255),
-		b: q([
-			c,
-			c,
-			u,
-			o,
-			o,
-			l
-		][d] * 255),
-		a: q(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})`;
-}
-function Se({ h: e, s: t, v: n, a: r }, i) {
-	let a = (200 - t) * n / 100, o = {
-		h: Math.round(e),
-		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}%)`;
-}
-function Ce(e) {
-	let t = e.toString(16);
-	return t.length < 2 ? `0${t}` : t;
-}
-function we(e) {
-	let { r: t, g: n, b: r } = be(e);
-	return `#${Ce(t)}${Ce(n)}${Ce(r)}`;
-}
-function Te(e) {
-	let t = Math.round(e.a * 255);
-	return `${we(e)}${Ce(t)}`;
-}
-var Ee = {
-	hex: we,
-	hexa: (e) => Te(e),
-	rgb: (e) => xe(e, !1),
-	rgba: (e) => xe(e, !0),
-	hsl: (e) => Se(e, !1),
-	hsla: (e) => Se(e, !0)
-};
-function $(e, t) {
-	return t ? e in Ee ? Ee[e](t) : Ee.hex(t) : "#000000";
-}
-//#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, {
-		...o,
-		value: t,
-		onChange: r,
-		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` }]
-	});
-});
-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({
-		x: r.s / 100,
-		y: 1 - r.v / 100
-	}), h = j(f), { ref: v } = _(({ x: e, y: n }) => {
-		h.current = {
-			x: e,
-			y: n
-		}, t({
-			s: Math.round(e * 100),
-			v: Math.round((1 - n) * 100)
-		});
-	}, {
-		onScrubEnd: () => {
-			let { x: e, y: t } = h.current;
-			n({
-				s: Math.round(e * 100),
-				v: Math.round((1 - t) * 100)
-			}), l?.();
-		},
-		onScrubStart: c
-	});
-	A(() => {
-		p({
-			x: r.s / 100,
-			y: 1 - r.v / 100
-		});
-	}, [r.s, r.v]);
-	let y = (e, r) => {
-		e.preventDefault();
-		let i = g(r);
-		t({
-			s: Math.round(i.x * 100),
-			v: Math.round((1 - i.y) * 100)
-		}), n({
-			s: Math.round(i.x * 100),
-			v: Math.round((1 - i.y) * 100)
-		});
-	}, b = (e) => {
-		switch (e.key) {
-			case "ArrowUp":
-				y(e, {
-					y: f.y - .05,
-					x: f.x
-				});
-				break;
-			case "ArrowDown":
-				y(e, {
-					y: f.y + .05,
-					x: f.x
-				});
-				break;
-			case "ArrowRight":
-				y(e, {
-					x: f.x + .05,
-					y: f.y
-				});
-				break;
-			case "ArrowLeft":
-				y(e, {
-					x: f.x - .05,
-					y: f.y
-				});
-				break;
-		}
-	};
-	return /* @__PURE__ */ F(m, {
-		...d("saturation"),
-		ref: v,
-		...u,
-		role: "slider",
-		"aria-label": i,
-		"aria-valuenow": f.x,
-		"aria-valuetext": $("rgba", r),
-		tabIndex: a ? 0 : -1,
-		onKeyDown: b,
-		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, {
-				position: f,
-				...d("thumb", { style: { backgroundColor: s } })
-			})
-		]
-	});
-}
-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, {
-		...d.getStyles("swatch"),
-		unstyled: d.unstyled,
-		component: "button",
-		type: "button",
-		color: t,
-		key: n,
-		radius: "sm",
-		onClick: () => {
-			r(t), i?.(t);
-		},
-		"aria-label": t,
-		tabIndex: o ? 0 : -1,
-		"data-swatch": !0
-	}, l === t && /* @__PURE__ */ P(w, {
-		size: "35%",
-		color: e(t) < .5 ? "white" : "black"
-	})));
-	return /* @__PURE__ */ P(m, {
-		...d.getStyles("swatches"),
-		...u,
-		children: f
-	});
-}
-Ae.displayName = "@mantine/core/Swatches";
-//#endregion
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorPicker/ColorPicker.mjs
-var je = {
-	swatchesPerRow: 7,
-	withPicker: !0,
-	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"),
-	"--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,
-		props: t,
-		classes: _e,
-		className: r,
-		style: i,
-		classNames: n,
-		styles: a,
-		unstyled: o,
-		attributes: T,
-		rootSelector: "wrapper",
-		vars: c,
-		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,
-		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;
-		}, 200);
-	}, J = (e) => {
-		W((t) => {
-			let n = {
-				...t,
-				...e
-			};
-			return I.current = $(A.current, n), n;
-		}), V(I.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, {
-		value: {
-			getStyles: k,
-			unstyled: o
-		},
-		children: /* @__PURE__ */ F(m, {
-			...k("wrapper"),
-			size: _,
-			mod: [{ "full-width": ne }, w],
-			...O,
-			children: [
-				E && /* @__PURE__ */ P("input", {
-					type: "hidden",
-					name: E,
-					value: B,
-					...D
-				}),
-				g && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ke, {
-					value: U,
-					onChange: J,
-					onChangeEnd: ({ s: e, v: t }) => h?.($(A.current, {
-						...U,
-						s: e,
-						v: t
-					})),
-					color: B,
-					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,
-								h: e
-							})),
-							size: _,
-							focusable: C,
-							"aria-label": x,
-							onScrubStart: G,
-							onScrubEnd: q
-						}), z && /* @__PURE__ */ P(ye, {
-							value: U.a,
-							onChange: (e) => J({ a: e }),
-							onChangeEnd: (e) => {
-								h?.($(A.current, {
-									...U,
-									a: e
-								}));
-							},
-							size: _,
-							color: $("hex", U),
-							focusable: C,
-							"aria-label": S,
-							onScrubStart: G,
-							onScrubEnd: q
-						})]
-					}), z && /* @__PURE__ */ P(K, {
-						color: B,
-						radius: "sm",
-						size: "var(--cp-preview-size)",
-						...k("preview")
-					})]
-				})] }),
-				Array.isArray(ee) && /* @__PURE__ */ P(Ae, {
-					data: ee,
-					swatchesPerRow: te,
-					focusable: C,
-					setValue: V,
-					value: B,
-					onChangeEnd: (e) => {
-						let t = $(l, Z(e));
-						re?.(t), h?.(t), H || W(Z(e));
-					}
-				})
-			]
-		})
-	});
-});
-Ne.classes = _e, Ne.varsResolver = Me, Ne.displayName = "@mantine/core/ColorPicker";
-//#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", {
-		xmlns: "http://www.w3.org/2000/svg",
-		style: {
-			width: "var(--ci-eye-dropper-icon-size)",
-			height: "var(--ci-eye-dropper-icon-size)",
-			...e
-		},
-		viewBox: "0 0 24 24",
-		strokeWidth: "1.5",
-		stroke: "currentColor",
-		fill: "none",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		...t,
-		children: [
-			/* @__PURE__ */ P("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" })
-		]
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/ColorInput/ColorInput.module.mjs
-var Fe = {
-	eyeDropperIcon: "m_b077c2bc",
-	eyeDropperButton: "m_66a028b5",
-	colorPreview: "m_c5ccdcab",
-	dropdown: "m_5ece2cd7"
-}, Ie = {
-	format: "hex",
-	fixOnBlur: !0,
-	withPreview: !0,
-	swatchesPerRow: 7,
-	withPicker: !0,
-	popoverProps: { transitionProps: {
-		transition: "fade",
-		duration: 0
-	} },
-	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({
-		name: "ColorInput",
-		props: t,
-		classes: Fe,
-		classNames: n,
-		styles: r,
-		unstyled: i,
-		rootSelector: "wrapper",
-		vars: t.vars,
-		varsResolver: Le
-	}), { resolvedClassNames: B, resolvedStyles: H } = ne({
-		classNames: n,
-		styles: r,
-		props: t
-	}), [U, W] = M(!1), [G, q] = M(""), [J, Y] = y({
-		value: h,
-		defaultValue: g,
-		finalValue: "",
-		onChange: _
-	}), { supported: ae, open: oe } = V(), se = /* @__PURE__ */ P(ie, {
-		...m,
-		...z("eyeDropperButton", {
-			className: m?.className,
-			style: m?.style
-		}),
-		variant: "subtle",
-		color: "gray",
-		unstyled: i,
-		onClick: () => oe().then((e) => {
-			if (e?.sRGBHex) {
-				let t = $(T, Z(e.sRGBHex));
-				Y(t), x?.(t);
-			}
-		}).catch(() => {}),
-		children: f || /* @__PURE__ */ P(Pe, { ...z("eyeDropperIcon") })
-	}), ce = (e) => {
-		te?.(e), W(!0);
-	}, le = (e) => {
-		o && Y(G), re?.(e), W(!1);
-	}, ue = (e) => {
-		C?.(e), W(!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,
-		__staticSelector: "ColorInput",
-		children: /* @__PURE__ */ F(v, {
-			__staticSelector: "ColorInput",
-			position: "bottom-start",
-			offset: 5,
-			opened: U,
-			...c,
-			classNames: B,
-			styles: H,
-			unstyled: i,
-			withRoles: !1,
-			disabled: D || O === !1 && (!Array.isArray(k) || k.length === 0),
-			children: [/* @__PURE__ */ P(v.Target, { children: /* @__PURE__ */ P(S, {
-				autoComplete: "off",
-				...R,
-				...w,
-				classNames: B,
-				styles: H,
-				disabled: j,
-				__staticSelector: "ColorInput",
-				onFocus: ce,
-				onBlur: le,
-				onClick: ue,
-				spellCheck: !1,
-				value: J,
-				onChange: (e) => {
-					let t = e.currentTarget.value;
-					Y(t), X(t) && x?.($(T, Z(t)));
-				},
-				leftSection: N || (l ? /* @__PURE__ */ P(K, {
-					color: X(J) ? J : "#fff",
-					size: "var(--ci-preview-size)",
-					...z("colorPreview")
-				}) : null),
-				readOnly: a || D,
-				pointer: a,
-				unstyled: i,
-				rightSection: I || (d && !j && !D && ae ? se : null)
-			}) }), /* @__PURE__ */ P(v.Dropdown, {
-				onMouseDown: (e) => e.preventDefault(),
-				className: Fe.dropdown,
-				children: /* @__PURE__ */ P(Ne, {
-					__staticSelector: "ColorInput",
-					value: J,
-					onChange: Y,
-					onChangeEnd: x,
-					format: T,
-					swatches: k,
-					swatchesPerRow: L,
-					withPicker: O,
-					size: w.size,
-					focusable: !1,
-					unstyled: i,
-					styles: H,
-					classNames: B,
-					onColorSwatchClick: () => p && W(!1),
-					attributes: E.attributes
-				})
-			})]
-		})
-	});
-});
-Re.classes = C.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) => ({
-			query: `(min-width: ${l.breakpoints[e.value]})`,
-			styles: m[e.value]
-		})),
-		selector: s
-	});
-}
-function Ve(e) {
-	return typeof e == "object" && e ? h(e) : [];
-}
-function He(e) {
-	return e.sort((e, t) => L(e) - L(t));
-}
-function Ue({ spacing: e, verticalSpacing: t, cols: n, minColWidth: r }) {
-	return He(Array.from(new Set([
-		...Ve(e),
-		...Ve(t),
-		...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() }
-	}), 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, {
-		styles: u,
-		container: d.map((e) => ({
-			query: `simple-grid (min-width: ${e})`,
-			styles: f[e]
-		})),
-		selector: s
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/SimpleGrid/SimpleGrid.module.mjs
-var Ge = {
-	container: "m_925c2d2c",
-	root: "m_2415a157"
-}, Ke = {
-	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({
-		name: "SimpleGrid",
-		classes: Ge,
-		props: t,
-		className: r,
-		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, {
-		...t,
-		selector: `.${S}`
-	}), /* @__PURE__ */ P("div", {
-		...x("container"),
-		children: /* @__PURE__ */ P(m, {
-			...x("root", { className: S }),
-			...b,
-			"data-auto-cols": C
-		})
-	})] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(Be, {
-		...t,
-		selector: `.${S}`
-	}), /* @__PURE__ */ P(m, {
-		...x("root", { className: S }),
-		...b,
-		"data-auto-cols": C
-	})] });
-});
-qe.classes = Ge, qe.displayName = "@mantine/core/SimpleGrid";
-var Je = {
-	root: "_root_18r9b_1",
-	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", {
-	className: Je.root,
-	children: [/* @__PURE__ */ P("div", {
-		className: Je.colorRow,
-		children: T.map((n) => /* @__PURE__ */ P(re, {
-			className: Je.colorSwatch,
-			"data-selected": e === n || void 0,
-			"data-disabled": r || void 0,
-			style: { background: n },
-			onClick: () => !r && t(n),
-			"aria-label": `Color ${n}`,
-			"aria-pressed": e === n,
-			disabled: r
-		}, n))
-	}), /* @__PURE__ */ P(Re, {
-		value: e,
-		onChange: t,
-		placeholder: "Custom color",
-		size: "xs",
-		className: Je.colorInput,
-		"aria-label": "Custom color picker",
-		error: n,
-		disabled: r
-	})]
-});
-//#endregion
-export { qe as n, L as r, Ye as t };