@revolist/ui 4.0.1-rc → 4.0.3-rc

package/_chunks/calendar-BsDxCYhI.js

@@ -1,248 +0,0 @@
-import { ButtonControl as e, Select as t } from "../native-control.js";
-import { createControlId as n } from "../core/control-id.js";
-import { DEFAULT_CALENDAR_TRANSLATIONS as r } from "../calendar/translations.js";
-import { a as i, n as a } from "./iso-B0YHBK7m.js";
-import { a as o, c as s, d as c, f as l, l as u, n as d, p as f, r as p, s as m, t as h, u as g } from "./model-mPO2tG2f.js";
-import { CalendarHeader as _, CalendarWeekdays as ee } from "../calendar/header.js";
-import { CalendarMonthGrid as te } from "../calendar/month-grid.js";
-import { CalendarYearGrid as ne } from "../calendar/year-grid.js";
-import { useMemo as v, useRef as y, useState as b } from "preact/hooks";
-import { jsx as x, jsxs as S } from "preact/jsx-runtime";
-//#region src/calendar/caption.tsx
-function re({ month: e, system: n, locale: r, layout: i, start: a, end: o, disabled: s, labels: d, onChange: f }) {
-	let p = u(e, n), h = c(e, n), _ = v(() => {
-		let t = u(e, n)[0], r = a ? u(a, n)[0] : m(t, -600, n), i = o ? u(o, n)[0] : m(t, 120, n), s = [];
-		for (let e = r; e <= i; e = m(e, 12, n)) s.push(e);
-		return s.includes(t) || s.push(t), s.sort();
-	}, [
-		e,
-		n,
-		a,
-		o
-	]);
-	return /* @__PURE__ */ S("div", {
-		class: "revo-calendar__caption",
-		children: [i === "dropdown-years" ? /* @__PURE__ */ x("span", { children: g(e, r, { month: "long" }, n) }) : /* @__PURE__ */ x(t, {
-			"aria-label": d.chooseMonth,
-			disabled: s,
-			value: String(h.month),
-			onChange: (e) => f(p[Number(e.currentTarget.value) - 1]),
-			children: p.map((e, t) => /* @__PURE__ */ x("option", {
-				value: String(t + 1),
-				disabled: !!(a && e < l(a, n) || o && e > l(o, n)),
-				children: g(e, r, { month: "short" }, n)
-			}, e))
-		}), i === "dropdown-months" ? /* @__PURE__ */ x("span", { children: g(e, r, { year: "numeric" }, n) }) : /* @__PURE__ */ x(t, {
-			"aria-label": d.chooseYear,
-			disabled: s,
-			value: p[0],
-			onChange: (e) => {
-				let t = e.currentTarget.value, r = m(t, h.month - 1, n);
-				a && r < l(a, n) && (r = l(a, n)), o && r > l(o, n) && (r = l(o, n)), f(r);
-			},
-			children: _.map((e) => /* @__PURE__ */ x("option", {
-				value: e,
-				children: g(e, r, { year: "numeric" }, n)
-			}, e))
-		})]
-	});
-}
-//#endregion
-//#region src/calendar/calendar.tsx
-var ie = "2026-08-02";
-function C({ locale: t = "en-US", weekStartsOn: c = 1, showOutsideDays: u = !1, allowOutsideMonthSelection: C = !1, fixedWeeks: ae = !0, showTodayButton: oe = !1, showHeader: se = !0, showNavigation: w = !0, showPreviousButton: ce = w, showNextButton: le = w, showMonthLabel: ue = !0, showWeekdays: de = !0, enableYearView: T = !0, translations: fe = {}, ...E }) {
-	let [D] = b(() => n("rv-calendar-feedback")), O = E.calendarSystem ?? "gregory", k = Math.max(1, Math.min(12, Math.trunc(E.numberOfMonths || 1))), A = v(() => {
-		let e = E.views ? [...new Set(E.views.filter((e) => e === "month" || e === "year"))] : T ? ["month", "year"] : ["month"];
-		return e.length ? e : ["month"];
-	}, [E.views, T]), [j, pe] = b(E.defaultView && A.includes(E.defaultView) ? E.defaultView : A[0]), M = A.includes(j) ? j : A[0], N = l(E.month, O), P = v(() => Array.from({ length: k }, (e, t) => m(N, t, O)), [
-		N,
-		k,
-		O
-	]), me = E.reverseMonths ? [...P].reverse() : P, he = v(() => Array.from({ length: 7 }, (e, t) => f(ie, (c + t) % 7)), [c]), F = E.referenceDate ?? (E.referenceInstant ? a(E.referenceInstant, E.timeZone ?? "UTC") : void 0), I = y(/* @__PURE__ */ new Map()), L = y(!1), R = {
-		...r,
-		...fe
-	}, z = (e) => p(e, {
-		minDate: E.minDate,
-		maxDate: E.maxDate,
-		isMonthDisabled: E.isMonthDisabled,
-		calendarSystem: O
-	}), B = [E.startMonth, E.minDate].filter((e) => !!e).map((e) => l(e, O)).sort().at(-1), V = [E.endMonth, E.maxDate].filter((e) => !!e).map((e) => l(e, O)).sort().at(0), H = (e) => !!(E.disableNavigation || z(e) || B && e < B || V && e > V), U = (e, t = k) => {
-		let n = V ? m(V, 1 - t, O) : void 0;
-		return n && B && n < B && (n = B), n && e > n && (e = n), B && e < B && (e = B), e;
-	}, W = /* @__PURE__ */ new Map(), G = (e) => {
-		let t = W.get(e);
-		if (t !== void 0) return t;
-		let n = z(l(e, O)) || d(e, {
-			minDate: E.minDate,
-			maxDate: E.maxDate,
-			isDisabled: E.isDateDisabled
-		});
-		return W.set(e, n), n;
-	}, ge = P.includes(l(E.focusedDate, O)) && !G(E.focusedDate) ? E.focusedDate : P.flatMap((e) => h(e, c, !1, O)).find((e) => P.includes(l(e, O)) && !G(e)) ?? E.focusedDate, K = (e) => {
-		e !== M && A.includes(e) && (pe(e), E.onViewChange?.(e));
-	}, q = (e, t = E.onSelect) => {
-		if (G(e)) return E.onInvalidSelection?.(R.invalidSelection, e), !1;
-		let n = E.validateSelection?.(e, {
-			month: N,
-			view: M,
-			selection: E.selection,
-			preview: E.preview,
-			referenceDate: F
-		});
-		return n === !1 || typeof n == "string" ? (E.onInvalidSelection?.(typeof n == "string" ? n : R.invalidSelection, e), !1) : (t(e), !0);
-	}, _e = (e, t) => {
-		t ? I.current.set(e, t) : I.current.delete(e), t && L.current && e === E.focusedDate && (L.current = !1, queueMicrotask(() => t.focus()));
-	}, ve = (e, t) => {
-		let n = E.dir ?? (e.currentTarget.ownerDocument.defaultView?.getComputedStyle(e.currentTarget).direction === "rtl" ? "rtl" : "ltr"), r = o({
-			date: t,
-			key: e.key,
-			shiftKey: e.shiftKey,
-			weekStartsOn: c,
-			minDate: E.minDate,
-			maxDate: E.maxDate,
-			isDisabled: G,
-			dir: n,
-			calendarSystem: O
-		});
-		if (!r) return;
-		e.preventDefault();
-		let i = l(r, O);
-		(P.includes(i) || !H(i)) && (L.current = !0, P.includes(i) || E.onMonthChange(U(i)), E.onFocusedDateChange(r), queueMicrotask(() => {
-			let e = I.current.get(r);
-			e && (L.current = !1, e.focus());
-		}));
-	}, J = (e) => E.formatMonth?.(e, t) ?? g(e, t, {
-		month: "long",
-		year: "numeric"
-	}, O), Y = M === "year", ye = Y ? 12 : E.pagedNavigation ? k : 1, X = U(m(N, -ye, O), Y ? 1 : k), Z = U(m(N, ye, O), Y ? 1 : k), Q = (e, t = Y ? 1 : k) => {
-		let n = U(e, t);
-		H(n) || E.onMonthChange(n);
-	}, $ = (e) => {
-		q(e, E.onPresetSelect ?? E.onSelect) && (E.onMonthChange(U(l(e, O))), E.onFocusedDateChange(e), K("month"));
-	};
-	return /* @__PURE__ */ S("div", {
-		class: `revo-calendar${E.showWeekNumber ? " revo-calendar--week-numbers" : ""}${E.className ? ` ${E.className}` : ""}`,
-		dir: E.dir,
-		style: E.cellSize ? { "--revo-calendar-cell-size": `${Math.max(24, E.cellSize)}px` } : void 0,
-		children: [
-			/* @__PURE__ */ x("div", {
-				class: "revo-calendar__months",
-				children: (Y ? [N] : me).map((e, n) => /* @__PURE__ */ S("section", {
-					class: "revo-calendar__month-panel",
-					children: [se && /* @__PURE__ */ x(_, {
-						label: Y ? g(e, t, { year: "numeric" }, O) : J(e),
-						previousLabel: Y ? R.previousYear : R.previousMonth,
-						nextLabel: Y ? R.nextYear : R.nextMonth,
-						caption: !Y && E.captionLayout && E.captionLayout !== "label" ? /* @__PURE__ */ x(re, {
-							month: e,
-							system: O,
-							locale: t,
-							layout: E.captionLayout,
-							start: B,
-							end: V,
-							disabled: E.disableNavigation,
-							labels: R,
-							onChange: (t) => Q(m(t, -P.indexOf(e), O))
-						}) : void 0,
-						labelAction: !E.disableNavigation && !Y && A.includes("year") ? {
-							ariaLabel: `${R.chooseMonth}: ${J(e)}`,
-							onClick: () => K("year")
-						} : void 0,
-						showLabel: ue,
-						showPrevious: ce && n === 0,
-						showNext: le && n === (Y ? 0 : k - 1),
-						previousDisabled: X >= N || H(X),
-						nextDisabled: Z <= N || H(Z),
-						onPrevious: () => Q(X),
-						onNext: () => Q(Z)
-					}), Y ? /* @__PURE__ */ x(ne, {
-						month: N,
-						system: O,
-						referenceDate: F,
-						minDate: E.minDate,
-						maxDate: E.maxDate,
-						isMonthDisabled: E.isMonthDisabled,
-						locale: t,
-						ariaLabel: `${R.chooseMonth} ${g(N, t, { year: "numeric" }, O)}`,
-						onEscape: () => K("month"),
-						onSelect: (e) => {
-							Q(e, k), K("month");
-						}
-					}) : /* @__PURE__ */ S("div", {
-						class: "revo-calendar__calendar",
-						role: "grid",
-						"aria-label": `${J(e)} ${R.calendar}`,
-						children: [de && /* @__PURE__ */ x(ee, {
-							dates: he,
-							locale: t,
-							format: E.formatWeekday ?? ((e, t) => g(e, t, { weekday: /^(fa|ar)(-|$)/.test(t) ? "narrow" : "short" }, O)),
-							weekNumberLabel: E.showWeekNumber ? R.weekNumber : void 0
-						}), /* @__PURE__ */ x(te, {
-							dates: h(e, c, ae, O),
-							month: e,
-							system: O,
-							visibleMonths: P,
-							focusedDate: ge,
-							referenceDate: F,
-							selection: E.selection,
-							selectedDates: E.selectedDates,
-							preview: E.preview,
-							previewInvalid: E.previewInvalid,
-							previewDescriptionId: E.previewDescription ? D : void 0,
-							showOutsideDays: u,
-							allowOutsideMonthSelection: C,
-							dayClassName: E.dayClassName,
-							renderDay: E.renderDay ?? ((e) => g(e, t, { day: "numeric" }, O)),
-							isDisabled: G,
-							formatDayLabel: (e) => E.formatDayLabel?.(e, t) ?? g(e, t, {
-								weekday: "long",
-								month: "long",
-								day: "numeric",
-								year: "numeric"
-							}, O),
-							weekNumber: E.showWeekNumber ? (e) => {
-								let n = s(E.weekNumbering === "local" ? e : f(e, (4 - i(e) + 7) % 7), E.weekNumbering === "local" ? c : 1, E.weekNumbering === "local" ? 1 : 4, E.weekNumbering === "local" ? O : "gregory");
-								return E.formatWeekNumber?.(n) ?? new Intl.NumberFormat(t).format(n);
-							} : void 0,
-							weekNumberLabel: R.weekNumber,
-							setDayRef: _e,
-							onFocus: E.onFocusedDateChange,
-							onPreview: (e) => E.onPreviewDateChange?.(e),
-							onKeyDown: ve,
-							onSelect: q
-						})]
-					})]
-				}, e))
-			}),
-			E.presets?.length ? /* @__PURE__ */ x("div", {
-				class: "revo-calendar__presets",
-				children: E.presets.map((t) => /* @__PURE__ */ x(e, {
-					disabled: G(t.date),
-					onClick: () => $(t.date),
-					children: t.label
-				}, t.label))
-			}) : null,
-			oe && F && /* @__PURE__ */ x("button", {
-				type: "button",
-				class: "revo-calendar__today",
-				disabled: G(F),
-				onClick: () => $(F),
-				children: R.today
-			}),
-			E.previewDescription !== void 0 && /* @__PURE__ */ x("p", {
-				id: D,
-				class: "revo-calendar__feedback",
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: E.previewDescription
-			}),
-			E.footer && /* @__PURE__ */ x("div", {
-				class: "revo-calendar__footer",
-				children: E.footer
-			})
-		]
-	});
-}
-//#endregion
-export { C as t };

