@revolist/ui 4.0.2-rc → 4.0.2

package/_chunks/{controls-DIum-E66.js → controls-B_6NJarZ.js}

@@ -1,20 +1,20 @@
 import { c as e, i as t } from "./preact.module-BBM36DnO.js";
 import { i as n, r, t as i } from "./hooks.module-CG3gN83z.js";
-import { badgeClassName as a } from "../badge.js";
-import { n as o } from "./rating-choice-Ca8ZBty3.js";
-import { t as s } from "./jsxRuntime.module-F6UFnpT-.js";
-import { n as c } from "./compat.module-DDB2pm9O.js";
-import { createPreactElement as l } from "../preact-mount.js";
-import { registerControl as u, renderControl as d } from "../control-presentation.js";
-import { ButtonControl as f, Input as p, Select as m, TextArea as h } from "../native-control.js";
+import { t as a } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as o } from "../preact-mount.js";
+import { createControlId as s } from "../core/control-id.js";
+import { t as c } from "./title-tooltip-Cw6LOZhb.js";
+import { n as l } from "./rating-choice-C-6wcb9U.js";
+import { a as u, n as d, t as f } from "./native-control-B_fVA5bL.js";
+import { r as p } from "./popup-C35Isk7p.js";
+import { registerControl as m, renderControl as h } from "../control-presentation.js";
 import { paginationItems as g, renderPaginationButton as _ } from "../pagination.js";
-import { t as v } from "./chevron-left-D0nc4Z5S.js";
-import { t as y } from "./chevron-right-sxHQMSkq.js";
-import { createControlId as b } from "../core/control-id.js";
-import { SvgButton as x } from "../buttons/svg-button.js";
-import { SegmentedSwitch as S } from "../segmented-switch/index.js";
-import { attachMenuKeyboard as C, attachResizeHandle as ee } from "../surfaces.js";
+import { n as v, t as y } from "./chevron-right-CM3ljziP.js";
+import { SvgButton as b } from "../buttons/svg-button.js";
+import { SegmentedSwitch as x } from "../segmented-switch/index.js";
+import { attachMenuKeyboard as S, attachResizeHandle as C } from "../surfaces.js";
 import { normalizeProgressRange as w } from "../progress/range.js";
