@revolist/ui 4.0.1-rc → 4.0.2-rc

package/README.md

@@ -128,7 +128,7 @@ The ring inherits the button text color. Motion Off (`data-rv-ui-motion="off"`)
 
 ## Standalone framework controls
 
-Import `@revolist/ui/styles.css` once for compiled standard styles. The public build bundles private date/chart utilities; customers do not need private workspace packages or a TypeScript/Sass source compiler. Preact is required by the shared rendering layer; React, Vue, Angular and Svelte are optional peers used only by their adapter subpaths.
+Import `@revolist/ui/styles.css` once for compiled standard styles. The public build bundles private date/chart utilities; customers do not need private workspace packages or a TypeScript/Sass source compiler. The public distribution includes its Preact renderer and declarations; consumers do not need to install Preact. React, Vue, Angular and Svelte are optional peers used only by their adapter subpaths.
 
 ```ts
 import { createControl, applyControlPresentation } from '@revolist/ui';
@@ -143,7 +143,7 @@ Each adapter preserves native elements, events, values and form bindings. React
 
 ## Build and release preparation
 
-Run `pnpm --dir packages/ui pack:public` from the monorepo, then `pnpm --dir packages/ui test:public`. The generated public package is `dist/`, and the archive is `artifacts/revolist-ui-<version>.tgz`. The workspace manifest intentionally remains private; the generated distribution manifest declares public access and contains no workspace dependencies.
+Run `pnpm --dir packages/ui pack:public` from the monorepo, then `pnpm --dir packages/ui test:public`. The generated public package is `dist/`, and the archive is `artifacts/revolist-ui-<version>.tgz`. The generated distribution manifest declares public access and contains no workspace dependencies.
 
 Before publication, standalone repositories consume an identical archive in their own `vendor/` directory using relative `file:` dependencies and a lockfile generated against that real archive. These paths are portable with the cloned repository. Include its vendor archive when copying a starter out of that repository. After an authorized registry release, dependencies can switch to the published version and locks can be regenerated from the registry. Do not substitute unverified registry URLs or integrity values for the prepared archive.
 
@@ -153,8 +153,9 @@ The Publish NPM workflow includes UI in `all` releases and supports a standalone
 
 `@revolist/ui/vue` exposes Vue wrappers for the Preact component catalog and the
 standalone number, mask, duration, temporal, assignee and Markdown editors.
-These wrappers retain the existing Preact implementation and require both Vue
-and Preact. Use `vue-control` for native HTML controls that only need presentation;
+These wrappers retain the existing Preact implementation, bundled in the public
+distribution, and require Vue. Use `vue-control` for native HTML controls that
+only need presentation;
 its runtime presentation helpers do not import Preact.
 
 ```vue
@@ -217,7 +218,7 @@ pnpm --filter @revolist/ui-gallery exec playwright test --config ../../tests/sha
 ## React, Angular and Svelte component adapters
 
 All adapters reuse the existing Preact controls and their interaction lifecycle.
-Import `@revolist/ui/styles.css` once. Install Preact and your host framework;
+Import `@revolist/ui/styles.css` once. Install your host framework;
 React component wrappers also require `react-dom`. The primitive `*-control`
 entries remain available for framework-owned native elements.
 

package/_chunks/calendar-CpaUK7w1.js

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

package/_chunks/chart-frame-BC99KjGa.js

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

package/_chunks/choice-chips-Cs4D-3nH.js

