@fde-desktop/fde-core 0.4.7 → 0.4.8

package/dist/ColorPicker-DvRR-wlQ.js

@@ -0,0 +1,997 @@
+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 };