@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/controls-DD1qvPfE.js

@@ -0,0 +1,650 @@
+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 { 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-WDrfiluf.js";
+import { a as u, n as d, t as f } from "./native-control-B9MNibfa.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 { 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 = {
+	first: "<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=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L269.3 256 406.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"/></svg>",
+	previous: v,
+	next: y,
+	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.tsx
+function T(e, t) {
+	return e("div", {
+		class: t.className ?? "rv-spinner",
+		role: "status",
+		"aria-label": t.label,
+		ref: t.ref
+	}, t.showSpinner ? [e("span", {
+		class: "rv-spinner__ring",
+		"aria-hidden": "true"
+	})] : []);
+}
+function E(e, t) {
+	return o(e, /* @__PURE__ */ a(f, {
+		unstyled: !0,
+		type: "button",
+		class: t.className ?? "rv-btn",
+		"aria-label": t.label,
+		disabled: !!t.disabled,
+		onClick: t.onClick,
+		children: t.text ?? t.label
+	}));
+}
+function D(e, t) {
+	return e("button", {
+		type: "button",
+		role: "menuitem",
+		disabled: t.disabled,
+		tabIndex: -1,
+		"aria-haspopup": t.submenu ? "menu" : void 0,
+		style: t.style,
+		onClick: () => {
+			t.disabled || t.onActivate();
+		}
+	}, [t.label, t.submenu ? e("span", {
+		"aria-hidden": "true",
+		style: "float:inline-end;margin-inline-start:16px"
+	}, "›") : null]);
+}
+function O(e, t, n = Math.max(0, Math.floor(t))) {
+	let r = Math.round(t);
+	return Array.from({ length: Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0 }, (t, n) => e("span", { class: n < r ? "star filled-star" : "star empty-star" }));
+}
+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("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) => h(e, "button", {
+		class: {
+			"revo-counter-button": !0,
+			"revo-counter-button-disabled": r
+		},
+		type: "button",
+		"aria-label": n < 0 ? t.decreaseLabel ?? "Decrease value" : t.increaseLabel ?? "Increase value",
+		disabled: r,
+		onMouseDown: t.onMouseDown,
+		onClick: (e) => {
+			r || t.onChange(Math.min(t.max, Math.max(t.min, t.value + n)), e);
+		}
+	}, i);
+	return e("div", { class: "revo-counter" }, [
+		n(-t.step, t.value <= t.min, "-"),
+		...t.hideValue ? [] : [e("span", { class: "revo-counter-value" }, String(t.value))],
+		n(t.step, t.value >= t.max, "+")
+	]);
+}
+//#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 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,
+		class: `rv-alert rv-alert--${n}${i ? " rv-alert--with-icon" : ""}${s ? " rv-alert--with-actions" : ""} ${c} ${l}`.trim(),
+		role: n === "danger" ? "alert" : "status",
+		"aria-label": r ?? u["aria-label"]
+	}, i && /* @__PURE__ */ d("span", {
+		class: "rv-alert__icon",
+		"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 ne(t) {
+	return M(e, t);
+}
+//#endregion
+//#region src/controls.tsx
+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",
+		...u,
+		class: [
+			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: o = "ghost", size: s = "default", ...c }) {
+	return /* @__PURE__ */ a(b, {
+		...c,
+		label: e,
+		icon: t,
+		badge: n,
+		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__ */ a(N, {
+		...n,
+		"aria-pressed": e,
+		onClick: (r) => {
+			n.onClick?.(r), r.defaultPrevented || t(!e);
+		}
+	});
+}
+function I({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("div", {
+		role: "group",
+		"aria-label": n,
+		class: `rv-btn-group ${t}`,
+		children: e
+	});
+}
+function L(e) {
+	return /* @__PURE__ */ a(x, {
+		...e,
+		role: "radiogroup"
+	});
+}
+function R(e) {
+	return /* @__PURE__ */ a(x, {
+		...e,
+		role: "tablist"
+	});
+}
+function z({ id: e, labelledBy: t, active: n, children: r }) {
+	return /* @__PURE__ */ a("div", {
+		id: e,
+		role: "tabpanel",
+		"aria-labelledby": t,
+		hidden: !n,
+		children: r
+	});
+}
+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: c,
+		children: [/* @__PURE__ */ a("legend", { children: o }), r.map((e) => /* @__PURE__ */ a("label", { children: [/* @__PURE__ */ a(d, {
+			type: "radio",
+			name: l ?? u,
+			checked: t === e.value,
+			disabled: e.disabled,
+			onChange: () => i(e.value)
+		}), e.label] }, e.value))]
+	});
+}
+function V({ className: e = "", class: t, onValueChange: n, onInput: r, ...i }) {
+	return /* @__PURE__ */ a(d, {
+		type: "text",
+		...i,
+		class: `rv-control ${t ?? ""} ${e}`,
+		onInput: (e) => {
+			r?.(e), e.defaultPrevented || n?.(e.currentTarget.value);
+		}
+	});
+}
+function H({ className: e = "", class: t, onValueChange: n, onInput: r, ...i }) {
+	return /* @__PURE__ */ a(u, {
+		...i,
+		class: `rv-control ${t ?? ""} ${e}`,
+		onInput: (e) => {
+			r?.(e), e.defaultPrevented || n?.(e.currentTarget.value);
+		}
+	});
+}
+function U({ onValueChange: e, ...t }) {
+	return /* @__PURE__ */ a(V, {
+		...t,
+		type: "number",
+		onValueChange: (t) => {
+			t === "" ? e?.(void 0) : Number.isFinite(Number(t)) && e?.(Number(t));
+		}
+	});
+}
+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__ */ a("div", {
+		class: "rv-number-stepper",
+		role: "group",
+		"aria-label": o,
+		children: [
+			/* @__PURE__ */ a(N, {
+				disabled: l || u || e <= t,
+				"aria-label": s,
+				onClick: () => d(e - r),
+				children: "−"
+			}),
+			/* @__PURE__ */ a(U, {
+				"aria-label": o,
+				value: e,
+				min: Number.isFinite(t) ? t : void 0,
+				max: Number.isFinite(n) ? n : void 0,
+				step: r,
+				disabled: l,
+				readOnly: u,
+				onValueChange: (e) => {
+					e !== void 0 && d(e);
+				}
+			}),
+			/* @__PURE__ */ a(N, {
+				disabled: l || u || e >= n,
+				"aria-label": c,
+				onClick: () => d(e + r),
+				children: "+"
+			})
+		]
+	});
+}
+function G(e) {
+	return /* @__PURE__ */ a(V, {
+		...e,
+		type: "date"
+	});
+}
+function K(e) {
+	return /* @__PURE__ */ a(V, {
+		...e,
+		type: "time"
+	});
+}
+function q(e) {
+	return /* @__PURE__ */ a(V, {
+		...e,
+		type: "datetime-local"
+	});
+}
+function J({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ a("span", {
+		class: `rv-btn-pill ${t}`,
+		children: e
+	});
+}
+function re({ children: e, id: t }) {
+	return /* @__PURE__ */ a("span", {
+		class: "rv-field__hint",
+		id: t,
+		children: e
+	});
+}
+function Y({ children: e, id: t }) {
+	return /* @__PURE__ */ a("span", {
+		class: "rv-field__error",
+		id: t,
+		role: "alert",
+		children: e
+	});
+}
+function X({ children: e, title: t, description: n }) {
+	return /* @__PURE__ */ a("fieldset", {
+		class: "rv-form-section",
+		children: [
+			t && /* @__PURE__ */ a("legend", {
+				class: "rv-form-section__title",
+				children: t
+			}),
+			n && /* @__PURE__ */ a("p", {
+				class: "rv-form-description",
+				children: n
+			}),
+			e
+		]
+	});
+}
+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__ */ a("summary", {
+			class: "rv-disclosure-summary",
+			children: n
+		}), e]
+	});
+}
+function ae({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("section", {
+		class: `rv-panel ${t}`,
+		"aria-label": n,
+		children: e
+	});
+}
+function oe({ children: e, className: t = "", label: n }) {
+	return /* @__PURE__ */ a("div", {
+		class: `rv-toolbar ${t}`,
+		role: "toolbar",
+		"aria-label": n,
+		children: e
+	});
+}
+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 ce() {
+	return /* @__PURE__ */ a("span", {
+		class: "rv-toolbar-separator",
+		role: "separator",
+		"aria-orientation": "vertical"
+	});
+}
+function le({ count: e, label: t }) {
+	return /* @__PURE__ */ a("span", {
+		class: "rv-count",
+		"aria-label": t,
+		children: e
+	});
+}
+function Z({ label: t }) {
+	return T(e, {
+		label: t,
+		showSpinner: !0
+	});
+}
+function ue({ busy: e, label: t, children: n }) {
+	return /* @__PURE__ */ a("div", {
+		class: "rv-loading-container",
+		"aria-busy": e,
+		children: [n, e && /* @__PURE__ */ a("div", {
+			class: "rv-loading-overlay",
+			children: /* @__PURE__ */ a(Z, { label: t })
+		})]
+	});
+}
+function de({ title: e, description: t, children: n }) {
+	return /* @__PURE__ */ a("div", {
+		class: "rv-empty-state",
+		children: [
+			/* @__PURE__ */ a("strong", { children: e }),
+			t && /* @__PURE__ */ a("p", { children: t }),
+			n
+		]
+	});
+}
+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,
+		children: e
+	});
+}
+function fe({ children: e, ...t }) {
+	return /* @__PURE__ */ a(N, {
+		variant: "ghost",
+		...t,
+		role: "menuitem",
+		children: e
+	});
+}
+function pe() {
+	return /* @__PURE__ */ a("div", {
+		role: "separator",
+		class: "rv-menu-separator"
+	});
+}
+function me({ label: e, children: t }) {
+	let [o, c] = n(!1), l = i(null), u = i(null), [d] = n(() => s("rv-ui"));
+	r(() => {
+		o && l.current?.querySelector("[role=\"menu\"]")?.querySelector("[role=\"menuitem\"]:not(:disabled)")?.focus();
+	}, [o]);
+	let f = () => {
+		c(!1), u.current?.focus();
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: l,
+		class: "rv-submenu",
+		onKeyDown: (e) => {
+			o && (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), f());
+		},
+		children: [/* @__PURE__ */ a(N, {
+			ref: u,
+			variant: "ghost",
+			role: "menuitem",
+			"aria-haspopup": "menu",
+			"aria-expanded": o,
+			"aria-controls": d,
+			onClick: () => c(!o),
+			onKeyDown: (e) => {
+				e.key === "ArrowRight" && (e.preventDefault(), c(!0));
+			},
+			children: e
+		}), o && /* @__PURE__ */ a("div", {
+			id: d,
+			children: /* @__PURE__ */ a(Q, {
+				label: e,
+				onClose: f,
+				children: t
+			})
+		})]
+	});
+}
+function $(e) {
+	let t = i(null), n = i(e);
+	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",
+		tabIndex: 0,
+		"aria-orientation": "vertical",
+		"aria-label": e.label,
+		"aria-valuenow": e.value,
+		"aria-valuemin": e.min,
+		"aria-valuemax": e.max
+	});
+}
+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), 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: o,
+			onClick: () => {
+				o || i(r);
+			}
+		});
+	};
+	return /* @__PURE__ */ a("nav", {
+		class: `rv-pagination ${d === "numbered" ? "rv-pagination--numbered" : ""} ${y}`,
+		"aria-label": o,
+		children: [
+			p && m && S("first", l),
+			p && S("previous", s),
+			v,
+			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__ */ a("span", {
+					class: "rv-pagination-ellipsis",
+					"aria-label": "More pages",
+					children: "…"
+				}, `gap-${n}`) : _(e, {
+					text: String(t + 1),
+					label: `${t + 1}`,
+					active: t === x,
+					disabled: f,
+					onClick: () => {
+						!f && t !== x && i(t);
+					}
+				}))
+			}), b > 5 && /* @__PURE__ */ a("span", {
+				class: "rv-pagination-summary rv-pagination-summary--responsive",
+				"aria-live": "polite",
+				children: [
+					b ? x + 1 : 0,
+					" / ",
+					b
+				]
+			})] }) : d === "compact" ? /* @__PURE__ */ a("span", {
+				class: "rv-pagination-summary",
+				"aria-live": "polite",
+				children: [
+					b ? x + 1 : 0,
+					" / ",
+					b
+				]
+			}) : null,
+			p && S("next", c),
+			p && m && S("last", u)
+		]
+	});
+}
+function _e({ value: e, min: t = 0, max: n = 100, label: r }) {
+	let i = w(e, t, n);
+	return /* @__PURE__ */ a("svg", {
+		viewBox: "0 0 36 36",
+		class: "rv-circular-progress",
+		role: "progressbar",
+		"aria-label": r,
+		"aria-valuemin": i.min,
+		"aria-valuemax": i.max,
+		"aria-valuenow": i.min + (i.max - i.min) * i.percent / 100,
+		children: [/* @__PURE__ */ a("circle", {
+			cx: "18",
+			cy: "18",
+			r: "16",
+			fill: "none",
+			stroke: "currentColor",
+			opacity: "0.15"
+		}), /* @__PURE__ */ a("circle", {
+			cx: "18",
+			cy: "18",
+			r: "16",
+			fill: "none",
+			stroke: "currentColor",
+			pathLength: "100",
+			"stroke-dasharray": `${i.percent} 100`,
+			transform: "rotate(-90 18 18)"
+		})]
+	});
+}
+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: o,
+		options: s.map((n) => ({
+			value: n,
+			label: /* @__PURE__ */ a(t, { children: [/* @__PURE__ */ a(l, { filled: n <= e }), /* @__PURE__ */ a("span", {
+				class: "rv-visually-hidden",
+				children: n
+			})] })
+		})),
+		onChange: i
+	}) : /* @__PURE__ */ a("span", {
+		class: "rv-rating",
+		role: "img",
+		"aria-label": `${r}: ${e} / ${n}`,
+		children: s.map((t) => /* @__PURE__ */ a(l, { filled: t <= e }))
+	});
+}
+m(V, "input"), m(U, "input"), m(G, "input"), m(K, "input"), m(q, "input"), m(H, "textarea");
+//#endregion
+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 };