@revolist/ui 4.0.3-rc → 4.0.3

package/_chunks/{calendar-xpZ0v3xf.js → calendar-CgXQgkga.js}

@@ -1,7 +1,7 @@
 import { i as e, n as t, t as n } from "./hooks.module-CG3gN83z.js";
 import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
-import { l as i, t as a } from "./native-control-C_yok8_-.js";
-import { createControlId as o } from "../core/control-id.js";
+import { createControlId as i } from "../core/control-id.js";
+import { l as a, t as o } from "./native-control-B_fVA5bL.js";
 import { DEFAULT_CALENDAR_TRANSLATIONS as s } from "../calendar/translations.js";
 import { a as c, n as l } from "./iso-B0YHBK7m.js";
 import { a as u, c as d, d as f, f as p, l as m, n as h, p as g, r as _, s as v, t as y, u as b } from "./model-mPO2tG2f.js";
@@ -9,7 +9,7 @@ import { CalendarHeader as ee, CalendarWeekdays as te } from "../calendar/header
 import { CalendarMonthGrid as x } from "../calendar/month-grid.js";
 import { CalendarYearGrid as ne } from "../calendar/year-grid.js";
 //#region src/calendar/caption.tsx
-function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disabled: l, labels: u, onChange: d }) {
+function re({ month: e, system: n, locale: i, layout: o, start: s, end: c, disabled: l, labels: u, onChange: d }) {
 	let h = m(e, n), g = f(e, n), _ = t(() => {
 		let t = m(e, n)[0], r = s ? m(s, n)[0] : v(t, -600, n), i = c ? m(c, n)[0] : v(t, 120, n), a = [];
 		for (let e = r; e <= i; e = v(e, 12, n)) a.push(e);
@@ -22,7 +22,7 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 	]);
 	return /* @__PURE__ */ r("div", {
 		class: "revo-calendar__caption",
-		children: [o === "dropdown-years" ? /* @__PURE__ */ r("span", { children: b(e, a, { month: "long" }, n) }) : /* @__PURE__ */ r(i, {
+		children: [o === "dropdown-years" ? /* @__PURE__ */ r("span", { children: b(e, i, { month: "long" }, n) }) : /* @__PURE__ */ r(a, {
 			className: "rv-select",
 			config: {
 				ariaLabel: u.chooseMonth,
@@ -33,11 +33,11 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 			value: String(g.month),
 			source: h.map((e, t) => ({
 				value: String(t + 1),
-				label: b(e, a, { month: "short" }, n),
+				label: b(e, i, { month: "short" }, n),
 				disabled: !!(s && e < p(s, n) || c && e > p(c, n))
 			})),
 			onChange: (e) => d(h[Number(e) - 1])
-		}), o === "dropdown-months" ? /* @__PURE__ */ r("span", { children: b(e, a, { year: "numeric" }, n) }) : /* @__PURE__ */ r(i, {
+		}), o === "dropdown-months" ? /* @__PURE__ */ r("span", { children: b(e, i, { year: "numeric" }, n) }) : /* @__PURE__ */ r(a, {
 			className: "rv-select",
 			config: {
 				ariaLabel: u.chooseYear,
@@ -48,7 +48,7 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 			value: h[0],
 			source: _.map((e) => ({
 				value: e,
-				label: b(e, a, { year: "numeric" }, n)
+				label: b(e, i, { year: "numeric" }, n)
 			})),
 			onChange: (e) => {
 				let t = v(e, g.month - 1, n);
@@ -60,8 +60,8 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 //#endregion
 //#region src/calendar/calendar.tsx
 var ie = "2026-08-02";
-function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1, allowOutsideMonthSelection: S = !1, fixedWeeks: ae = !0, showTodayButton: oe = !1, showHeader: se = !0, showNavigation: C = !0, showPreviousButton: ce = C, showNextButton: le = C, showMonthLabel: ue = !0, showWeekdays: de = !0, enableYearView: w = !0, translations: fe = {}, ...T }) {
-	let [E] = e(() => o("rv-calendar-feedback")), D = T.calendarSystem ?? "gregory", O = Math.max(1, Math.min(12, Math.trunc(T.numberOfMonths || 1))), k = t(() => {
+function S({ locale: a = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1, allowOutsideMonthSelection: S = !1, fixedWeeks: ae = !0, showTodayButton: oe = !1, showHeader: se = !0, showNavigation: C = !0, showPreviousButton: ce = C, showNextButton: le = C, showMonthLabel: ue = !0, showWeekdays: de = !0, enableYearView: w = !0, translations: fe = {}, ...T }) {
+	let [E] = e(() => i("rv-calendar-feedback")), D = T.calendarSystem ?? "gregory", O = Math.max(1, Math.min(12, Math.trunc(T.numberOfMonths || 1))), k = t(() => {
 		let e = T.views ? [...new Set(T.views.filter((e) => e === "month" || e === "year"))] : w ? ["month", "year"] : ["month"];
 		return e.length ? e : ["month"];
 	}, [T.views, w]), [A, pe] = e(T.defaultView && k.includes(T.defaultView) ? T.defaultView : k[0]), j = k.includes(A) ? A : k[0], M = p(T.month, D), N = t(() => Array.from({ length: O }, (e, t) => v(M, t, D)), [
@@ -121,7 +121,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 			let e = F.current.get(r);
 			e && (I.current = !1, e.focus());
 		}));
-	}, q = (e) => T.formatMonth?.(e, i) ?? b(e, i, {
+	}, q = (e) => T.formatMonth?.(e, a) ?? b(e, a, {
 		month: "long",
 		year: "numeric"
 	}, D), J = j === "year", Y = J ? 12 : T.pagedNavigation ? O : 1, X = H(v(M, -Y, D), J ? 1 : O), Z = H(v(M, Y, D), J ? 1 : O), Q = (e, t = J ? 1 : O) => {
@@ -140,13 +140,13 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 				children: (J ? [M] : me).map((e, t) => /* @__PURE__ */ r("section", {
 					class: "revo-calendar__month-panel",
 					children: [se && /* @__PURE__ */ r(ee, {
-						label: J ? b(e, i, { year: "numeric" }, D) : q(e),
+						label: J ? b(e, a, { year: "numeric" }, D) : q(e),
 						previousLabel: J ? L.previousYear : L.previousMonth,
 						nextLabel: J ? L.nextYear : L.nextMonth,
 						caption: !J && T.captionLayout && T.captionLayout !== "label" ? /* @__PURE__ */ r(re, {
 							month: e,
 							system: D,
-							locale: i,
+							locale: a,
 							layout: T.captionLayout,
 							start: z,
 							end: B,
@@ -172,8 +172,8 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						minDate: T.minDate,
 						maxDate: T.maxDate,
 						isMonthDisabled: T.isMonthDisabled,
-						locale: i,
-						ariaLabel: `${L.chooseMonth} ${b(M, i, { year: "numeric" }, D)}`,
+						locale: a,
+						ariaLabel: `${L.chooseMonth} ${b(M, a, { year: "numeric" }, D)}`,
 						onEscape: () => G("month"),
 						onSelect: (e) => {
 							Q(e, O), G("month");
@@ -184,7 +184,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						"aria-label": `${q(e)} ${L.calendar}`,
 						children: [de && /* @__PURE__ */ r(te, {
 							dates: he,
-							locale: i,
+							locale: a,
 							format: T.formatWeekday ?? ((e, t) => b(e, t, { weekday: /^(fa|ar)(-|$)/.test(t) ? "narrow" : "short" }, D)),
 							weekNumberLabel: T.showWeekNumber ? L.weekNumber : void 0
 						}), /* @__PURE__ */ r(x, {
@@ -202,9 +202,9 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 							showOutsideDays: m,
 							allowOutsideMonthSelection: S,
 							dayClassName: T.dayClassName,
-							renderDay: T.renderDay ?? ((e) => b(e, i, { day: "numeric" }, D)),
+							renderDay: T.renderDay ?? ((e) => b(e, a, { day: "numeric" }, D)),
 							isDisabled: W,
-							formatDayLabel: (e) => T.formatDayLabel?.(e, i) ?? b(e, i, {
+							formatDayLabel: (e) => T.formatDayLabel?.(e, a) ?? b(e, a, {
 								weekday: "long",
 								month: "long",
 								day: "numeric",
@@ -212,7 +212,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 							}, D),
 							weekNumber: T.showWeekNumber ? (e) => {
 								let t = d(T.weekNumbering === "local" ? e : g(e, (4 - c(e) + 7) % 7), T.weekNumbering === "local" ? f : 1, T.weekNumbering === "local" ? 1 : 4, T.weekNumbering === "local" ? D : "gregory");
-								return T.formatWeekNumber?.(t) ?? new Intl.NumberFormat(i).format(t);
+								return T.formatWeekNumber?.(t) ?? new Intl.NumberFormat(a).format(t);
 							} : void 0,
 							weekNumberLabel: L.weekNumber,
 							setDayRef: _e,
@@ -226,7 +226,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 			}),
 			T.presets?.length ? /* @__PURE__ */ r("div", {
 				class: "revo-calendar__presets",
-				children: T.presets.map((e) => /* @__PURE__ */ r(a, {
+				children: T.presets.map((e) => /* @__PURE__ */ r(o, {
 					disabled: W(e.date),
 					onClick: () => $(e.date),
 					children: e.label

package/_chunks/chart-frame-hcOlnQ1K.js

@@ -0,0 +1,145 @@
+import { i as e } from "./preact.module-BBM36DnO.js";
+import { i as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { r as i } from "./tooltip-D4xkio5G.js";
+import { t as a } from "./tooltip-text-BXsUEmBH.js";
+//#region src/distribution-chart/geometry.ts
+function o(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 s(e, t) {
+	return t === "step" ? `H ${e.x} V ${e.y}` : `L ${e.x} ${e.y}`;
+}
+function c(e, t, n = "linear") {
+	return `M ${e.x} ${e.y} ${s(t, n)}`;
+}
+//#endregion
+//#region src/distribution-chart/chart-frame.tsx
+function l({ title: e, details: t = [] }) {
+	return [e, ...t].filter(Boolean).join(". ");
+}
+function u({ title: t, details: n = [] }) {
+	return /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r("strong", { children: t }), n.map((e) => /* @__PURE__ */ r("span", { children: e }, e))] });
+}
+function d({ data: e, ariaLabel: i, variant: s, height: c = 72, className: d = "", showGrid: f = !1, showLabels: m = !1, showValues: h = !1, legend: g, formatValue: _ = String, tooltip: v = !0, tooltipIndicator: y = "none", renderTooltip: b, positions: x, datumColors: S, renderDatum: C, children: w }) {
+	let { values: T, max: E } = o(e), [D, O] = t(0), k = n([]), A = Math.min(D, Math.max(0, e.length - 1)), j = (t) => {
+		if (!e.length) return;
+		let n = Math.max(0, Math.min(t, e.length - 1));
+		O(n), k.current[n]?.focus();
+	};
+	return /* @__PURE__ */ r("div", {
+		class: `rv-distribution-chart rv-distribution-chart--${s} ${d}`.trim(),
+		role: "group",
+		"aria-label": i,
+		"data-empty": e.length ? void 0 : "true",
+		children: [
+			/* @__PURE__ */ r("div", {
+				class: "rv-distribution-chart__region",
+				style: { height: `${Math.max(40, Math.min(240, c))}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))
+					}),
+					w,
+					/* @__PURE__ */ r("div", {
+						class: "rv-distribution-chart__data",
+						role: "list",
+						children: e.map((t, n) => {
+							let i = x?.[n], a = !i;
+							return /* @__PURE__ */ r(p, {
+								indicator: y,
+								tooltipText: v ? l(t.tooltip) : void 0,
+								tooltipContent: b ? b(t, n) : u(t.tooltip),
+								datumRef: (e) => {
+									k.current[n] = e;
+								},
+								class: `rv-distribution-chart__datum${t.selected ? " is-selected" : ""}${a ? " is-bar" : " is-point"}`,
+								role: "listitem",
+								tabIndex: n === A ? 0 : -1,
+								"aria-label": l(t.tooltip),
+								style: {
+									"--rv-distribution-accent": S?.[n],
+									...a ? {} : {
+										left: `${i.x}%`,
+										top: `${i.y}%`
+									}
+								},
+								onFocus: () => O(n),
+								onKeyDown: (t) => {
+									t.key === "ArrowRight" || t.key === "ArrowDown" ? (t.preventDefault(), j(n + 1)) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (t.preventDefault(), j(n - 1)) : t.key === "Home" ? (t.preventDefault(), j(0)) : t.key === "End" && (t.preventDefault(), j(e.length - 1));
+								},
+								children: [C(t, n), h && /* @__PURE__ */ r("span", {
+									class: "rv-distribution-chart__value",
+									style: a ? {
+										top: `${100 - Math.max(3, T[n] / E * 100)}%`,
+										transform: "translate(-50%, -100%)"
+									} : void 0,
+									"aria-hidden": "true",
+									children: _(t.value)
+								})]
+							}, t.key);
+						})
+					})
+				]
+			}),
+			m && /* @__PURE__ */ r("div", {
+				class: `rv-distribution-chart__labels${s === "bar" ? " is-bar" : ""}`,
+				"aria-hidden": "true",
+				children: e.map((e) => /* @__PURE__ */ r(a, {
+					title: e.tooltip.title,
+					children: e.tooltip.title
+				}, e.key))
+			}),
+			g && /* @__PURE__ */ r("div", {
+				class: "rv-distribution-chart__legend",
+				children: [/* @__PURE__ */ r("i", { "aria-hidden": "true" }), g]
+			})
+		]
+	});
+}
+function f({ 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
+	});
+}
+function p({ tooltipText: t, tooltipContent: n, indicator: a, children: o, onFocus: s, onKeyDown: c, datumRef: l, ...u }) {
+	let d = i(t ?? "", !0, {
+		className: `rv-distribution-chart__tooltip rv-distribution-chart__tooltip--${a}`,
+		content: /* @__PURE__ */ r(e, { children: [a !== "none" && /* @__PURE__ */ r("i", { "aria-hidden": "true" }), n] })
+	});
+	return /* @__PURE__ */ r("span", {
+		ref: l,
+		...u,
+		...t ? d.triggerProps : {},
+		onKeyDown: (e) => {
+			d.triggerProps.onKeyDown(e), e.defaultPrevented || c?.(e);
+		},
+		onFocus: (e) => {
+			s?.(e), t && d.triggerProps.onFocus(e);
+		},
+		children: [o, t && d.tooltip]
+	});
+}
+//#endregion
+export { c as i, f as n, o as r, d as t };

package/_chunks/{chevron-right-sxHQMSkq.js → check-BwI7iCAm.js}

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/chevron-right.svg?raw
-var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 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=\"M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>";
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/check.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 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=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>";
 //#endregion
 export { e as t };

package/_chunks/{chevron-left-D0nc4Z5S.js → chevron-right-CM3ljziP.js}

@@ -1,4 +1,4 @@
 //#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/chevron-left.svg?raw
-var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 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=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/></svg>";
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 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=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/></svg>", t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 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=\"M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>";
 //#endregion
-export { e as t };
+export { e as n, t };

package/_chunks/choice-chips-SkllS5Kl.js

@@ -0,0 +1,126 @@
+import { i as e, r as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { n as i } from "./popover-controller-D-AvKQ7B.js";
+import { SvgIcon as a } from "../icons/icon.js";
+import { t as o } from "./native-control-B_fVA5bL.js";
+import { RemoveButton as s } from "../buttons/remove-button.js";
+//#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: i, options: a, onChange: o, ariaLabel: s, appearance: c = "soft", scrollable: l = !1, size: u = "medium", className: f = "", itemClassName: p = "", disabled: m = !1, testId: h }) {
+	let g = n(null), [_, v] = e(""), y = () => {
+		let e = g.current;
+		if (!l || !e) return;
+		let t = e.scrollLeft > 1, n = e.scrollWidth - e.clientWidth - e.scrollLeft > 1;
+		v(`${t ? "left" : ""} ${n ? "right" : ""}`.trim());
+	};
+	t(() => {
+		if (!l || !g.current || (y(), typeof ResizeObserver > "u")) return;
+		let e = new ResizeObserver(y);
+		e.observe(g.current);
+		for (let t of g.current.children) e.observe(t);
+		return () => e.disconnect();
+	}, [l, a]);
+	let b = Array.isArray(i) ? i : i === void 0 ? [] : [i];
+	return /* @__PURE__ */ r("div", {
+		ref: g,
+		onScroll: l ? y : void 0,
+		"data-scroll-edges": l ? _ : void 0,
+		class: `rv-choice-chips rv-choice-chips--${c} rv-choice-chips--${u}${l ? " rv-choice-chips--scrollable" : ""} ${f}`.trim(),
+		role: "group",
+		"aria-label": s,
+		"data-testid": h,
+		children: a.map((e) => {
+			let t = b.includes(e.value), n = m || !!e.disabled;
+			return /* @__PURE__ */ r(d, {
+				className: `${p} ${e.className ?? ""}`.trim(),
+				style: e.style,
+				color: e.color,
+				selected: t,
+				"aria-label": e.ariaLabel,
+				title: e.title,
+				disabled: n,
+				"data-value": String(e.value),
+				"data-testid": e.testId,
+				onSelect: () => {
+					n || o(e.value, e);
+				},
+				info: e.info,
+				onRemove: e.onRemove,
+				removeLabel: e.removeLabel,
+				children: e.label
+			}, String(e.value));
+		})
+	});
+}
+function u({ "data-tooltip": e, title: s, ref: l, ...u }) {
+	let d = n(null), f = e ?? (typeof s == "object" ? s.value : s);
+	return t(() => {
+		if (!d.current || !f) return;
+		let e = new i();
+		return e.bind(d.current, f, { trigger: "click" }), () => e.destroy();
+	}, [f]), /* @__PURE__ */ r(o, {
+		...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__ */ r(a, {
+			svg: c,
+			size: 12
+		})
+	});
+}
+function d({ children: e, color: t, selected: n, onSelect: i, info: a, onRemove: o, removeLabel: c, removeClassName: l = "", className: u = "", disabled: d, ...f }) {
+	let p = t ? typeof f.style == "string" ? `${f.style};--rv-choice-chip-color:${t}` : {
+		...f.style,
+		"--rv-choice-chip-color": t
+	} : f.style;
+	return !a && !o && i ? /* @__PURE__ */ r("button", {
+		...f,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		type: "button",
+		class: `rv-choice-chip ${u}`.trim(),
+		"aria-pressed": n,
+		disabled: d,
+		onClick: i,
+		children: e
+	}) : /* @__PURE__ */ r("span", {
+		class: `rv-choice-chip rv-choice-chip--composite ${u}`.trim(),
+		role: f.role,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		"data-selected": n ? "true" : void 0,
+		"aria-disabled": d || void 0,
+		children: [
+			i ? /* @__PURE__ */ r("button", {
+				...f,
+				type: "button",
+				class: "rv-choice-chip-label",
+				"aria-pressed": n,
+				disabled: d,
+				onClick: i,
+				children: e
+			}) : /* @__PURE__ */ r("span", {
+				class: "rv-choice-chip-label",
+				children: e
+			}),
+			a,
+			o && /* @__PURE__ */ r(s, {
+				compact: !0,
+				className: l,
+				disabled: typeof d == "object" ? d.value : d,
+				locale: {
+					title: c ?? "Remove",
+					ariaLabel: c ?? "Remove"
+				},
+				onClick: o
+			})
+		]
+	});
+}
+//#endregion
+export { u as n, l as r, d as t };

package/_chunks/{color-palette-D8vyPfld.js → color-palette-DMJUChWC.js}

@@ -1,13 +1,14 @@
 import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "./control-tooltip-uscKfAnV.js";
-import { DEFAULT_COLOR_PALETTE_OPTIONS as n } from "../color-palette/palette.js";
+import { n as t } from "./tooltip-D4xkio5G.js";
+import { t as n } from "./check-BwI7iCAm.js";
+import { DEFAULT_COLOR_PALETTE_OPTIONS as r } from "../color-palette/palette.js";
 //#region src/color-palette/color-model.ts
-function r(e) {
+function i(e) {
 	if (!e) return;
 	let t = e.trim().toLowerCase(), n = /^#([\da-f])([\da-f])([\da-f])$/i.exec(t);
 	return n ? `#${n[1]}${n[1]}${n[2]}${n[2]}${n[3]}${n[3]}` : /^#[\da-f]{6}$/i.test(t) ? t : void 0;
 }
-function i(e) {
+function a(e) {
 	if (![
 		"ArrowRight",
 		"ArrowDown",
@@ -22,38 +23,35 @@ function i(e) {
 	e.preventDefault(), r[a]?.focus();
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/check.svg?raw
-var a = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 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=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>";
-//#endregion
 //#region src/color-palette/color-palette.tsx
-function o({ value: t, options: r = n, ariaLabel: o, defaultLabel: c, colorAriaLabel: l, disabled: u = !1, includeDefault: d = !0, defaultDisabled: f = !1, onChange: p }) {
-	let m = r.findIndex((e) => e.value === t && !e.disabled), h = r.findIndex((e) => !e.disabled), g = d && !f, _ = i;
+function o({ value: t, options: i = r, ariaLabel: o, defaultLabel: c, colorAriaLabel: l, disabled: u = !1, includeDefault: d = !0, defaultDisabled: f = !1, onChange: p }) {
+	let m = i.findIndex((e) => e.value === t && !e.disabled), h = i.findIndex((e) => !e.disabled), g = d && !f, _ = a;
 	return /* @__PURE__ */ e("div", {
 		class: "rv-color-palette",
 		role: "radiogroup",
 		"aria-label": o,
 		children: [/* @__PURE__ */ e("div", {
 			class: "rv-color-palette__swatches",
-			children: r.map((n, r) => {
-				let i = n.value === t, o = l(n);
+			children: i.map((r, i) => {
+				let a = r.value === t, o = l(r);
 				return /* @__PURE__ */ e(s, {
 					type: "button",
 					role: "radio",
 					class: "rv-color-palette__swatch",
-					"data-rv-color-palette-value": n.value,
+					"data-rv-color-palette-value": r.value,
 					label: o,
-					"aria-checked": i ? "true" : "false",
-					disabled: u || n.disabled,
-					tabIndex: !u && (r === m || m < 0 && (!g || t !== null) && r === h) ? 0 : -1,
-					style: { "--rv-color-palette-color": n.value },
+					"aria-checked": a ? "true" : "false",
+					disabled: u || r.disabled,
+					tabIndex: !u && (i === m || m < 0 && (!g || t !== null) && i === h) ? 0 : -1,
+					style: { "--rv-color-palette-color": r.value },
 					onKeyDown: _,
-					onClick: () => p(n.value),
-					children: i ? /* @__PURE__ */ e("span", {
+					onClick: () => p(r.value),
+					children: a ? /* @__PURE__ */ e("span", {
 						class: "rv-color-palette__check",
 						"aria-hidden": "true",
-						dangerouslySetInnerHTML: { __html: a }
+						dangerouslySetInnerHTML: { __html: n }
 					}) : null
-				}, n.value);
+				}, r.value);
 			})
 		}), d ? /* @__PURE__ */ e(s, {
 			type: "button",
@@ -69,7 +67,7 @@ function o({ value: t, options: r = n, ariaLabel: o, defaultLabel: c, colorAriaL
 			children: [t === null ? /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-check",
 				"aria-hidden": "true",
-				dangerouslySetInnerHTML: { __html: a }
+				dangerouslySetInnerHTML: { __html: n }
 			}) : null, /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-label",
 				children: c
@@ -91,4 +89,4 @@ function s({ label: n, children: r, onKeyDown: i, disabled: a, ...o }) {
 	});
 }
 //#endregion
-export { r as n, o as t };
+export { i as n, o as t };

package/_chunks/color-picker-BpCTuIdm.js

@@ -0,0 +1,143 @@
+import { c as e, i as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createControlId as i } from "../core/control-id.js";
+import { n as a, t as o } from "./native-control-B_fVA5bL.js";
+import { t as s } from "./chevron-down-GbplLa6s.js";
+import { n as c } from "./tooltip-D4xkio5G.js";
+import { n as l, t as u } from "./color-palette-DMJUChWC.js";
+import { COLOR_PICKER_DEFAULT_COLOR as d } from "../color-palette/color-picker.constants.js";
+//#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__ */ r("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] = t(i), D = c(h, !0, {
+		className: "rv-control-tooltip",
+		placement: "above"
+	}), O = `rv-format-color-popover-${E}`, k = `rv-format-color-custom-${E}`, A = `rv-format-color-error-${E}`, j = `--rv-format-color-anchor-${E}`, M = n(null), [N, P] = t(!1), [F, I] = t(!1), [L, R] = t(g ?? d), [z, B] = t(!1);
+	e(() => {
+		R(g ?? d), B(!1);
+	}, [g]);
+	let V = (e) => {
+		let t = l(e);
+		t ? (B(!1), R(t), w || T(t)) : B(!0);
+	}, H = () => M.current?.hidePopover?.();
+	return e(() => {
+		w && (H(), P(!1));
+	}, [w]), /* @__PURE__ */ r("div", {
+		class: "rv-format-color-picker",
+		onKeyDownCapture: (e) => {
+			e.key === "Escape" && M.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), H());
+		},
+		children: [/* @__PURE__ */ r(o, {
+			unstyled: !0,
+			type: "button",
+			class: "rv-format-color-picker__trigger",
+			"aria-label": `${h}: ${g?.toUpperCase() ?? _}`,
+			"aria-haspopup": "dialog",
+			"aria-expanded": N,
+			"aria-controls": O,
+			...D.triggerProps,
+			disabled: w,
+			popovertarget: O,
+			style: `anchor-name: ${j}`,
+			children: [
+				/* @__PURE__ */ r("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__ */ r(m, {
+						icon: f,
+						className: "rv-format-color-picker__empty-icon"
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					class: "rv-format-color-picker__trigger-value",
+					children: g?.toUpperCase() ?? _
+				}),
+				/* @__PURE__ */ r(m, { icon: s }),
+				D.tooltip
+			]
+		}), /* @__PURE__ */ r("div", {
+			id: O,
+			ref: M,
+			class: "rv-format-color-picker__popover",
+			role: "dialog",
+			"aria-label": h,
+			popover: "auto",
+			style: `position-anchor: ${j}`,
+			onToggle: (e) => P(e.currentTarget.matches(":popover-open")),
+			children: [
+				/* @__PURE__ */ r(u, {
+					value: l(g) ?? g ?? null,
+					ariaLabel: h,
+					defaultLabel: _,
+					colorAriaLabel: (e) => x[e.value] ?? e.label,
+					includeDefault: S,
+					disabled: w,
+					onChange: (e) => {
+						w || (T(e ?? void 0), H());
+					}
+				}),
+				/* @__PURE__ */ r("div", {
+					id: k,
+					class: "rv-format-color-picker__custom-controls",
+					"data-selection-only": !C || void 0,
+					hidden: !F,
+					children: [
+						/* @__PURE__ */ r(a, {
+							type: "color",
+							disabled: w,
+							class: "rv-format-color-picker__native",
+							"aria-label": v,
+							title: v,
+							value: l(L) ?? d,
+							onInput: (e) => V(e.currentTarget.value)
+						}),
+						C ? /* @__PURE__ */ r(a, {
+							type: "text",
+							disabled: w,
+							class: "rv-control rv-format-color-picker__hex",
+							inputMode: "text",
+							maxLength: 7,
+							"aria-label": y,
+							"aria-invalid": z,
+							"aria-describedby": z ? A : void 0,
+							title: y,
+							value: L.toUpperCase(),
+							onInput: (e) => {
+								R(e.currentTarget.value), z && B(!1);
+							},
+							onChange: (e) => V(e.currentTarget.value)
+						}) : null,
+						C && z ? /* @__PURE__ */ r("span", {
+							id: A,
+							class: "rv-format-color-picker__error",
+							role: "alert",
+							children: b
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ r(o, {
+					unstyled: !0,
+					type: "button",
+					class: "rv-format-color-picker__custom-action",
+					disabled: w,
+					"aria-expanded": F,
+					"aria-controls": k,
+					title: v,
+					onClick: () => I((e) => !e),
+					children: [/* @__PURE__ */ r(m, { icon: p }), v]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { h as t };