package/_chunks/chart-frame-BvxbmEU9.js

@@ -1,126 +0,0 @@
-import { useRef as e, useState as t } from "preact/hooks";
-import { Fragment as n, jsx as r, jsxs as i } from "preact/jsx-runtime";
-//#region src/distribution-chart/geometry.ts
-function a(e) {
-	let t = e.map(({ value: e }) => Number.isFinite(e) ? Math.max(0, e) : 0), n = Math.max(1, ...t);
-	return {
-		values: t,
-		max: n,
-		points: t.map((t, r) => ({
-			x: e.length <= 1 ? 50 : r / (e.length - 1) * 100,
-			y: 96 - t / n * 88
-		}))
-	};
-}
-function o(e, t) {
-	return t === "step" ? `H ${e.x} V ${e.y}` : `L ${e.x} ${e.y}`;
-}
-function s(e, t, n = "linear") {
-	return `M ${e.x} ${e.y} ${o(t, n)}`;
-}
-//#endregion
-//#region src/distribution-chart/chart-frame.tsx
-function c({ title: e, details: t = [] }) {
-	return [e, ...t].filter(Boolean).join(". ");
-}
-function l({ title: e, details: t = [] }) {
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("strong", { children: e }), t.map((e) => /* @__PURE__ */ r("span", { children: e }, e))] });
-}
-function u({ data: n, ariaLabel: o, variant: s, height: u = 72, className: d = "", showGrid: f = !1, showLabels: p = !1, showValues: m = !1, legend: h, formatValue: g = String, tooltip: _ = !0, tooltipIndicator: v = "none", renderTooltip: y, positions: b, renderDatum: x, children: S }) {
-	let { values: C, max: w } = a(n), [T, E] = t(0), D = e([]), O = Math.min(T, Math.max(0, n.length - 1)), k = (e) => {
-		if (!n.length) return;
-		let t = Math.max(0, Math.min(e, n.length - 1));
-		E(t), D.current[t]?.focus();
-	};
-	return /* @__PURE__ */ i("div", {
-		class: `rv-distribution-chart rv-distribution-chart--${s} ${d}`.trim(),
-		role: "group",
-		"aria-label": o,
-		"data-empty": n.length ? void 0 : "true",
-		children: [
-			/* @__PURE__ */ i("div", {
-				class: "rv-distribution-chart__region",
-				style: { height: `${Math.max(40, Math.min(240, u))}px` },
-				children: [
-					f && /* @__PURE__ */ r("div", {
-						class: "rv-distribution-chart__grid",
-						"aria-hidden": "true",
-						children: [
-							0,
-							1,
-							2,
-							3,
-							4
-						].map((e) => /* @__PURE__ */ r("span", {}, e))
-					}),
-					S,
-					/* @__PURE__ */ r("div", {
-						class: "rv-distribution-chart__data",
-						role: "list",
-						children: n.map((e, t) => {
-							let a = b?.[t], o = !a;
-							return /* @__PURE__ */ i("span", {
-								ref: (e) => {
-									D.current[t] = e;
-								},
-								class: `rv-distribution-chart__datum${e.selected ? " is-selected" : ""}${o ? " is-bar" : " is-point"}`,
-								role: "listitem",
-								tabIndex: t === O ? 0 : -1,
-								"aria-label": c(e.tooltip),
-								style: o ? void 0 : {
-									left: `${a.x}%`,
-									top: `${a.y}%`
-								},
-								onFocus: () => E(t),
-								onKeyDown: (e) => {
-									e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), k(t + 1)) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), k(t - 1)) : e.key === "Home" ? (e.preventDefault(), k(0)) : e.key === "End" && (e.preventDefault(), k(n.length - 1));
-								},
-								children: [
-									x(e, t),
-									m && /* @__PURE__ */ r("span", {
-										class: "rv-distribution-chart__value",
-										style: o ? {
-											top: `${100 - Math.max(3, C[t] / w * 100)}%`,
-											transform: "translate(-50%, -100%)"
-										} : void 0,
-										"aria-hidden": "true",
-										children: g(e.value)
-									}),
-									_ && /* @__PURE__ */ i("span", {
-										class: `rv-distribution-chart__tooltip rv-distribution-chart__tooltip--${v}`,
-										role: "tooltip",
-										children: [v !== "none" && /* @__PURE__ */ r("i", { "aria-hidden": "true" }), y ? y(e, t) : l(e.tooltip)]
-									})
-								]
-							}, e.key);
-						})
-					})
-				]
-			}),
-			p && /* @__PURE__ */ r("div", {
-				class: `rv-distribution-chart__labels${s === "bar" ? " is-bar" : ""}`,
-				"aria-hidden": "true",
-				children: n.map((e) => /* @__PURE__ */ r("span", {
-					title: e.tooltip.title,
-					children: e.tooltip.title
-				}, e.key))
-			}),
-			h && /* @__PURE__ */ i("div", {
-				class: "rv-distribution-chart__legend",
-				children: [/* @__PURE__ */ r("i", { "aria-hidden": "true" }), h]
-			})
-		]
-	});
-}
-function d({ children: e }) {
-	return /* @__PURE__ */ r("svg", {
-		class: "rv-distribution-chart__plot",
-		viewBox: "0 0 100 100",
-		preserveAspectRatio: "none",
-		"aria-hidden": "true",
-		focusable: "false",
-		children: e
-	});
-}
-//#endregion
-export { s as i, d as n, a as r, u as t };

