@revolist/ui 4.0.4-rc → 4.0.5-rc

package/OWNERSHIP.md

@@ -120,4 +120,4 @@ Link-style action buttons use `Button variant="link"` or `SvgButton variant="lin
 
 ## Preact element construction
 
-All shared UI markup is Preact TSX. Element-returning compatibility APIs mount the same TSX through `preact-mount.tsx`; they do not build parallel DOM trees. Lifecycle controllers may attach, position, focus and dispose rendered roots. Grid/Stencil VNode adapters retain the Core rendering contract. Charts controls use Preact through the same mount boundary; chart scene/export geometry remains scene-owned.
+All shared UI markup is Preact TSX. Element-returning compatibility APIs mount the same TSX through `preact-mount.ts`; they do not build parallel DOM trees. Lifecycle controllers may attach, position, focus and dispose rendered roots. Grid/Stencil VNode adapters retain the Core rendering contract. Charts controls use Preact through the same mount boundary; chart scene/export geometry remains scene-owned.

package/README.md

@@ -65,6 +65,22 @@ export function ReportName() {
 
 Controls can be used without a RevoGrid instance. Grid cell templates, providers, row data, and product-specific scheduling logic stay in their owning product packages.
 
+## Popover dismissal
+
+`Popover` accepts `closeOnOutside` and `closeOnEscape`, both enabled by default, matching `PopoverController`. Set either to `false` independently; changes also apply while open. `open` remains controlled: update it in `onClose` (Vue: `@close`), or close it directly from an action.
+
+```vue
+<Popover
+  :open="open"
+  :anchor="anchor"
+  :close-on-outside="false"
+  :close-on-escape="false"
+  @close="open = false"
+>
+  <button @click="open = false">Done</button>
+</Popover>
+```
+
 ## Framework integrations
 
 | Framework | Entry point | Integration | Guide |

package/_chunks/arrow-up-Cw8hW9vp.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/arrow-down.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 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=\"M169.4 502.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 402.7 224 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 370.7-105.4-105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"/></svg>", t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 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=\"M214.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 109.3 160 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-370.7 105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"/></svg>";
+//#endregion
+export { e as n, t };

package/_chunks/badge.view-D30pMUfi.js

@@ -0,0 +1,14 @@
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
+import { badgeClassName as t } from "../badge.js";
+//#region src/badge.view.tsx
+function n({ children: n, className: r = "", variant: i, shape: a }) {
+	return /* @__PURE__ */ e("span", {
+		class: `${t({
+			variant: i,
+			shape: a
+		})} ${r}`,
+		children: n
+	});
+}
+//#endregion
+export { n as t };

package/_chunks/calculator-CDWOuAcp.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/calculator.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 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=\"M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM96 64l192 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L96 160c-17.7 0-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32zm16 168a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zm80 24a24 24 0 1 1 0-48 24 24 0 1 1 0 48zm128-24a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zM88 352a24 24 0 1 1 0-48 24 24 0 1 1 0 48zm128-24a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zm80 24a24 24 0 1 1 0-48 24 24 0 1 1 0 48zM64 424c0-13.3 10.7-24 24-24l112 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L88 448c-13.3 0-24-10.7-24-24zm232-24c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24z\"/></svg>";
+//#endregion
+export { e as t };

package/_chunks/{calendar-xpZ0v3xf.js → calendar-DsXIhybL.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-DO0d1kgx.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-CuZABXVI.js

@@ -0,0 +1,141 @@
+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, {
+								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: e, tooltipContent: t, children: n, onFocus: a, onKeyDown: o, datumRef: s, ...c }) {
+	let l = i(e ?? "", !0, { content: t });
+	return /* @__PURE__ */ r("span", {
+		ref: s,
+		...c,
+		...e ? l.triggerProps : {},
+		onKeyDown: (e) => {
+			l.triggerProps.onKeyDown(e), e.defaultPrevented || o?.(e);
+		},
+		onFocus: (t) => {
+			a?.(t), e && l.triggerProps.onFocus(t);
+		},
+		children: [n, e && l.tooltip]
+	});
+}
+//#endregion
+export { c as i, f as n, o as r, d as t };

package/_chunks/check-BwI7iCAm.js

@@ -0,0 +1,4 @@
+//#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/choice-chips-BhP8MZjs.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-DO0d1kgx.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 };