@@ -0,0 +1,110 @@
+import { r as e, t } from "./hooks.module-CG3gN83z.js";
+import { t as n } from "./jsxRuntime.module-F6UFnpT-.js";
+import { SvgIcon as r } from "../icons/icon.js";
+import { ButtonControl as i } from "../native-control.js";
+import { TooltipController as a } from "../surfaces.js";
+import { RemoveButton as o } 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 s = "<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 c({ value: e, options: t, onChange: r, ariaLabel: i, appearance: a = "soft", size: o = "medium", className: s = "", itemClassName: c = "", disabled: l = !1, testId: d }) {
+	let f = Array.isArray(e) ? e : e === void 0 ? [] : [e];
+	return /* @__PURE__ */ n("div", {
+		class: `rv-choice-chips rv-choice-chips--${a} rv-choice-chips--${o} ${s}`.trim(),
+		role: "group",
+		"aria-label": i,
+		"data-testid": d,
+		children: t.map((e) => {
+			let t = f.includes(e.value), i = l || !!e.disabled;
+			return /* @__PURE__ */ n(u, {
+				className: `${c} ${e.className ?? ""}`.trim(),
+				style: e.style,
+				color: e.color,
+				selected: t,
+				"aria-label": e.ariaLabel,
+				title: e.title,
+				disabled: i,
+				"data-value": String(e.value),
+				"data-testid": e.testId,
+				onSelect: () => {
+					i || r(e.value, e);
+				},
+				info: e.info,
+				onRemove: e.onRemove,
+				removeLabel: e.removeLabel,
+				children: e.label
+			}, String(e.value));
+		})
+	});
+}
+function l({ "data-tooltip": o, title: c, ref: l, ...u }) {
+	let d = t(null), f = o ?? (typeof c == "object" ? c.value : c);
+	return e(() => {
+		if (!d.current || !f) return;
+		let e = new a();
+		return e.bind(d.current, f, { trigger: "click" }), () => e.destroy();
+	}, [f]), /* @__PURE__ */ n(i, {
+		...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__ */ n(r, {
+			svg: s,
+			size: 12
+		})
+	});
+}
+function u({ children: e, color: t, selected: r, onSelect: i, info: a, onRemove: s, 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 && !s && i ? /* @__PURE__ */ n("button", {
+		...f,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		type: "button",
+		class: `rv-choice-chip ${u}`.trim(),
+		"aria-pressed": r,
+		disabled: d,
+		onClick: i,
+		children: e
+	}) : /* @__PURE__ */ n("span", {
+		class: `rv-choice-chip rv-choice-chip--composite ${u}`.trim(),
+		role: f.role,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		"data-selected": r ? "true" : void 0,
+		"aria-disabled": d || void 0,
+		children: [
+			i ? /* @__PURE__ */ n("button", {
+				...f,
+				type: "button",
+				class: "rv-choice-chip-label",
+				"aria-pressed": r,
+				disabled: d,
+				onClick: i,
+				children: e
+			}) : /* @__PURE__ */ n("span", {
+				class: "rv-choice-chip-label",
+				children: e
+			}),
+			a,
+			s && /* @__PURE__ */ n(o, {
+				compact: !0,
+				className: l,
+				disabled: typeof d == "object" ? d.value : d,
+				locale: {
+					title: c ?? "Remove",
+					ariaLabel: c ?? "Remove"
+				},
+				onClick: s
+			})
+		]
+	});
+}
+//#endregion
+export { l as n, c as r, u as t };

package/_chunks/{color-palette-BmZ7kH9R.js → color-palette-BBMFmUNA.js}

@@ -1,13 +1,13 @@
-import { n as e } from "./control-tooltip-BCNzQCXE.js";
-import { DEFAULT_COLOR_PALETTE_OPTIONS as t } from "../color-palette/palette.js";
-import { jsx as n, jsxs as r } from "preact/jsx-runtime";
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
+import { n as t } from "./control-tooltip-ztgmsG7H.js";
+import { DEFAULT_COLOR_PALETTE_OPTIONS as n } from "../color-palette/palette.js";
 //#region src/color-palette/color-model.ts
-function i(e) {
+function r(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 a(e) {
+function i(e) {
 	if (![
 		"ArrowRight",
 		"ArrowDown",
@@ -23,72 +23,72 @@ function a(e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/check.svg?raw
-var o = "<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>";
+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 s({ value: e, options: i = t, ariaLabel: s, defaultLabel: l, colorAriaLabel: u, disabled: d = !1, includeDefault: f = !0, defaultDisabled: p = !1, onChange: m }) {
-	let h = i.findIndex((t) => t.value === e && !t.disabled), g = i.findIndex((e) => !e.disabled), _ = f && !p, v = a;
-	return /* @__PURE__ */ r("div", {
+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;
+	return /* @__PURE__ */ e("div", {
 		class: "rv-color-palette",
 		role: "radiogroup",
-		"aria-label": s,
-		children: [/* @__PURE__ */ n("div", {
+		"aria-label": o,
+		children: [/* @__PURE__ */ e("div", {
 			class: "rv-color-palette__swatches",
-			children: i.map((t, r) => {
-				let i = t.value === e, a = u(t);
-				return /* @__PURE__ */ n(c, {
+			children: r.map((n, r) => {
+				let i = n.value === t, o = l(n);
+				return /* @__PURE__ */ e(s, {
 					type: "button",
 					role: "radio",
 					class: "rv-color-palette__swatch",
-					"data-rv-color-palette-value": t.value,
-					label: a,
+					"data-rv-color-palette-value": n.value,
+					label: o,
 					"aria-checked": i ? "true" : "false",
-					disabled: d || t.disabled,
-					tabIndex: !d && (r === h || h < 0 && (!_ || e !== null) && r === g) ? 0 : -1,
-					style: { "--rv-color-palette-color": t.value },
-					onKeyDown: v,
-					onClick: () => m(t.value),
-					children: i ? /* @__PURE__ */ n("span", {
+					disabled: u || n.disabled,
+					tabIndex: !u && (r === m || m < 0 && (!g || t !== null) && r === h) ? 0 : -1,
+					style: { "--rv-color-palette-color": n.value },
+					onKeyDown: _,
+					onClick: () => p(n.value),
+					children: i ? /* @__PURE__ */ e("span", {
 						class: "rv-color-palette__check",
 						"aria-hidden": "true",
-						dangerouslySetInnerHTML: { __html: o }
+						dangerouslySetInnerHTML: { __html: a }
 					}) : null
-				}, t.value);
+				}, n.value);
 			})
-		}), f ? /* @__PURE__ */ r(c, {
+		}), d ? /* @__PURE__ */ e(s, {
 			type: "button",
 			role: "radio",
 			class: "rv-color-palette__default",
 			"data-rv-color-palette-default": "",
-			"aria-checked": e === null ? "true" : "false",
-			label: l,
-			disabled: d || p,
-			tabIndex: !d && !p && (e === null || g < 0) ? 0 : -1,
-			onKeyDown: v,
-			onClick: () => m(null),
-			children: [e === null ? /* @__PURE__ */ n("span", {
+			"aria-checked": t === null ? "true" : "false",
+			label: c,
+			disabled: u || f,
+			tabIndex: !u && !f && (t === null || h < 0) ? 0 : -1,
+			onKeyDown: _,
+			onClick: () => p(null),
+			children: [t === null ? /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-check",
 				"aria-hidden": "true",
-				dangerouslySetInnerHTML: { __html: o }
-			}) : null, /* @__PURE__ */ n("span", {
+				dangerouslySetInnerHTML: { __html: a }
+			}) : null, /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-label",
-				children: l
+				children: c
 			})]
 		}) : null]
 	});
 }
-function c({ label: t, children: n, onKeyDown: i, disabled: a, ...o }) {
-	let s = e(t, !0);
-	return /* @__PURE__ */ r("button", {
+function s({ label: n, children: r, onKeyDown: i, disabled: a, ...o }) {
+	let s = t(n, !0);
+	return /* @__PURE__ */ e("button", {
 		...o,
 		disabled: a,
-		"aria-label": t,
+		"aria-label": n,
 		...a ? {} : s.triggerProps,
 		onKeyDown: (e) => {
 			s.triggerProps.onKeyDown(e), e.defaultPrevented || i(e);
 		},
-		children: [n, s.tooltip]
+		children: [r, s.tooltip]
 	});
 }
 //#endregion
-export { i as n, s as t };
+export { r as n, o as t };