import { n as e, t } from "../../utils-C_mWfcFX.js";
import { t as n } from "../../a11y-CuHKgVSx.js";
//#region src/form/color-picker/index.ts
var r = [
	{
		r: 255,
		g: 0,
		b: 0,
		name: "Red"
	},
	{
		r: 0,
		g: 255,
		b: 0,
		name: "Lime"
	},
	{
		r: 0,
		g: 0,
		b: 255,
		name: "Blue"
	},
	{
		r: 255,
		g: 255,
		b: 0,
		name: "Yellow"
	},
	{
		r: 0,
		g: 255,
		b: 255,
		name: "Cyan"
	},
	{
		r: 255,
		g: 0,
		b: 255,
		name: "Magenta"
	},
	{
		r: 255,
		g: 255,
		b: 255,
		name: "White"
	},
	{
		r: 0,
		g: 0,
		b: 0,
		name: "Black"
	},
	{
		r: 128,
		g: 128,
		b: 128,
		name: "Gray"
	},
	{
		r: 255,
		g: 165,
		b: 0,
		name: "Orange"
	},
	{
		r: 128,
		g: 0,
		b: 128,
		name: "Purple"
	},
	{
		r: 165,
		g: 42,
		b: 42,
		name: "Brown"
	},
	{
		r: 255,
		g: 192,
		b: 203,
		name: "Pink"
	},
	{
		r: 0,
		g: 128,
		b: 0,
		name: "Green"
	},
	{
		r: 0,
		g: 0,
		b: 128,
		name: "Navy"
	},
	{
		r: 64,
		g: 224,
		b: 208,
		name: "Turquoise"
	}
];
function i(e, t, n) {
	let i = "Custom color", a = Infinity;
	for (let o of r) {
		let r = Math.sqrt((e - o.r) ** 2 + (t - o.g) ** 2 + (n - o.b) ** 2);
		r < a && (a = r, i = o.name);
	}
	return a > 80 ? "Custom color" : i;
}
function a(e, t, n) {
	return Math.max(t, Math.min(n, e));
}
function o(e) {
	let t = e.replace(/^#/, "");
	(t.length === 3 || t.length === 4) && (t = t.split("").map((e) => e + e).join(""));
	let n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16), a = t.length === 8 ? parseInt(t.slice(6, 8), 16) / 255 : 1;
	return {
		r: isNaN(n) ? 0 : n,
		g: isNaN(r) ? 0 : r,
		b: isNaN(i) ? 0 : i,
		a: isNaN(a) ? 1 : a
	};
}
function s(e, t) {
	let n = a(Math.round(e.r), 0, 255).toString(16).padStart(2, "0"), r = a(Math.round(e.g), 0, 255).toString(16).padStart(2, "0"), i = a(Math.round(e.b), 0, 255).toString(16).padStart(2, "0");
	return t && e.a < 1 ? `#${n}${r}${i}${a(Math.round(e.a * 255), 0, 255).toString(16).padStart(2, "0")}` : `#${n}${r}${i}`;
}
function c(e) {
	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), a = Math.min(t, n, r), o = (i + a) / 2, s = 0, c = 0;
	if (i !== a) {
		let e = i - a;
		c = o > .5 ? e / (2 - i - a) : e / (i + a), s = i === t ? ((n - r) / e + (n < r ? 6 : 0)) / 6 : i === n ? ((r - t) / e + 2) / 6 : ((t - n) / e + 4) / 6;
	}
	return {
		h: s * 360,
		s: c * 100,
		l: o * 100,
		a: e.a
	};
}
function l(e, t, n, r) {
	let i = Math.floor(e / 60) % 6, a = e / 60 - Math.floor(e / 60), o = n * (1 - t), s = n * (1 - a * t), c = n * (1 - (1 - a) * t), l, u, d;
	switch (i) {
		case 0:
			l = n, u = c, d = o;
			break;
		case 1:
			l = s, u = n, d = o;
			break;
		case 2:
			l = o, u = n, d = c;
			break;
		case 3:
			l = o, u = s, d = n;
			break;
		case 4:
			l = c, u = o, d = n;
			break;
		default:
			l = n, u = o, d = s;
			break;
	}
	return {
		r: Math.round(l * 255),
		g: Math.round(u * 255),
		b: Math.round(d * 255),
		a: r
	};
}
function u(e) {
	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), a = i - Math.min(t, n, r), o = 0;
	a !== 0 && (o = i === t ? ((n - r) / a + (n < r ? 6 : 0)) * 60 : i === n ? ((r - t) / a + 2) * 60 : ((t - n) / a + 4) * 60);
	let s = i === 0 ? 0 : a / i;
	return {
		h: o,
		s,
		v: i
	};
}
function d(e) {
	return e.a < 1 ? `rgba(${String(Math.round(e.r))}, ${String(Math.round(e.g))}, ${String(Math.round(e.b))}, ${String(Math.round(e.a * 100) / 100)})` : `rgb(${String(Math.round(e.r))}, ${String(Math.round(e.g))}, ${String(Math.round(e.b))})`;
}
function f(e) {
	let t = Math.round(e.h), n = Math.round(e.s), r = Math.round(e.l);
	return e.a < 1 ? `hsla(${String(t)}, ${String(n)}%, ${String(r)}%, ${String(Math.round(e.a * 100) / 100)})` : `hsl(${String(t)}, ${String(n)}%, ${String(r)}%)`;
}
var p = class {
	container;
	config;
	id;
	rgba = {
		r: 0,
		g: 0,
		b: 0,
		a: 1
	};
	hue = 0;
	saturation = 0;
	brightness = 0;
	swatchEl = null;
	panelEl = null;
	satCanvas = null;
	hueCanvas = null;
	alphaCanvas = null;
	hexInput = null;
	rInput = null;
	gInput = null;
	bInput = null;
	isOpen = !1;
	boundOnDocClick;
	activeDrag = null;
	constructor(n) {
		this.container = t(n.container), this.config = n, this.id = e("cmm-color-picker"), this.rgba = o(n.value ?? "#000000");
		let r = u(this.rgba);
		this.hue = r.h, this.saturation = r.s, this.brightness = r.v, this.boundOnDocClick = this.onDocumentClick.bind(this), this.render();
	}
	getValue() {
		return this.formatOutput();
	}
	setValue(e) {
		this.rgba = o(e);
		let t = u(this.rgba);
		this.hue = t.h, this.saturation = t.s, this.brightness = t.v, this.updateAllUI();
	}
	destroy() {
		document.removeEventListener("click", this.boundOnDocClick), document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("touchmove", this.onTouchMove), document.removeEventListener("touchend", this.onTouchEnd), this.container.innerHTML = "", this.panelEl = null, this.satCanvas = null, this.hueCanvas = null, this.alphaCanvas = null;
	}
	formatOutput() {
		switch (this.config.format ?? "hex") {
			case "rgb": return d(this.rgba);
			case "hsl": return f(c(this.rgba));
			default: return s(this.rgba, this.config.showAlpha === !0);
		}
	}
	render() {
		this.container.innerHTML = "";
		let e = document.createElement("div");
		e.className = "cmm-color-picker", this.config.className && e.classList.add(this.config.className), e.id = this.id;
		let t = document.createElement("button");
		t.className = "cmm-color-picker__swatch", t.type = "button", t.setAttribute("aria-label", "Open color picker"), t.setAttribute("aria-expanded", "false"), t.style.backgroundColor = s(this.rgba, !0), t.addEventListener("click", (e) => {
			e.stopPropagation(), this.togglePanel();
		}), this.swatchEl = t, e.appendChild(t);
		let n = document.createElement("div");
		n.className = "cmm-color-picker__panel", n.style.display = "none", n.addEventListener("click", (e) => {
			e.stopPropagation();
		}), this.panelEl = n;
		let r = document.createElement("div");
		r.className = "cmm-color-picker__saturation-wrap";
		let i = document.createElement("canvas");
		i.className = "cmm-color-picker__saturation", i.width = 256, i.height = 160, i.tabIndex = 0, i.setAttribute("role", "slider"), i.setAttribute("aria-label", "Saturation and brightness"), i.setAttribute("aria-valuemin", "0"), i.setAttribute("aria-valuemax", "100"), i.addEventListener("mousedown", this.onSatMouseDown), i.addEventListener("touchstart", this.onSatTouchStart, { passive: !1 }), i.addEventListener("keydown", this.onSatKeyDown), this.satCanvas = i, r.appendChild(i), n.appendChild(r);
		let a = document.createElement("div");
		a.className = "cmm-color-picker__sliders";
		let c = document.createElement("div");
		c.className = "cmm-color-picker__hue-wrap";
		let l = document.createElement("canvas");
		if (l.className = "cmm-color-picker__hue", l.width = 256, l.height = 14, l.tabIndex = 0, l.setAttribute("role", "slider"), l.setAttribute("aria-label", "Hue"), l.setAttribute("aria-valuemin", "0"), l.setAttribute("aria-valuemax", "360"), l.addEventListener("mousedown", this.onHueMouseDown), l.addEventListener("touchstart", this.onHueTouchStart, { passive: !1 }), l.addEventListener("keydown", this.onHueKeyDown), this.hueCanvas = l, c.appendChild(l), a.appendChild(c), this.config.showAlpha === !0) {
			let e = document.createElement("div");
			e.className = "cmm-color-picker__alpha-wrap";
			let t = document.createElement("canvas");
			t.className = "cmm-color-picker__alpha", t.width = 256, t.height = 14, t.tabIndex = 0, t.setAttribute("role", "slider"), t.setAttribute("aria-label", "Opacity"), t.setAttribute("aria-valuemin", "0"), t.setAttribute("aria-valuemax", "100"), t.addEventListener("mousedown", this.onAlphaMouseDown), t.addEventListener("touchstart", this.onAlphaTouchStart, { passive: !1 }), t.addEventListener("keydown", this.onAlphaKeyDown), this.alphaCanvas = t, e.appendChild(t), a.appendChild(e);
		}
		n.appendChild(a);
		let d = document.createElement("div");
		d.className = "cmm-color-picker__inputs";
		let f = document.createElement("div");
		f.className = "cmm-color-picker__input-group";
		let p = document.createElement("label");
		p.className = "cmm-color-picker__input-label", p.textContent = "Hex";
		let m = document.createElement("input");
		m.className = "cmm-color-picker__input cmm-color-picker__input--hex", m.type = "text", m.maxLength = 9, m.value = s(this.rgba, this.config.showAlpha === !0), m.addEventListener("change", () => {
			let e = m.value.trim(), t = e.startsWith("#") ? e : `#${e}`;
			if (/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(t)) {
				this.rgba = o(t);
				let e = u(this.rgba);
				this.hue = e.h, this.saturation = e.s, this.brightness = e.v, this.updateAllUI(), this.emitChange();
			}
		}), this.hexInput = m, f.appendChild(p), f.appendChild(m), d.appendChild(f);
		let h = this.buildNumberInput("R", 0, 255, this.rgba.r, (e) => {
			this.rgba.r = e, this.syncFromRgba();
		});
		this.rInput = h.querySelector("input"), d.appendChild(h);
		let g = this.buildNumberInput("G", 0, 255, this.rgba.g, (e) => {
			this.rgba.g = e, this.syncFromRgba();
		});
		this.gInput = g.querySelector("input"), d.appendChild(g);
		let _ = this.buildNumberInput("B", 0, 255, this.rgba.b, (e) => {
			this.rgba.b = e, this.syncFromRgba();
		});
		this.bInput = _.querySelector("input"), d.appendChild(_), n.appendChild(d);
		let v = document.createElement("div");
		v.className = "cmm-color-picker__actions";
		let y = document.createElement("button");
		y.className = "cmm-color-picker__copy", y.type = "button", y.textContent = "Copy", y.setAttribute("aria-label", "Copy color value"), y.addEventListener("click", () => {
			let e = this.formatOutput();
			navigator.clipboard.writeText(e).then(() => {
				y.textContent = "Copied!", setTimeout(() => {
					y.textContent = "Copy";
				}, 1500);
			});
		}), v.appendChild(y), n.appendChild(v);
		let b = this.config.presets;
		if (b !== void 0 && b.length > 0) {
			let e = document.createElement("div");
			e.className = "cmm-color-picker__presets";
			for (let t of b) {
				let n = document.createElement("button");
				n.className = "cmm-color-picker__preset", n.type = "button", n.style.backgroundColor = t, n.setAttribute("aria-label", `Select color ${t}`), n.addEventListener("click", () => {
					this.setValue(t), this.emitChange();
				}), e.appendChild(n);
			}
			n.appendChild(e);
		}
		e.appendChild(n), this.container.appendChild(e), this.drawSaturation(), this.drawHue(), this.config.showAlpha === !0 && this.drawAlpha(), document.addEventListener("click", this.boundOnDocClick);
	}
	buildNumberInput(e, t, n, r, i) {
		let o = document.createElement("div");
		o.className = "cmm-color-picker__input-group";
		let s = document.createElement("label");
		s.className = "cmm-color-picker__input-label", s.textContent = e;
		let c = document.createElement("input");
		return c.className = "cmm-color-picker__input cmm-color-picker__input--num", c.type = "number", c.min = String(t), c.max = String(n), c.value = String(Math.round(r)), c.addEventListener("change", () => {
			let e = parseInt(c.value, 10), r = a(isNaN(e) ? 0 : e, t, n);
			c.value = String(r), i(r);
		}), o.appendChild(s), o.appendChild(c), o;
	}
	syncFromRgba() {
		let e = u(this.rgba);
		this.hue = e.h, this.saturation = e.s, this.brightness = e.v, this.updateAllUI(), this.emitChange();
	}
	togglePanel() {
		this.isOpen ? this.closePanel() : this.openPanel();
	}
	openPanel() {
		this.panelEl !== null && (this.panelEl.style.display = "block", this.swatchEl?.setAttribute("aria-expanded", "true"), this.isOpen = !0, this.drawSaturation(), this.drawHue(), this.config.showAlpha === !0 && this.drawAlpha());
	}
	closePanel() {
		this.panelEl !== null && (this.panelEl.style.display = "none", this.swatchEl?.setAttribute("aria-expanded", "false"), this.isOpen = !1);
	}
	onDocumentClick() {
		this.isOpen && this.closePanel();
	}
	drawSaturation() {
		let e = this.satCanvas;
		if (e === null) return;
		let t = e.getContext("2d");
		if (t === null) return;
		let n = e.width, r = e.height;
		t.fillStyle = s(l(this.hue, 1, 1, 1), !1), t.fillRect(0, 0, n, r);
		let i = t.createLinearGradient(0, 0, n, 0);
		i.addColorStop(0, "rgba(255, 255, 255, 1)"), i.addColorStop(1, "rgba(255, 255, 255, 0)"), t.fillStyle = i, t.fillRect(0, 0, n, r);
		let a = t.createLinearGradient(0, 0, 0, r);
		a.addColorStop(0, "rgba(0, 0, 0, 0)"), a.addColorStop(1, "rgba(0, 0, 0, 1)"), t.fillStyle = a, t.fillRect(0, 0, n, r);
		let o = this.saturation * n, c = (1 - this.brightness) * r;
		t.beginPath(), t.arc(o, c, 6, 0, Math.PI * 2), t.strokeStyle = "#ffffff", t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(o, c, 7, 0, Math.PI * 2), t.strokeStyle = "#000000", t.lineWidth = 1, t.stroke();
	}
	drawHue() {
		let e = this.hueCanvas;
		if (e === null) return;
		let t = e.getContext("2d");
		if (t === null) return;
		let n = e.width, r = e.height, i = t.createLinearGradient(0, 0, n, 0);
		for (let e = 0; e <= 7; e++) {
			let t = e / 7, n = l(t * 360, 1, 1, 1);
			i.addColorStop(t, s(n, !1));
		}
		t.fillStyle = i, t.fillRect(0, 0, n, r);
		let a = this.hue / 360 * n;
		t.beginPath(), t.rect(a - 3, 0, 6, r), t.strokeStyle = "#ffffff", t.lineWidth = 2, t.stroke(), t.strokeStyle = "#000000", t.lineWidth = 1, t.stroke();
	}
	drawAlpha() {
		let e = this.alphaCanvas;
		if (e === null) return;
		let t = e.getContext("2d");
		if (t === null) return;
		let n = e.width, r = e.height;
		for (let e = 0; e < r; e += 4) for (let r = 0; r < n; r += 4) t.fillStyle = (r / 4 + e / 4) % 2 == 0 ? "#cccccc" : "#ffffff", t.fillRect(r, e, 4, 4);
		let i = s({
			...this.rgba,
			a: 1
		}, !1), a = t.createLinearGradient(0, 0, n, 0);
		a.addColorStop(0, "rgba(0, 0, 0, 0)"), a.addColorStop(1, i), t.fillStyle = a, t.fillRect(0, 0, n, r);
		let o = this.rgba.a * n;
		t.beginPath(), t.rect(o - 3, 0, 6, r), t.strokeStyle = "#ffffff", t.lineWidth = 2, t.stroke(), t.strokeStyle = "#000000", t.lineWidth = 1, t.stroke();
	}
	updateAllUI() {
		this.swatchEl !== null && (this.swatchEl.style.backgroundColor = s(this.rgba, !0)), this.drawSaturation(), this.drawHue(), this.config.showAlpha === !0 && this.drawAlpha(), this.hexInput !== null && (this.hexInput.value = s(this.rgba, this.config.showAlpha === !0)), this.rInput !== null && (this.rInput.value = String(Math.round(this.rgba.r))), this.gInput !== null && (this.gInput.value = String(Math.round(this.rgba.g))), this.bInput !== null && (this.bInput.value = String(Math.round(this.rgba.b)));
	}
	emitChange() {
		this.config.onChange?.(this.formatOutput());
	}
	announceColor() {
		n(`${i(Math.round(this.rgba.r), Math.round(this.rgba.g), Math.round(this.rgba.b))}, ${s(this.rgba, !1)}`, "polite");
	}
	onSatMouseDown = (e) => {
		e.preventDefault(), this.activeDrag = "saturation", this.updateSatFromPos(e.offsetX, e.offsetY), document.addEventListener("mousemove", this.onMouseMove), document.addEventListener("mouseup", this.onMouseUp);
	};
	onSatTouchStart = (e) => {
		e.preventDefault(), this.activeDrag = "saturation";
		let t = e.touches[0];
		t !== void 0 && this.updateSatFromClient(t.clientX, t.clientY), document.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), document.addEventListener("touchend", this.onTouchEnd);
	};
	updateSatFromPos(e, t) {
		let n = this.satCanvas;
		n !== null && (this.saturation = a(e / n.width, 0, 1), this.brightness = a(1 - t / n.height, 0, 1), this.rgba = l(this.hue, this.saturation, this.brightness, this.rgba.a), this.updateAllUI(), this.emitChange());
	}
	updateSatFromClient(e, t) {
		let n = this.satCanvas;
		if (n === null) return;
		let r = n.getBoundingClientRect(), i = e - r.left, a = t - r.top;
		this.updateSatFromPos(i, a);
	}
	onHueMouseDown = (e) => {
		e.preventDefault(), this.activeDrag = "hue", this.updateHueFromPos(e.offsetX), document.addEventListener("mousemove", this.onMouseMove), document.addEventListener("mouseup", this.onMouseUp);
	};
	onHueTouchStart = (e) => {
		e.preventDefault(), this.activeDrag = "hue";
		let t = e.touches[0];
		t !== void 0 && this.updateHueFromClient(t.clientX), document.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), document.addEventListener("touchend", this.onTouchEnd);
	};
	updateHueFromPos(e) {
		let t = this.hueCanvas;
		t !== null && (this.hue = a(e / t.width, 0, 1) * 360, this.rgba = l(this.hue, this.saturation, this.brightness, this.rgba.a), this.updateAllUI(), this.emitChange());
	}
	updateHueFromClient(e) {
		let t = this.hueCanvas;
		if (t === null) return;
		let n = t.getBoundingClientRect();
		this.updateHueFromPos(e - n.left);
	}
	onAlphaMouseDown = (e) => {
		e.preventDefault(), this.activeDrag = "alpha", this.updateAlphaFromPos(e.offsetX), document.addEventListener("mousemove", this.onMouseMove), document.addEventListener("mouseup", this.onMouseUp);
	};
	onAlphaTouchStart = (e) => {
		e.preventDefault(), this.activeDrag = "alpha";
		let t = e.touches[0];
		t !== void 0 && this.updateAlphaFromClient(t.clientX), document.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), document.addEventListener("touchend", this.onTouchEnd);
	};
	updateAlphaFromPos(e) {
		let t = this.alphaCanvas;
		t !== null && (this.rgba.a = a(e / t.width, 0, 1), this.updateAllUI(), this.emitChange());
	}
	updateAlphaFromClient(e) {
		let t = this.alphaCanvas;
		if (t === null) return;
		let n = t.getBoundingClientRect();
		this.updateAlphaFromPos(e - n.left);
	}
	onMouseMove = (e) => {
		switch (e.preventDefault(), this.activeDrag) {
			case "saturation":
				this.updateSatFromClient(e.clientX, e.clientY);
				break;
			case "hue":
				this.updateHueFromClient(e.clientX);
				break;
			case "alpha":
				this.updateAlphaFromClient(e.clientX);
				break;
		}
	};
	onMouseUp = () => {
		this.activeDrag = null, document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp);
	};
	onTouchMove = (e) => {
		e.preventDefault();
		let t = e.touches[0];
		if (t !== void 0) switch (this.activeDrag) {
			case "saturation":
				this.updateSatFromClient(t.clientX, t.clientY);
				break;
			case "hue":
				this.updateHueFromClient(t.clientX);
				break;
			case "alpha":
				this.updateAlphaFromClient(t.clientX);
				break;
		}
	};
	onTouchEnd = () => {
		this.activeDrag = null, document.removeEventListener("touchmove", this.onTouchMove), document.removeEventListener("touchend", this.onTouchEnd);
	};
	onSatKeyDown = (e) => {
		let t = e.shiftKey ? .1 : .02, n = !0;
		switch (e.key) {
			case "ArrowRight":
				this.saturation = a(this.saturation + t, 0, 1);
				break;
			case "ArrowLeft":
				this.saturation = a(this.saturation - t, 0, 1);
				break;
			case "ArrowUp":
				this.brightness = a(this.brightness + t, 0, 1);
				break;
			case "ArrowDown":
				this.brightness = a(this.brightness - t, 0, 1);
				break;
			default: n = !1;
		}
		n && (e.preventDefault(), this.rgba = l(this.hue, this.saturation, this.brightness, this.rgba.a), this.updateAllUI(), this.emitChange(), this.announceColor());
	};
	onHueKeyDown = (e) => {
		let t = e.shiftKey ? 30 : 5, n = !0;
		switch (e.key) {
			case "ArrowRight":
			case "ArrowUp":
				this.hue = (this.hue + t) % 360;
				break;
			case "ArrowLeft":
			case "ArrowDown":
				this.hue = (this.hue - t + 360) % 360;
				break;
			case "Home":
				this.hue = 0;
				break;
			case "End":
				this.hue = 359;
				break;
			default: n = !1;
		}
		n && (e.preventDefault(), this.rgba = l(this.hue, this.saturation, this.brightness, this.rgba.a), this.updateAllUI(), this.emitChange(), this.announceColor());
	};
	onAlphaKeyDown = (e) => {
		let t = e.shiftKey ? .1 : .05, r = !0;
		switch (e.key) {
			case "ArrowRight":
			case "ArrowUp":
				this.rgba.a = a(this.rgba.a + t, 0, 1);
				break;
			case "ArrowLeft":
			case "ArrowDown":
				this.rgba.a = a(this.rgba.a - t, 0, 1);
				break;
			case "Home":
				this.rgba.a = 0;
				break;
			case "End":
				this.rgba.a = 1;
				break;
			default: r = !1;
		}
		r && (e.preventDefault(), this.updateAllUI(), this.emitChange(), n(`Opacity ${String(Math.round(this.rgba.a * 100))} percent`, "polite"));
	};
};
//#endregion
export { p as ColorPicker };

//# sourceMappingURL=index.js.map