@revolist/ui 4.0.2-rc → 4.0.3-rc

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

@@ -1,6 +1,6 @@
 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 { l as i, t as a } from "./native-control-C_yok8_-.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";
@@ -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: i, layout: o, start: s, end: c, disabled: l, labels: u, onChange: d }) {
+function re({ month: e, system: n, locale: a, 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,35 +22,45 @@ function re({ month: e, system: n, locale: i, 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, i, { month: "long" }, n) }) : /* @__PURE__ */ r(a, {
-			"aria-label": u.chooseMonth,
+		children: [o === "dropdown-years" ? /* @__PURE__ */ r("span", { children: b(e, a, { month: "long" }, n) }) : /* @__PURE__ */ r(i, {
+			className: "rv-select",
+			config: {
+				ariaLabel: u.chooseMonth,
+				topLayer: !0,
+				nativeTabNavigation: !0
+			},
 			disabled: l,
 			value: String(g.month),
-			onChange: (e) => d(h[Number(e.currentTarget.value) - 1]),
-			children: h.map((e, t) => /* @__PURE__ */ r("option", {
+			source: h.map((e, t) => ({
 				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,
+				label: b(e, a, { 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, {
+			className: "rv-select",
+			config: {
+				ariaLabel: u.chooseYear,
+				topLayer: !0,
+				nativeTabNavigation: !0
+			},
 			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", {
+			source: _.map((e) => ({
 				value: e,
-				children: b(e, i, { year: "numeric" }, n)
-			}, e))
+				label: b(e, a, { year: "numeric" }, n)
+			})),
+			onChange: (e) => {
+				let t = v(e, g.month - 1, n);
+				s && t < p(s, n) && (t = p(s, n)), c && t > p(c, n) && (t = p(c, n)), d(t);
+			}
 		})]
 	});
 }
 //#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 }) {
+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(() => {
 		let e = T.views ? [...new Set(T.views.filter((e) => e === "month" || e === "year"))] : w ? ["month", "year"] : ["month"];
 		return e.length ? e : ["month"];
@@ -111,7 +121,7 @@ function S({ locale: a = "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, a) ?? b(e, a, {
+	}, q = (e) => T.formatMonth?.(e, i) ?? b(e, i, {
 		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) => {
@@ -130,13 +140,13 @@ function S({ locale: a = "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, a, { year: "numeric" }, D) : q(e),
+						label: J ? b(e, i, { 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,
+							locale: i,
 							layout: T.captionLayout,
 							start: z,
 							end: B,
@@ -162,8 +172,8 @@ function S({ locale: a = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						minDate: T.minDate,
 						maxDate: T.maxDate,
 						isMonthDisabled: T.isMonthDisabled,
-						locale: a,
-						ariaLabel: `${L.chooseMonth} ${b(M, a, { year: "numeric" }, D)}`,
+						locale: i,
+						ariaLabel: `${L.chooseMonth} ${b(M, i, { year: "numeric" }, D)}`,
 						onEscape: () => G("month"),
 						onSelect: (e) => {
 							Q(e, O), G("month");
@@ -174,7 +184,7 @@ function S({ locale: a = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						"aria-label": `${q(e)} ${L.calendar}`,
 						children: [de && /* @__PURE__ */ r(te, {
 							dates: he,
-							locale: a,
+							locale: i,
 							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, {
@@ -192,9 +202,9 @@ function S({ locale: a = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 							showOutsideDays: m,
 							allowOutsideMonthSelection: S,
 							dayClassName: T.dayClassName,
-							renderDay: T.renderDay ?? ((e) => b(e, a, { day: "numeric" }, D)),
+							renderDay: T.renderDay ?? ((e) => b(e, i, { day: "numeric" }, D)),
 							isDisabled: W,
-							formatDayLabel: (e) => T.formatDayLabel?.(e, a) ?? b(e, a, {
+							formatDayLabel: (e) => T.formatDayLabel?.(e, i) ?? b(e, i, {
 								weekday: "long",
 								month: "long",
 								day: "numeric",
@@ -202,7 +212,7 @@ function S({ locale: a = "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(a).format(t);
+								return T.formatWeekNumber?.(t) ?? new Intl.NumberFormat(i).format(t);
 							} : void 0,
 							weekNumberLabel: L.weekNumber,
 							setDayRef: _e,
@@ -216,7 +226,7 @@ function S({ locale: a = "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(i, {
+				children: T.presets.map((e) => /* @__PURE__ */ r(a, {
 					disabled: W(e.date),
 					onClick: () => $(e.date),
 					children: e.label

package/_chunks/{chart-frame-BC99KjGa.js → chart-frame-Cmc7xU1i.js}

@@ -27,11 +27,11 @@ function s({ title: e, details: t = [] }) {
 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) => {
+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, datumColors: b, renderDatum: x, children: S }) {
+	let { values: C, max: w } = i(e), [T, E] = t(0), D = n([]), O = Math.min(T, Math.max(0, e.length - 1)), k = (t) => {
 		if (!e.length) return;
 		let n = Math.max(0, Math.min(t, e.length - 1));
-		T(n), E.current[n]?.focus();
+		E(n), D.current[n]?.focus();
 	};
 	return /* @__PURE__ */ r("div", {
 		class: `rv-distribution-chart rv-distribution-chart--${o} ${u}`.trim(),
@@ -54,7 +54,7 @@ function l({ data: e, ariaLabel: a, variant: o, height: l = 72, className: u = "
 							4
 						].map((e) => /* @__PURE__ */ r("span", {}, e))
 					}),
-					x,
+					S,
 					/* @__PURE__ */ r("div", {
 						class: "rv-distribution-chart__data",
 						role: "list",
@@ -62,26 +62,29 @@ function l({ data: e, ariaLabel: a, variant: o, height: l = 72, className: u = "
 							let i = y?.[n], a = !i;
 							return /* @__PURE__ */ r("span", {
 								ref: (e) => {
-									E.current[n] = e;
+									D.current[n] = e;
 								},
 								class: `rv-distribution-chart__datum${t.selected ? " is-selected" : ""}${a ? " is-bar" : " is-point"}`,
 								role: "listitem",
-								tabIndex: n === D ? 0 : -1,
+								tabIndex: n === O ? 0 : -1,
 								"aria-label": s(t.tooltip),
-								style: a ? void 0 : {
-									left: `${i.x}%`,
-									top: `${i.y}%`
+								style: {
+									"--rv-distribution-accent": b?.[n],
+									...a ? {} : {
+										left: `${i.x}%`,
+										top: `${i.y}%`
+									}
 								},
-								onFocus: () => T(n),
+								onFocus: () => E(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));
+									t.key === "ArrowRight" || t.key === "ArrowDown" ? (t.preventDefault(), k(n + 1)) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (t.preventDefault(), k(n - 1)) : t.key === "Home" ? (t.preventDefault(), k(0)) : t.key === "End" && (t.preventDefault(), k(e.length - 1));
 								},
 								children: [
-									b(t, n),
+									x(t, n),
 									p && /* @__PURE__ */ r("span", {
 										class: "rv-distribution-chart__value",
 										style: a ? {
-											top: `${100 - Math.max(3, S[n] / C * 100)}%`,
+											top: `${100 - Math.max(3, C[n] / w * 100)}%`,
 											transform: "translate(-50%, -100%)"
 										} : void 0,
 										"aria-hidden": "true",

package/_chunks/{choice-chips-Cs4D-3nH.js → choice-chips-CHQTUdLs.js}

@@ -1,9 +1,9 @@
 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";
+import { t as i } from "./native-control-C_yok8_-.js";
+import { RemoveButton as a } from "../buttons/remove-button.js";
+import { TooltipController as o } from "../surfaces.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
@@ -38,11 +38,11 @@ function c({ value: e, options: t, onChange: r, ariaLabel: i, appearance: a = "s
 		})
 	});
 }
-function l({ "data-tooltip": o, title: c, ref: l, ...u }) {
-	let d = t(null), f = o ?? (typeof c == "object" ? c.value : c);
+function l({ "data-tooltip": a, title: c, ref: l, ...u }) {
+	let d = t(null), f = a ?? (typeof c == "object" ? c.value : c);
 	return e(() => {
 		if (!d.current || !f) return;
-		let e = new a();
+		let e = new o();
 		return e.bind(d.current, f, { trigger: "click" }), () => e.destroy();
 	}, [f]), /* @__PURE__ */ n(i, {
 		...u,
@@ -57,12 +57,12 @@ function l({ "data-tooltip": o, title: c, ref: l, ...u }) {
 		})
 	});
 }
-function u({ children: e, color: t, selected: r, onSelect: i, info: a, onRemove: s, removeLabel: c, removeClassName: l = "", className: u = "", disabled: d, ...f }) {
+function u({ children: e, color: t, selected: r, onSelect: i, info: o, 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", {
+	return !o && !s && i ? /* @__PURE__ */ n("button", {
 		...f,
 		style: p,
 		"data-color": t ? "true" : void 0,
@@ -92,8 +92,8 @@ function u({ children: e, color: t, selected: r, onSelect: i, info: a, onRemove:
 				class: "rv-choice-chip-label",
 				children: e
 			}),
-			a,
-			s && /* @__PURE__ */ n(o, {
+			o,
+			s && /* @__PURE__ */ n(a, {
 				compact: !0,
 				className: l,
 				disabled: typeof d == "object" ? d.value : d,

package/_chunks/clock-BOhPNlW3.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/regular/clock.svg?raw
+var e = "<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=\"M464 256a208 208 0 1 1 -416 0 208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0 256 256 0 1 0 -512 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\"/></svg>";
+//#endregion
+export { e as t };

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

@@ -1,5 +1,5 @@
 import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "./control-tooltip-ztgmsG7H.js";
+import { n as t } from "./control-tooltip-uscKfAnV.js";
 import { DEFAULT_COLOR_PALETTE_OPTIONS as n } from "../color-palette/palette.js";
 //#region src/color-palette/color-model.ts
 function r(e) {

package/_chunks/{color-picker-D90Jg-M8.js → color-picker-CudqPYZo.js}

@@ -1,9 +1,9 @@
 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 { ButtonControl as i, Input as a } from "../native-control.js";
-import { createControlId as o } from "../core/control-id.js";
-import { t as s } from "./chevron-down-GbplLa6s.js";
-import { n as c, t as l } from "./color-palette-BBMFmUNA.js";
+import { n as i, t as a } from "./native-control-C_yok8_-.js";
+import { t as o } from "./chevron-down-GbplLa6s.js";
+import { createControlId as s } from "../core/control-id.js";
+import { n as c, t as l } from "./color-palette-D8vyPfld.js";
 import { COLOR_PICKER_DEFAULT_COLOR as u } 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 d = "<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>", 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=\"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>";
@@ -17,7 +17,7 @@ function p({ icon: e, className: t = "rv-format-icon rv-format-color-picker__ico
 	});
 }
 function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel: v, invalidColor: y, colorLabels: b, optional: x = !0, allowHexInput: S = !0, disabled: C = !1, onChange: w }) {
-	let [T] = t(o), E = `rv-format-color-popover-${T}`, D = `rv-format-color-custom-${T}`, O = `rv-format-color-error-${T}`, k = `--rv-format-color-anchor-${T}`, A = n(null), [j, M] = t(!1), [N, P] = t(!1), [F, I] = t(h ?? u), [L, R] = t(!1);
+	let [T] = t(s), E = `rv-format-color-popover-${T}`, D = `rv-format-color-custom-${T}`, O = `rv-format-color-error-${T}`, k = `--rv-format-color-anchor-${T}`, A = n(null), [j, M] = t(!1), [N, P] = t(!1), [F, I] = t(h ?? u), [L, R] = t(!1);
 	e(() => {
 		I(h ?? u), R(!1);
 	}, [h]);
@@ -32,7 +32,7 @@ function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel
 		onKeyDownCapture: (e) => {
 			e.key === "Escape" && A.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), B());
 		},
-		children: [/* @__PURE__ */ r(i, {
+		children: [/* @__PURE__ */ r(a, {
 			unstyled: !0,
 			type: "button",
 			class: "rv-format-color-picker__trigger",
@@ -57,7 +57,7 @@ function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel
 					class: "rv-format-color-picker__trigger-value",
 					children: h?.toUpperCase() ?? g
 				}),
-				/* @__PURE__ */ r(p, { icon: s })
+				/* @__PURE__ */ r(p, { icon: o })
 			]
 		}), /* @__PURE__ */ r("div", {
 			id: E,
@@ -86,7 +86,7 @@ function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel
 					"data-selection-only": !S || void 0,
 					hidden: !N,
 					children: [
-						/* @__PURE__ */ r(a, {
+						/* @__PURE__ */ r(i, {
 							type: "color",
 							disabled: C,
 							class: "rv-format-color-picker__native",
@@ -95,7 +95,7 @@ function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel
 							value: c(F) ?? u,
 							onInput: (e) => z(e.currentTarget.value)
 						}),
-						S ? /* @__PURE__ */ r(a, {
+						S ? /* @__PURE__ */ r(i, {
 							type: "text",
 							disabled: C,
 							class: "rv-control rv-format-color-picker__hex",
@@ -119,7 +119,7 @@ function m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ r(i, {
+				/* @__PURE__ */ r(a, {
 					unstyled: !0,
 					type: "button",
 					class: "rv-format-color-picker__custom-action",