+import { badgeClassName as ee } from "../badge.js";
 //#endregion
 //#region src/icons/pagination.ts
 var te = {
@@ -24,7 +24,7 @@ var te = {
 	last: "<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=\"M439.1 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L371.2 256 233.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L179.2 256 41.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"/></svg>"
 };
 //#endregion
-//#region src/native-controls.view.tsx
+//#region src/native-controls.tsx
 function T(e, t) {
 	return e("div", {
 		class: t.className ?? "rv-spinner",
@@ -37,7 +37,7 @@ function T(e, t) {
 	})] : []);
 }
 function E(e, t) {
-	return l(e, /* @__PURE__ */ s(f, {
+	return o(e, /* @__PURE__ */ a(f, {
 		unstyled: !0,
 		type: "button",
 		class: t.className ?? "rv-btn",
@@ -69,38 +69,31 @@ function O(e, t, n = Math.max(0, Math.floor(t))) {
 }
 function k(e, t) {
 	let n = (e) => t.max > t.min ? Math.max(0, Math.min(100, (e - t.min) / (t.max - t.min) * 100)) : 0;
-	return e("div", { class: `revo-slider ${t.thresholdClassNames ?? ""}` }, [e("div", { class: `revo-slider-container ${t.thresholdClassNames ?? ""}` }, [
-		e("div", {
-			class: "revo-slider-fill",
-			style: { width: `${n(t.value)}%` }
-		}),
-		e("input", {
-			class: "revo-slider-input rv-single-slider",
-			style: { "--rv-single-slider-value": `${n(t.value)}%` },
-			type: "range",
-			min: t.min,
-			max: t.max,
-			step: t.step,
-			value: t.value,
-			"aria-label": t.label,
-			"aria-valuetext": String(t.displayValue ?? t.value),
-			onInput: (e) => {
-				let r = e.target;
-				r.style.setProperty("--rv-single-slider-value", `${n(Number(r.value))}%`);
-				let i = r.closest(".revo-slider")?.querySelector(".revo-slider-value"), a = String(t.formatValue?.(Number(r.value)) ?? Number(r.value));
-				r.setAttribute("aria-valuetext", a), i && (i.textContent = a);
-			},
-			onChange: (e) => t.onChange(Number(e.target.value), e),
-			onMouseDown: t.onMouseDown
-		}),
-		...(t.thresholds ?? []).map((t) => e("div", {
-			class: `revo-slider-threshold ${t.className}`,
-			style: { left: `${n(t.value)}%` }
-		}))
-	]), ...t.hideValue ? [] : [e("span", { class: `revo-slider-value rv-badge rv-badge--inline ${t.thresholdClassNames ?? ""}` }, t.displayValue ?? t.value)]]);
+	return e("div", { class: `revo-slider ${t.thresholdClassNames ?? ""}` }, [e("div", { class: `revo-slider-container ${t.thresholdClassNames ?? ""}` }, [e("input", {
+		class: "revo-slider-input rv-single-slider",
+		style: { "--rv-single-slider-value": `${n(t.value)}%` },
+		type: "range",
+		min: t.min,
+		max: t.max,
+		step: t.step,
+		value: t.value,
+		"aria-label": t.label,
+		"aria-valuetext": String(t.displayValue ?? t.value),
+		onInput: (e) => {
+			let r = e.target;
+			r.style.setProperty("--rv-single-slider-value", `${n(Number(r.value))}%`);
+			let i = r.closest(".revo-slider")?.querySelector(".revo-slider-value"), a = String(t.formatValue?.(Number(r.value)) ?? Number(r.value));
+			r.setAttribute("aria-valuetext", a), i && (i.textContent = a);
+		},
+		onChange: (e) => t.onChange(Number(e.target.value), e),
+		onMouseDown: t.onMouseDown
+	}), ...(t.thresholds ?? []).map((t) => e("div", {
+		class: `revo-slider-threshold ${t.className}`,
+		style: { left: `${n(t.value)}%` }
+	}))]), ...t.hideValue ? [] : [e("span", { class: `revo-slider-value rv-badge rv-badge--inline ${t.thresholdClassNames ?? ""}` }, t.displayValue ?? t.value)]]);
 }
 function A(e, t) {
-	let n = (n, r, i) => d(e, "button", {
+	let n = (n, r, i) => h(e, "button", {
 		class: {
 			"revo-counter-button": !0,
 			"revo-counter-button-disabled": r
@@ -120,8 +113,19 @@ function A(e, t) {
 	]);
 }
 //#endregion
+//#region src/badge.view.tsx
+function j({ children: e, className: t = "", variant: n, shape: r }) {
+	return /* @__PURE__ */ a("span", {
+		class: `${ee({
+			variant: n,
+			shape: r
+		})} ${t}`,
+		children: e
+	});
+}
+//#endregion
 //#region src/alert.tsx
-function j(e, { children: t, tone: n = "neutral", label: r, icon: i, title: a, description: o, actions: s, className: c = "", class: l = "", ...u }) {
+function M(e, { children: t, tone: n = "neutral", label: r, icon: i, title: a, description: o, actions: s, className: c = "", class: l = "", ...u }) {
 	let d = (t, n, ...r) => e(t, n, r);
 	return /* @__PURE__ */ d("div", {
 		...u,
@@ -133,36 +137,61 @@ function j(e, { children: t, tone: n = "neutral", label: r, icon: i, title: a, d
 		"aria-hidden": "true"
 	}, i), /* @__PURE__ */ d("div", { class: "rv-alert__content" }, a && /* @__PURE__ */ d("div", { class: "rv-alert__title" }, a), o && /* @__PURE__ */ d("div", { class: "rv-alert__description" }, o), t), s && /* @__PURE__ */ d("div", { class: "rv-alert__actions" }, s));
 }
-function M(t) {
-	return j(e, t);
+function ne(t) {
+	return M(e, t);
 }
 //#endregion
 //#region src/controls.tsx
-var N = u(c(function({ variant: e = "default", size: t = "default", className: n = "", class: r, ...i }, a) {
-	return /* @__PURE__ */ s(f, {
-		ref: a,
+var N = m(p(function({ href: e, target: t, rel: n, rounded: r = !1, variant: i = "default", size: o = "default", className: s = "", class: l, ...u }, d) {
+	let p = c(e !== void 0 && typeof u.title == "string" ? u.title : void 0), m = [
+		i === "default" ? "rv-btn" : `rv-btn-${i}`,
+		o === "compact" ? "rv-btn-sm" : "",
+		r ? "rv-btn-rounded" : "",
+		l,
+		s
+	].filter(Boolean).join(" ");
+	if (e !== void 0) {
+		let r = u.disabled || u.busy, { busy: i, disabled: o, title: s, ...c } = u;
+		return /* @__PURE__ */ a("a", {
+			...c,
+			ref: p,
+			href: r ? void 0 : e,
+			target: t,
+			rel: n,
+			class: m,
+			"aria-disabled": r || void 0,
+			"aria-busy": i || void 0,
+			tabIndex: r ? -1 : u.tabIndex,
+			onClick: (e) => {
+				r ? e.preventDefault() : u.onClick?.(e);
+			}
+		});
+	}
+	return /* @__PURE__ */ a(f, {
+		ref: d,
+		rounded: r,
 		type: "button",
-		...i,
+		...u,
 		class: [
-			e === "default" ? "rv-btn" : `rv-btn-${e}`,
-			t === "compact" ? "rv-btn-sm" : "",
-			r,
-			n
+			i === "default" ? "rv-btn" : `rv-btn-${i}`,
+			o === "compact" ? "rv-btn-sm" : "",
+			l,
+			s
 		].filter(Boolean).join(" ")
 	});
 }), "button");
-function P({ label: e, icon: t, badge: n, children: r, className: i = "", variant: a = "ghost", size: o = "default", ...c }) {
-	return /* @__PURE__ */ s(x, {
+function P({ label: e, icon: t, badge: n, children: r, className: i = "", variant: o = "ghost", size: s = "default", ...c }) {
+	return /* @__PURE__ */ a(b, {
 		...c,
 		label: e,
 		icon: t,
 		badge: n,
-		className: `rv-btn-icon ${a === "default" ? "rv-btn" : `rv-btn-${a}`} ${o === "compact" ? "rv-btn-sm" : ""} ${i}`,
+		className: `rv-btn-icon ${o === "default" ? "rv-btn" : `rv-btn-${o}`} ${s === "compact" ? "rv-btn-sm" : ""} ${i}`,
 		children: r
 	});
 }
 function F({ pressed: e, onPressedChange: t, ...n }) {
-	return /* @__PURE__ */ s(N, {
+	return /* @__PURE__ */ a(N, {
 		...n,
 		"aria-pressed": e,
 		onClick: (r) => {
@@ -171,7 +200,7 @@ function F({ pressed: e, onPressedChange: t, ...n }) {
 	});
 }
 function I({ children: e, className: t = "", label: n }) {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		role: "group",
 		"aria-label": n,
 		class: `rv-btn-group ${t}`,
@@ -179,19 +208,19 @@ function I({ children: e, className: t = "", label: n }) {
 	});
 }
 function L(e) {
-	return /* @__PURE__ */ s(S, {
+	return /* @__PURE__ */ a(x, {
 		...e,
 		role: "radiogroup"
 	});
 }
 function R(e) {
-	return /* @__PURE__ */ s(S, {
+	return /* @__PURE__ */ a(x, {
 		...e,
 		role: "tablist"
 	});
 }
 function z({ id: e, labelledBy: t, active: n, children: r }) {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		id: e,
 		role: "tabpanel",
 		"aria-labelledby": t,
@@ -199,14 +228,14 @@ function z({ id: e, labelledBy: t, active: n, children: r }) {
 		children: r
 	});
 }
-function B({ className: e = "", value: t, options: r, onChange: i, label: a, disabled: o, name: c }) {
-	let [l] = n(() => b("rv-ui"));
-	return /* @__PURE__ */ s("fieldset", {
+function B({ className: e = "", value: t, options: r, onChange: i, label: o, disabled: c, name: l }) {
+	let [u] = n(() => s("rv-ui"));
+	return /* @__PURE__ */ a("fieldset", {
 		class: `rv-radio-group ${e}`,
-		disabled: o,
-		children: [/* @__PURE__ */ s("legend", { children: a }), r.map((e) => /* @__PURE__ */ s("label", { children: [/* @__PURE__ */ s(p, {
+		disabled: c,
+		children: [/* @__PURE__ */ a("legend", { children: o }), r.map((e) => /* @__PURE__ */ a("label", { children: [/* @__PURE__ */ a(d, {
 			type: "radio",
-			name: c ?? l,
+			name: l ?? u,
 			checked: t === e.value,
 			disabled: e.disabled,
 			onChange: () => i(e.value)
@@ -214,7 +243,7 @@ function B({ className: e = "", value: t, options: r, onChange: i, label: a, dis
 	});
 }
 function V({ className: e = "", class: t, onValueChange: n, onInput: r, ...i }) {
-	return /* @__PURE__ */ s(p, {
+	return /* @__PURE__ */ a(d, {
 		type: "text",
 		...i,
 		class: `rv-control ${t ?? ""} ${e}`,
@@ -224,7 +253,7 @@ function V({ className: e = "", class: t, onValueChange: n, onInput: r, ...i })
 	});
 }
 function H({ className: e = "", class: t, onValueChange: n, onInput: r, ...i }) {
-	return /* @__PURE__ */ s(h, {
+	return /* @__PURE__ */ a(u, {
 		...i,
 		class: `rv-control ${t ?? ""} ${e}`,
 		onInput: (e) => {
@@ -233,7 +262,7 @@ function H({ className: e = "", class: t, onValueChange: n, onInput: r, ...i })
 	});
 }
 function U({ onValueChange: e, ...t }) {
-	return /* @__PURE__ */ s(V, {
+	return /* @__PURE__ */ a(V, {
 		...t,
 		type: "number",
 		onValueChange: (t) => {
@@ -241,23 +270,23 @@ function U({ onValueChange: e, ...t }) {
 		}
 	});
 }
-function W({ value: e, min: t = -Infinity, max: n = Infinity, step: r = 1, onChange: i, label: a, decreaseLabel: o, increaseLabel: c, disabled: l, readOnly: u }) {
+function W({ value: e, min: t = -Infinity, max: n = Infinity, step: r = 1, onChange: i, label: o, decreaseLabel: s, increaseLabel: c, disabled: l, readOnly: u }) {
 	let d = (e) => {
 		Number.isFinite(e) && i(Math.max(t, Math.min(n, e)));
 	};
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		class: "rv-number-stepper",
 		role: "group",
-		"aria-label": a,
+		"aria-label": o,
 		children: [
-			/* @__PURE__ */ s(N, {
+			/* @__PURE__ */ a(N, {
 				disabled: l || u || e <= t,
-				"aria-label": o,
+				"aria-label": s,
 				onClick: () => d(e - r),
 				children: "−"
 			}),
-			/* @__PURE__ */ s(U, {
-				"aria-label": a,
+			/* @__PURE__ */ a(U, {
+				"aria-label": o,
 				value: e,
 				min: Number.isFinite(t) ? t : void 0,
 				max: Number.isFinite(n) ? n : void 0,
@@ -268,7 +297,7 @@ function W({ value: e, min: t = -Infinity, max: n = Infinity, step: r = 1, onCha
 					e !== void 0 && d(e);
 				}
 			}),
-			/* @__PURE__ */ s(N, {
+			/* @__PURE__ */ a(N, {
 				disabled: l || u || e >= n,
 				"aria-label": c,
 				onClick: () => d(e + r),
@@ -278,62 +307,53 @@ function W({ value: e, min: t = -Infinity, max: n = Infinity, step: r = 1, onCha
 	});
 }
 function G(e) {
-	return /* @__PURE__ */ s(V, {
+	return /* @__PURE__ */ a(V, {
 		...e,
 		type: "date"
 	});
 }
 function K(e) {
-	return /* @__PURE__ */ s(V, {
+	return /* @__PURE__ */ a(V, {
 		...e,
 		type: "time"
 	});
 }
 function q(e) {
-	return /* @__PURE__ */ s(V, {
+	return /* @__PURE__ */ a(V, {
 		...e,
 		type: "datetime-local"
 	});
 }
-function J({ className: e = "", class: t, onValueChange: n, onChange: r, ...i }) {
-	return /* @__PURE__ */ s(m, {
-		...i,
-		class: `rv-control ${t ?? ""} ${e}`,
-		onChange: (e) => {
-			r?.(e), e.defaultPrevented || n?.(e.currentTarget.value);
-		}
-	});
-}
-function Y({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ s("span", {
+function J({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ a("span", {
 		class: `rv-btn-pill ${t}`,
 		children: e
 	});
 }
-function ne({ children: e, id: t }) {
-	return /* @__PURE__ */ s("span", {
+function re({ children: e, id: t }) {
+	return /* @__PURE__ */ a("span", {
 		class: "rv-field__hint",
 		id: t,
 		children: e
 	});
 }
-function X({ children: e, id: t }) {
-	return /* @__PURE__ */ s("span", {
+function Y({ children: e, id: t }) {
+	return /* @__PURE__ */ a("span", {
 		class: "rv-field__error",
 		id: t,
 		role: "alert",
 		children: e
 	});
 }
-function Z({ children: e, title: t, description: n }) {
-	return /* @__PURE__ */ s("fieldset", {
+function X({ children: e, title: t, description: n }) {
+	return /* @__PURE__ */ a("fieldset", {
 		class: "rv-form-section",
 		children: [
-			t && /* @__PURE__ */ s("legend", {
+			t && /* @__PURE__ */ a("legend", {
 				class: "rv-form-section__title",
 				children: t
 			}),
-			n && /* @__PURE__ */ s("p", {
+			n && /* @__PURE__ */ a("p", {
 				class: "rv-form-description",
 				children: n
 			}),
@@ -341,93 +361,84 @@ function Z({ children: e, title: t, description: n }) {
 		]
 	});
 }
-function re({ children: e, className: t = "", summary: n, open: r, onToggle: i }) {
-	return /* @__PURE__ */ s("details", {
+function ie({ children: e, className: t = "", summary: n, open: r, onToggle: i }) {
+	return /* @__PURE__ */ a("details", {
 		class: `rv-disclosure ${t}`.trim(),
 		open: r,
 		onToggle: i,
-		children: [/* @__PURE__ */ s("summary", {
+		children: [/* @__PURE__ */ a("summary", {
 			class: "rv-disclosure-summary",
 			children: n
 		}), e]
 	});
 }
-function ie({ children: e, className: t = "", label: n }) {
-	return /* @__PURE__ */ s("section", {
+function ae({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("section", {
 		class: `rv-panel ${t}`,
 		"aria-label": n,
 		children: e
 	});
 }
-function ae({ children: e, className: t = "", label: n }) {
-	return /* @__PURE__ */ s("div", {
+function oe({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("div", {
 		class: `rv-toolbar ${t}`,
 		role: "toolbar",
 		"aria-label": n,
 		children: e
 	});
 }
-function oe({ children: e, className: t = "", label: n }) {
-	return /* @__PURE__ */ s("div", {
+function se({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("div", {
 		class: `rv-toolbar-group ${t}`,
 		role: "group",
 		"aria-label": n,
 		children: e
 	});
 }
-function se() {
-	return /* @__PURE__ */ s("span", {
+function ce() {
+	return /* @__PURE__ */ a("span", {
 		class: "rv-toolbar-separator",
 		role: "separator",
 		"aria-orientation": "vertical"
 	});
 }
-function ce({ children: e, className: t = "", variant: n, shape: r }) {
-	return /* @__PURE__ */ s("span", {
-		class: `${a({
-			variant: n,
-			shape: r
-		})} ${t}`,
-		children: e
-	});
-}
 function le({ count: e, label: t }) {
-	return /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ a("span", {
 		class: "rv-count",
 		"aria-label": t,
 		children: e
 	});
 }
-function Q({ label: t }) {
+function Z({ label: t }) {
 	return T(e, {
 		label: t,
 		showSpinner: !0
 	});
 }
 function ue({ busy: e, label: t, children: n }) {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		class: "rv-loading-container",
 		"aria-busy": e,
-		children: [n, e && /* @__PURE__ */ s("div", {
+		children: [n, e && /* @__PURE__ */ a("div", {
 			class: "rv-loading-overlay",
-			children: /* @__PURE__ */ s(Q, { label: t })
+			children: /* @__PURE__ */ a(Z, { label: t })
 		})]
 	});
 }
 function de({ title: e, description: t, children: n }) {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		class: "rv-empty-state",
 		children: [
-			/* @__PURE__ */ s("strong", { children: e }),
-			t && /* @__PURE__ */ s("p", { children: t }),
+			/* @__PURE__ */ a("strong", { children: e }),
+			t && /* @__PURE__ */ a("p", { children: t }),
 			n
 		]
 	});
 }
-function $({ children: e, label: t, onClose: n }) {
-	let a = i(null);
-	return r(() => a.current ? C(a.current, n) : void 0, [n]), /* @__PURE__ */ s("div", {
-		ref: a,
+function Q({ children: e, label: t, onClose: n }) {
+	let o = i(null);
+	return r(() => o.current ? S(o.current, n) : void 0, [n]), /* @__PURE__ */ a("div", {
+		ref: o,
 		class: "rv-menu",
 		role: "menu",
 		"aria-label": t,
@@ -435,7 +446,7 @@ function $({ children: e, label: t, onClose: n }) {
 	});
 }
 function fe({ children: e, ...t }) {
-	return /* @__PURE__ */ s(N, {
+	return /* @__PURE__ */ a(N, {
 		variant: "ghost",
 		...t,
 		role: "menuitem",
@@ -443,50 +454,50 @@ function fe({ children: e, ...t }) {
 	});
 }
 function pe() {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		role: "separator",
 		class: "rv-menu-separator"
 	});
 }
 function me({ label: e, children: t }) {
-	let [a, o] = n(!1), c = i(null), l = i(null), [u] = n(() => b("rv-ui"));
+	let [o, c] = n(!1), l = i(null), u = i(null), [d] = n(() => s("rv-ui"));
 	r(() => {
-		a && c.current?.querySelector("[role=\"menu\"]")?.querySelector("[role=\"menuitem\"]:not(:disabled)")?.focus();
-	}, [a]);
-	let d = () => {
-		o(!1), l.current?.focus();
+		o && l.current?.querySelector("[role=\"menu\"]")?.querySelector("[role=\"menuitem\"]:not(:disabled)")?.focus();
+	}, [o]);
+	let f = () => {
+		c(!1), u.current?.focus();
 	};
-	return /* @__PURE__ */ s("div", {
-		ref: c,
+	return /* @__PURE__ */ a("div", {
+		ref: l,
 		class: "rv-submenu",
 		onKeyDown: (e) => {
-			a && (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), d());
+			o && (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), f());
 		},
-		children: [/* @__PURE__ */ s(N, {
-			ref: l,
+		children: [/* @__PURE__ */ a(N, {
+			ref: u,
 			variant: "ghost",
 			role: "menuitem",
 			"aria-haspopup": "menu",
-			"aria-expanded": a,
-			"aria-controls": u,
-			onClick: () => o(!a),
+			"aria-expanded": o,
+			"aria-controls": d,
+			onClick: () => c(!o),
 			onKeyDown: (e) => {
-				e.key === "ArrowRight" && (e.preventDefault(), o(!0));
+				e.key === "ArrowRight" && (e.preventDefault(), c(!0));
 			},
 			children: e
-		}), a && /* @__PURE__ */ s("div", {
-			id: u,
-			children: /* @__PURE__ */ s($, {
+		}), o && /* @__PURE__ */ a("div", {
+			id: d,
+			children: /* @__PURE__ */ a(Q, {
 				label: e,
-				onClose: d,
+				onClose: f,
 				children: t
 			})
 		})]
 	});
 }
-function he(e) {
+function $(e) {
 	let t = i(null), n = i(e);
-	return n.current = e, r(() => t.current ? ee(t.current, () => n.current) : void 0, []), /* @__PURE__ */ s("div", {
+	return n.current = e, r(() => t.current ? C(t.current, () => n.current) : void 0, []), /* @__PURE__ */ a("div", {
 		class: "rv-resize-handle",
 		ref: t,
 		role: "separator",
@@ -498,33 +509,57 @@ function he(e) {
 		"aria-valuemax": e.max
 	});
 }
-function ge({ page: n, pageCount: r, onChange: i, label: a, previousLabel: o, nextLabel: c, firstLabel: l = "First page", lastLabel: u = "Last page", variant: d = "compact", disabled: f = !1, navigation: p = !0, boundaryButtons: m = !1, buttons: h, children: v, className: y = "" }) {
+function he({ edge: e, initialWidth: t, anchorRef: o, resizeParent: s = !1, max: c, ...l }) {
+	let u = i(null), d = o ?? u, [f, p] = n(t);
+	return r(() => {
+		let e = d.current?.parentElement, t = s ? e?.parentElement : e;
+		if (!t) return;
+		let n = () => {
+			let e = Math.round(t.getBoundingClientRect().width);
+			e > 0 && p(e);
+		};
+		n();
+		let r = t.ownerDocument.defaultView?.ResizeObserver, i = r && new r(n);
+		return i?.observe(t, { box: "border-box" }), () => i?.disconnect();
+	}, [d, s]), /* @__PURE__ */ a("div", {
+		ref: d,
+		class: "rv-panel-resize-handle",
+		"data-edge": e,
+		children: /* @__PURE__ */ a($, {
+			...l,
+			value: f,
+			max: c === void 0 ? void 0 : Math.max(c, f),
+			direction: e === "left" ? "rtl" : "ltr"
+		})
+	});
+}
+function ge({ page: n, pageCount: r, onChange: i, label: o, previousLabel: s, nextLabel: c, firstLabel: l = "First page", lastLabel: u = "Last page", variant: d = "compact", disabled: f = !1, navigation: p = !0, boundaryButtons: m = !1, buttons: h, children: v, className: y = "" }) {
 	let b = Number.isFinite(r) ? Math.max(0, Math.floor(r)) : 0, x = Math.min(Math.max(0, Math.floor(n) || 0), Math.max(0, b - 1)), S = (e, t) => {
 		let n = h?.[e];
 		if (n === !1) return null;
-		let r = e === "first" ? 0 : e === "last" ? b - 1 : x + (e === "previous" ? -1 : 1), a = f || !!n?.disabled || !b || r < 0 || r >= b || r === x;
-		return /* @__PURE__ */ s(P, {
+		let r = e === "first" ? 0 : e === "last" ? b - 1 : x + (e === "previous" ? -1 : 1), o = f || !!n?.disabled || !b || r < 0 || r >= b || r === x;
+		return /* @__PURE__ */ a(P, {
 			...n,
 			label: t,
 			icon: te[e],
 			size: "compact",
 			className: `rv-pagination-button rv-pagination-button--icon ${n?.className ?? ""}`,
-			disabled: a,
+			disabled: o,
 			onClick: () => {
-				a || i(r);
+				o || i(r);
 			}
 		});
 	};
-	return /* @__PURE__ */ s("nav", {
+	return /* @__PURE__ */ a("nav", {
 		class: `rv-pagination ${d === "numbered" ? "rv-pagination--numbered" : ""} ${y}`,
-		"aria-label": a,
+		"aria-label": o,
 		children: [
 			p && m && S("first", l),
-			p && S("previous", o),
+			p && S("previous", s),
 			v,
-			d === "numbered" ? /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s("span", {
+			d === "numbered" ? /* @__PURE__ */ a(t, { children: [/* @__PURE__ */ a("span", {
 				class: `rv-pagination-pages ${b <= 5 ? "rv-pagination-pages--compact" : ""}`,
-				children: g(x, b, 3).map((t, n) => t === "ellipsis" ? /* @__PURE__ */ s("span", {
+				children: g(x, b, 3).map((t, n) => t === "ellipsis" ? /* @__PURE__ */ a("span", {
 					class: "rv-pagination-ellipsis",
 					"aria-label": "More pages",
 					children: "…"
@@ -537,7 +572,7 @@ function ge({ page: n, pageCount: r, onChange: i, label: a, previousLabel: o, ne
 						!f && t !== x && i(t);
 					}
 				}))
-			}), b > 5 && /* @__PURE__ */ s("span", {
+			}), b > 5 && /* @__PURE__ */ a("span", {
 				class: "rv-pagination-summary rv-pagination-summary--responsive",
 				"aria-live": "polite",
 				children: [
@@ -545,7 +580,7 @@ function ge({ page: n, pageCount: r, onChange: i, label: a, previousLabel: o, ne
 					" / ",
 					b
 				]
-			})] }) : d === "compact" ? /* @__PURE__ */ s("span", {
+			})] }) : d === "compact" ? /* @__PURE__ */ a("span", {
 				class: "rv-pagination-summary",
 				"aria-live": "polite",
 				children: [
@@ -561,7 +596,7 @@ function ge({ page: n, pageCount: r, onChange: i, label: a, previousLabel: o, ne
 }
 function _e({ value: e, min: t = 0, max: n = 100, label: r }) {
 	let i = w(e, t, n);
-	return /* @__PURE__ */ s("svg", {
+	return /* @__PURE__ */ a("svg", {
 		viewBox: "0 0 36 36",
 		class: "rv-circular-progress",
 		role: "progressbar",
@@ -569,14 +604,14 @@ function _e({ value: e, min: t = 0, max: n = 100, label: r }) {
 		"aria-valuemin": i.min,
 		"aria-valuemax": i.max,
 		"aria-valuenow": i.min + (i.max - i.min) * i.percent / 100,
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ a("circle", {
 			cx: "18",
 			cy: "18",
 			r: "16",
 			fill: "none",
 			stroke: "currentColor",
 			opacity: "0.15"
-		}), /* @__PURE__ */ s("circle", {
+		}), /* @__PURE__ */ a("circle", {
 			cx: "18",
 			cy: "18",
 			r: "16",
@@ -588,28 +623,28 @@ function _e({ value: e, min: t = 0, max: n = 100, label: r }) {
 		})]
 	});
 }
-function ve({ value: e, max: n = 5, label: r, onChange: i, disabled: a }) {
-	let c = Array.from({ length: Math.max(0, Math.min(100, Math.floor(n))) }, (e, t) => t + 1);
-	return i ? /* @__PURE__ */ s(B, {
+function ve({ value: e, max: n = 5, label: r, onChange: i, disabled: o }) {
+	let s = Array.from({ length: Math.max(0, Math.min(100, Math.floor(n))) }, (e, t) => t + 1);
+	return i ? /* @__PURE__ */ a(B, {
 		className: "rv-rating",
 		label: r,
 		value: e,
-		disabled: a,
-		options: c.map((n) => ({
+		disabled: o,
+		options: s.map((n) => ({
 			value: n,
-			label: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(o, { filled: n <= e }), /* @__PURE__ */ s("span", {
+			label: /* @__PURE__ */ a(t, { children: [/* @__PURE__ */ a(l, { filled: n <= e }), /* @__PURE__ */ a("span", {
 				class: "rv-visually-hidden",
 				children: n
 			})] })
 		})),
 		onChange: i
-	}) : /* @__PURE__ */ s("span", {
+	}) : /* @__PURE__ */ a("span", {
 		class: "rv-rating",
 		role: "img",
 		"aria-label": `${r}: ${e} / ${n}`,
-		children: c.map((t) => /* @__PURE__ */ s(o, { filled: t <= e }))
+		children: s.map((t) => /* @__PURE__ */ a(l, { filled: t <= e }))
 	});
 }
-u(V, "input"), u(U, "input"), u(G, "input"), u(K, "input"), u(q, "input"), u(H, "textarea"), u(J, "select");
+m(V, "input"), m(U, "input"), m(G, "input"), m(K, "input"), m(q, "input"), m(H, "textarea");
 //#endregion
-export { z as A, j as B, ie as C, L as D, he as E, F, O as G, A as H, ae as I, k as K, oe as L, V as M, H as N, Q as O, K as P, se as R, ge as S, ve as T, T as U, E as V, D as W, fe as _, _e as a, U as b, q as c, X as d, ne as f, $ as g, ue as h, Y as i, R as j, me as k, re as l, P as m, N as n, le as o, Z as p, I as r, G as s, ce as t, de as u, pe as v, B as w, W as x, J as y, M as z };
+export { R as A, j as B, B as C, Z as D, L as E, oe as F, O as G, A as H, se as I, k as K, ce as L, H as M, K as N, me as O, F as P, ne as R, he as S, $ as T, T as U, E as V, D as W, pe as _, le as a, ge as b, ie as c, re as d, X as f, fe as g, Q as h, _e as i, V as j, z as k, de as l, ue as m, I as n, G as o, P as p, J as r, q as s, N as t, Y as u, U as v, ve as w, ae as x, W as y, M as z };