package/_chunks/choice-chips-0HfOnK_4.js

@@ -1,110 +0,0 @@
-import { SvgIcon as e } from "../icons/icon.js";
-import { ButtonControl as t } from "../native-control.js";
-import { TooltipController as n } from "../surfaces.js";
-import { RemoveButton as r } from "../buttons/remove-button.js";
-import { useLayoutEffect as i, useRef as a } from "preact/hooks";
-import { jsx as o, jsxs as s } from "preact/jsx-runtime";
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/circle-info.svg?raw
-var c = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z\"/></svg>";
-//#endregion
-//#region src/choice-chips/index.tsx
-function l({ value: e, options: t, onChange: n, ariaLabel: r, appearance: i = "soft", size: a = "medium", className: s = "", itemClassName: c = "", disabled: l = !1, testId: u }) {
-	let f = Array.isArray(e) ? e : e === void 0 ? [] : [e];
-	return /* @__PURE__ */ o("div", {
-		class: `rv-choice-chips rv-choice-chips--${i} rv-choice-chips--${a} ${s}`.trim(),
-		role: "group",
-		"aria-label": r,
-		"data-testid": u,
-		children: t.map((e) => {
-			let t = f.includes(e.value), r = l || !!e.disabled;
-			return /* @__PURE__ */ o(d, {
-				className: `${c} ${e.className ?? ""}`.trim(),
-				style: e.style,
-				color: e.color,
-				selected: t,
-				"aria-label": e.ariaLabel,
-				title: e.title,
-				disabled: r,
-				"data-value": String(e.value),
-				"data-testid": e.testId,
-				onSelect: () => {
-					r || n(e.value, e);
-				},
-				info: e.info,
-				onRemove: e.onRemove,
-				removeLabel: e.removeLabel,
-				children: e.label
-			}, String(e.value));
-		})
-	});
-}
-function u({ "data-tooltip": r, title: s, ref: l, ...u }) {
-	let d = a(null), f = r ?? (typeof s == "object" ? s.value : s);
-	return i(() => {
-		if (!d.current || !f) return;
-		let e = new n();
-		return e.bind(d.current, f, { trigger: "click" }), () => e.destroy();
-	}, [f]), /* @__PURE__ */ o(t, {
-		...u,
-		type: "button",
-		ref: (e) => {
-			d.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
-		},
-		class: `rv-choice-chip-info ${u.className ?? u.class ?? ""}`.trim(),
-		children: /* @__PURE__ */ o(e, {
-			svg: c,
-			size: 12
-		})
-	});
-}
-function d({ children: e, color: t, selected: n, onSelect: i, info: a, onRemove: c, removeLabel: l, removeClassName: u = "", className: d = "", disabled: f, ...p }) {
-	let m = t ? typeof p.style == "string" ? `${p.style};--rv-choice-chip-color:${t}` : {
-		...p.style,
-		"--rv-choice-chip-color": t
-	} : p.style;
-	return !a && !c && i ? /* @__PURE__ */ o("button", {
-		...p,
-		style: m,
-		"data-color": t ? "true" : void 0,
-		type: "button",
-		class: `rv-choice-chip ${d}`.trim(),
-		"aria-pressed": n,
-		disabled: f,
-		onClick: i,
-		children: e
-	}) : /* @__PURE__ */ s("span", {
-		class: `rv-choice-chip rv-choice-chip--composite ${d}`.trim(),
-		role: p.role,
-		style: m,
-		"data-color": t ? "true" : void 0,
-		"data-selected": n ? "true" : void 0,
-		"aria-disabled": f || void 0,
-		children: [
-			i ? /* @__PURE__ */ o("button", {
-				...p,
-				type: "button",
-				class: "rv-choice-chip-label",
-				"aria-pressed": n,
-				disabled: f,
-				onClick: i,
-				children: e
-			}) : /* @__PURE__ */ o("span", {
-				class: "rv-choice-chip-label",
-				children: e
-			}),
-			a,
-			c && /* @__PURE__ */ o(r, {
-				compact: !0,
-				className: u,
-				disabled: typeof f == "object" ? f.value : f,
-				locale: {
-					title: l ?? "Remove",
-					ariaLabel: l ?? "Remove"
-				},
-				onClick: c
-			})
-		]
-	});
-}
-//#endregion
-export { u as n, l as r, d as t };

