@fde-desktop/fde-core 0.4.9 → 0.4.11

package/dist/ColorPicker-BCNqi02x.js

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