@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/ColorPicker-BCNqi02x.js

@@ -0,0 +1,997 @@
+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 F(e) {
+	return typeof e != "string" || !e.includes("var(--mantine-scale)") ? e : e.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim();
+}
+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 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 R(e, t) {
+	let n = e.map((e) => ({
+		value: e,
+		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 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 B() {
+	let [e, t] = j(!1);
+	return b(() => {
+		t(typeof window < "u" && !V() && "EyeDropper" in window);
+	}, []), {
+		supported: e,
+		open: O((t = {}) => e ? new window.EyeDropper().open(t) : Promise.resolve(void 0), [e])
+	};
+}
+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 H = {
+	root: "m_de3d2490",
+	colorOverlay: "m_862f3d1b",
+	shadowOverlay: "m_98ae7f22",
+	alphaOverlay: "m_95709ac0",
+	childrenOverlay: "m_93e74e3"
+}, 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: H,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: m,
+		vars: s,
+		varsResolver: W
+	});
+	return /* @__PURE__ */ P(h, {
+		..._("root", { focusable: !0 }),
+		...g,
+		children: [
+			/* @__PURE__ */ N("span", { ..._("alphaOverlay") }),
+			f && /* @__PURE__ */ N("span", { ..._("shadowOverlay") }),
+			/* @__PURE__ */ N("span", { ..._("colorOverlay", { style: { backgroundColor: c } }) }),
+			/* @__PURE__ */ N("span", {
+				..._("childrenOverlay"),
+				children: p
+			})
+		]
+	});
+});
+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 K(e, t = 0, n = 10 ** t) {
+	return Math.round(n * e) / n;
+}
+function q({ 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 J = {
+	grad: 360 / 400,
+	turn: 360,
+	rad: 360 / (Math.PI * 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)
+	}) : {
+		h: 0,
+		s: 0,
+		v: 0,
+		a: 1
+	};
+}
+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: 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 Y(e) {
+	let t = e[0] === "#" ? e.slice(1) : e;
+	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
+	}) : le({
+		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) => K(parseInt(e, 16) / 255, 3);
+	if (t.length === 4) {
+		let e = t.slice(0, 3), r = n(t[3] + t[3]);
+		return {
+			...Y(e),
+			a: r
+		};
+	}
+	let r = t.slice(0, 6), i = n(t.slice(6, 8));
+	return {
+		...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 ? 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),
+		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: Y,
+	hexa: ue,
+	rgb: fe,
+	rgba: fe,
+	hsl: ce,
+	hsla: ce
+};
+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 = 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__ */ N(h, {
+		__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 = 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: n,
+		styles: o,
+		unstyled: s,
+		attributes: C,
+		rootSelector: "slider"
+	}), k = D(he)?.getStyles || O, M = u(), [F, I] = j({
+		y: 0,
+		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?.(R(e));
+	}, {
+		onScrubEnd: () => {
+			let { x: e } = L.current;
+			p?.(R(e)), ie?.();
+		},
+		onScrubStart: re
+	});
+	y(() => {
+		I({
+			y: 0,
+			x: x / m
+		});
+	}, [x]);
+	let B = (e, t) => {
+		e.preventDefault();
+		let n = ee(t);
+		f?.(R(n.x)), p?.(R(n.x));
+	}, V = (e) => {
+		switch (e.key) {
+			case "ArrowRight":
+				B(e, {
+					x: F.x + .05,
+					y: F.y
+				});
+				break;
+			case "ArrowLeft":
+				B(e, {
+					x: F.x - .05,
+					y: F.y
+				});
+				break;
+		}
+	}, H = S.map((e, t) => /* @__PURE__ */ E("div", {
+		...k("sliderOverlay"),
+		style: e,
+		key: t
+	}));
+	return /* @__PURE__ */ P(h, {
+		...T,
+		ref: ne(z, w),
+		...k("slider"),
+		size: v,
+		role: "slider",
+		"aria-valuenow": x,
+		"aria-valuemax": m,
+		"aria-valuemin": 0,
+		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
+			} })
+		})]
+	});
+});
+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 = 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) => 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: `${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 ${r(1)} inset, rgb(0, 0, 0, .15) 0 0 ${r(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: K([
+			o,
+			l,
+			c,
+			c,
+			u,
+			o
+		][d] * 255),
+		g: K([
+			u,
+			o,
+			o,
+			l,
+			c,
+			c
+		][d] * 255),
+		b: K([
+			c,
+			c,
+			u,
+			o,
+			o,
+			l
+		][d] * 255),
+		a: K(r, 2)
+	};
+}
+function xe(e, t) {
+	let { r: n, g: r, b: i, a } = be(e);
+	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 = {
+		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}%, ${K(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 = p((e) => {
+	let { value: t, onChange: n, onChangeEnd: i, color: a, ...o } = d("HueSlider", De, e);
+	return /* @__PURE__ */ N(Q, {
+		...o,
+		value: t,
+		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 ${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 } = D(he), [f, p] = j({
+		x: r.s / 100,
+		y: 1 - r.v / 100
+	}), m = A(f), { ref: _ } = g(({ x: e, y: n }) => {
+		m.current = {
+			x: e,
+			y: n
+		}, t({
+			s: Math.round(e * 100),
+			v: Math.round((1 - n) * 100)
+		});
+	}, {
+		onScrubEnd: () => {
+			let { x: e, y: t } = m.current;
+			n({
+				s: Math.round(e * 100),
+				v: Math.round((1 - t) * 100)
+			}), l?.();
+		},
+		onScrubStart: c
+	});
+	k(() => {
+		p({
+			x: r.s / 100,
+			y: 1 - r.v / 100
+		});
+	}, [r.s, r.v]);
+	let v = (e, r) => {
+		e.preventDefault();
+		let i = ee(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)
+		});
+	}, y = (e) => {
+		switch (e.key) {
+			case "ArrowUp":
+				v(e, {
+					y: f.y - .05,
+					x: f.x
+				});
+				break;
+			case "ArrowDown":
+				v(e, {
+					y: f.y + .05,
+					x: f.x
+				});
+				break;
+			case "ArrowRight":
+				v(e, {
+					x: f.x + .05,
+					y: f.y
+				});
+				break;
+			case "ArrowLeft":
+				v(e, {
+					x: f.x - .05,
+					y: f.y
+				});
+				break;
+		}
+	};
+	return /* @__PURE__ */ P(h, {
+		...d("saturation"),
+		ref: _,
+		...u,
+		role: "slider",
+		"aria-label": i,
+		"aria-valuenow": f.x,
+		"aria-valuetext": $("rgba", r),
+		tabIndex: a ? 0 : -1,
+		onKeyDown: y,
+		children: [
+			/* @__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 } })
+			})
+		]
+	});
+}
+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: 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: e,
+		key: n,
+		radius: "sm",
+		onClick: () => {
+			r(e), i?.(e);
+		},
+		"aria-label": e,
+		tabIndex: o ? 0 : -1,
+		"data-swatch": !0
+	}, l === e && /* @__PURE__ */ N(C, {
+		size: "35%",
+		color: t(e) < .5 ? "white" : "black"
+	})));
+	return /* @__PURE__ */ N(h, {
+		...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 = 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": 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,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: w,
+		rootSelector: "wrapper",
+		vars: s,
+		varsResolver: Me
+	}), 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
+	}), [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);
+	}, q = (e) => {
+		U((t) => {
+			let n = {
+				...t,
+				...e
+			};
+			return F.current = $(k.current, n), n;
+		}), B(F.current);
+	};
+	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: O,
+			unstyled: o
+		},
+		children: /* @__PURE__ */ P(h, {
+			...O("wrapper"),
+			size: _,
+			mod: [{ "full-width": re }, C],
+			...D,
+			children: [
+				T && /* @__PURE__ */ N("input", {
+					type: "hidden",
+					name: T,
+					value: z,
+					...E
+				}),
+				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: z,
+					size: _,
+					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: S,
+							"aria-label": b,
+							onScrubStart: W,
+							onScrubEnd: K
+						}), R && /* @__PURE__ */ N(ye, {
+							value: H.a,
+							onChange: (e) => q({ a: e }),
+							onChangeEnd: (e) => {
+								m?.($(k.current, {
+									...H,
+									a: e
+								}));
+							},
+							size: _,
+							color: $("hex", H),
+							focusable: S,
+							"aria-label": x,
+							onScrubStart: W,
+							onScrubEnd: K
+						})]
+					}), R && /* @__PURE__ */ N(G, {
+						color: z,
+						radius: "sm",
+						size: "var(--cp-preview-size)",
+						...O("preview")
+					})]
+				})] }),
+				Array.isArray(te) && /* @__PURE__ */ N(Ae, {
+					data: te,
+					swatchesPerRow: ne,
+					focusable: S,
+					setValue: B,
+					value: z,
+					onChangeEnd: (e) => {
+						let t = $(c, Z(e));
+						ie?.(t), m?.(t), V || U(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__ */ P("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__ */ N("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__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" })
+		]
+	});
+}
+//#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 = 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,
+		classNames: n,
+		styles: r,
+		unstyled: i,
+		rootSelector: "wrapper",
+		vars: t.vars,
+		varsResolver: Le
+	}), { resolvedClassNames: z, resolvedStyles: V } = re({
+		classNames: n,
+		styles: r,
+		props: t
+	}), [H, U] = j(!1), [W, K] = j(""), [q, J] = v({
+		value: h,
+		defaultValue: g,
+		finalValue: "",
+		onChange: ee
+	}), { supported: oe, open: se } = B(), ce = /* @__PURE__ */ N(ae, {
+		...m,
+		...R("eyeDropperButton", {
+			className: m?.className,
+			style: m?.style
+		}),
+		variant: "subtle",
+		color: "gray",
+		unstyled: i,
+		onClick: () => se().then((e) => {
+			if (e?.sRGBHex) {
+				let t = $(w, Z(e.sRGBHex));
+				J(t), b?.(t);
+			}
+		}).catch(() => {}),
+		children: f || /* @__PURE__ */ N(Pe, { ...R("eyeDropperIcon") })
+	}), le = (e) => {
+		ne?.(e), U(!0);
+	}, Y = (e) => {
+		o && J(W), ie?.(e), U(!1);
+	}, ue = (e) => {
+		S?.(e), U(!0);
+	};
+	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__ */ P(_, {
+			__staticSelector: "ColorInput",
+			position: "bottom-start",
+			offset: 5,
+			opened: H,
+			...s,
+			classNames: z,
+			styles: V,
+			unstyled: i,
+			withRoles: !1,
+			disabled: E || D === !1 && (!Array.isArray(O) || O.length === 0),
+			children: [/* @__PURE__ */ N(_.Target, { children: /* @__PURE__ */ N(x, {
+				autoComplete: "off",
+				...L,
+				...C,
+				classNames: z,
+				styles: V,
+				disabled: A,
+				__staticSelector: "ColorInput",
+				onFocus: le,
+				onBlur: Y,
+				onClick: ue,
+				spellCheck: !1,
+				value: q,
+				onChange: (e) => {
+					let t = e.currentTarget.value;
+					J(t), X(t) && b?.($(w, Z(t)));
+				},
+				leftSection: M || (c ? /* @__PURE__ */ N(G, {
+					color: X(q) ? q : "#fff",
+					size: "var(--ci-preview-size)",
+					...R("colorPreview")
+				}) : null),
+				readOnly: a || E,
+				pointer: a,
+				unstyled: i,
+				rightSection: F || (u && !A && !E && oe ? ce : null)
+			}) }), /* @__PURE__ */ N(_.Dropdown, {
+				onMouseDown: (e) => e.preventDefault(),
+				className: Fe.dropdown,
+				children: /* @__PURE__ */ N(Ne, {
+					__staticSelector: "ColorInput",
+					value: q,
+					onChange: J,
+					onChangeEnd: b,
+					format: w,
+					swatches: O,
+					swatchesPerRow: I,
+					withPicker: D,
+					size: C.size,
+					focusable: !1,
+					unstyled: i,
+					styles: V,
+					classNames: z,
+					onColorSwatchClick: () => p && U(!1),
+					attributes: T.attributes
+				})
+			})]
+		})
+	});
+});
+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" ? 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: h[e.value]
+		})),
+		selector: c
+	});
+}
+function Ve(e) {
+	return typeof e == "object" && e ? s(e) : [];
+}
+function He(e) {
+	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([
+		...Ve(e),
+		...Ve(t),
+		...r === void 0 ? Ve(n) : []
+	])));
+}
+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: 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})`,
+			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 = 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,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		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: `.${x}`
+	}), /* @__PURE__ */ N("div", {
+		...b("container"),
+		children: /* @__PURE__ */ N(h, {
+			...b("root", { className: x }),
+			...y,
+			"data-auto-cols": S
+		})
+	})] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Be, {
+		...t,
+		selector: `.${x}`
+	}), /* @__PURE__ */ N(h, {
+		...b("root", { className: x }),
+		...y,
+		"data-auto-cols": S
+	})] });
+});
+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__ */ P("div", {
+	className: Je.root,
+	children: [/* @__PURE__ */ N("div", {
+		className: Je.colorRow,
+		children: w.map((n) => /* @__PURE__ */ N(ie, {
+			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__ */ N(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, I as r, Ye as t };