package/_chunks/color-picker-BRv-__AM.js

@@ -1,138 +0,0 @@
-import { ButtonControl as e, Input as t } from "../native-control.js";
-import { createControlId as n } from "../core/control-id.js";
-import { t as r } from "./chevron-down-GbplLa6s.js";
-import { n as i, t as a } from "./color-palette-BmZ7kH9R.js";
-import { COLOR_PICKER_DEFAULT_COLOR as o } from "../color-palette/color-picker.constants.js";
-import { useEffect as s, useRef as c, useState as l } from "preact/hooks";
-import { jsx as u, jsxs as d } from "preact/jsx-runtime";
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/ban.svg?raw
-var f = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M367.2 412.5L99.5 144.8c-22.4 31.4-35.5 69.8-35.5 111.2 0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3c22.4-31.4 35.5-69.8 35.5-111.2 0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z\"/></svg>", p = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M512 256c0 .9 0 1.8 0 2.7-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48 0 3.4 .4 6.7 1 9.9 2.1 10.2 6.5 20 10.8 29.9 6.1 13.8 12.1 27.5 12.1 42 0 31.8-21.6 60.7-53.4 62-3.5 .1-7 .2-10.6 .2-141.4 0-256-114.6-256-256S114.6 0 256 0 512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"/></svg>";
-//#endregion
-//#region src/color-palette/color-picker.tsx
-function m({ icon: e, className: t = "rv-format-icon rv-format-color-picker__icon" }) {
-	return /* @__PURE__ */ u("span", {
-		class: t,
-		"aria-hidden": "true",
-		dangerouslySetInnerHTML: { __html: e }
-	});
-}
-function h({ label: h, value: g, defaultLabel: _, customLabel: v, customHexLabel: y, invalidColor: b, colorLabels: x, optional: S = !0, allowHexInput: C = !0, disabled: w = !1, onChange: T }) {
-	let [E] = l(n), D = `rv-format-color-popover-${E}`, O = `rv-format-color-custom-${E}`, k = `rv-format-color-error-${E}`, A = `--rv-format-color-anchor-${E}`, j = c(null), [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(g ?? o), [R, z] = l(!1);
-	s(() => {
-		L(g ?? o), z(!1);
-	}, [g]);
-	let B = (e) => {
-		let t = i(e);
-		t ? (z(!1), L(t), w || T(t)) : z(!0);
-	}, V = () => j.current?.hidePopover?.();
-	return s(() => {
-		w && (V(), N(!1));
-	}, [w]), /* @__PURE__ */ d("div", {
-		class: "rv-format-color-picker",
-		onKeyDownCapture: (e) => {
-			e.key === "Escape" && j.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), V());
-		},
-		children: [/* @__PURE__ */ d(e, {
-			unstyled: !0,
-			type: "button",
-			class: "rv-format-color-picker__trigger",
-			"aria-label": `${h}: ${g?.toUpperCase() ?? _}`,
-			"aria-haspopup": "dialog",
-			"aria-expanded": M,
-			"aria-controls": D,
-			title: h,
-			disabled: w,
-			popovertarget: D,
-			style: `anchor-name: ${A}`,
-			children: [
-				/* @__PURE__ */ u("span", {
-					class: `rv-format-color-picker__trigger-swatch${g ? "" : " rv-format-color-picker__trigger-swatch--empty"}`,
-					style: g ? { backgroundColor: g } : void 0,
-					children: g ? null : /* @__PURE__ */ u(m, {
-						icon: f,
-						className: "rv-format-color-picker__empty-icon"
-					})
-				}),
-				/* @__PURE__ */ u("span", {
-					class: "rv-format-color-picker__trigger-value",
-					children: g?.toUpperCase() ?? _
-				}),
-				/* @__PURE__ */ u(m, { icon: r })
-			]
-		}), /* @__PURE__ */ d("div", {
-			id: D,
-			ref: j,
-			class: "rv-format-color-picker__popover",
-			role: "dialog",
-			"aria-label": h,
-			popover: "auto",
-			style: `position-anchor: ${A}`,
-			onToggle: (e) => N(e.currentTarget.matches(":popover-open")),
-			children: [
-				/* @__PURE__ */ u(a, {
-					value: i(g) ?? g ?? null,
-					ariaLabel: h,
-					defaultLabel: _,
-					colorAriaLabel: (e) => x[e.value] ?? e.label,
-					includeDefault: S,
-					disabled: w,
-					onChange: (e) => {
-						w || (T(e ?? void 0), V());
-					}
-				}),
-				/* @__PURE__ */ d("div", {
-					id: O,
-					class: "rv-format-color-picker__custom-controls",
-					"data-selection-only": !C || void 0,
-					hidden: !P,
-					children: [
-						/* @__PURE__ */ u(t, {
-							type: "color",
-							disabled: w,
-							class: "rv-format-color-picker__native",
-							"aria-label": v,
-							title: v,
-							value: i(I) ?? o,
-							onInput: (e) => B(e.currentTarget.value)
-						}),
-						C ? /* @__PURE__ */ u(t, {
-							type: "text",
-							disabled: w,
-							class: "rv-control rv-format-color-picker__hex",
-							inputMode: "text",
-							maxLength: 7,
-							"aria-label": y,
-							"aria-invalid": R,
-							"aria-describedby": R ? k : void 0,
-							title: y,
-							value: I.toUpperCase(),
-							onInput: (e) => {
-								L(e.currentTarget.value), R && z(!1);
-							},
-							onChange: (e) => B(e.currentTarget.value)
-						}) : null,
-						C && R ? /* @__PURE__ */ u("span", {
-							id: k,
-							class: "rv-format-color-picker__error",
-							role: "alert",
-							children: b
-						}) : null
-					]
-				}),
-				/* @__PURE__ */ d(e, {
-					unstyled: !0,
-					type: "button",
-					class: "rv-format-color-picker__custom-action",
-					disabled: w,
-					"aria-expanded": P,
-					"aria-controls": O,
-					title: v,
-					onClick: () => F((e) => !e),
-					children: [/* @__PURE__ */ u(m, { icon: p }), v]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { h as t };