@revolist/ui 4.0.1-rc → 4.0.1

package/legend.js

@@ -1,24 +1,24 @@
-import { jsx as e, jsxs as t } from "preact/jsx-runtime";
+import { t as e } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
 //#region src/legend.tsx
-function n({ label: n, items: r, className: i = "", itemClassName: a = "" }) {
+function t({ label: t, items: n, className: r = "", itemClassName: i = "" }) {
 	return /* @__PURE__ */ e("div", {
-		class: `rv-legend ${i}`,
+		class: `rv-legend ${r}`,
 		role: "list",
-		"aria-label": n,
-		children: r.map((n) => /* @__PURE__ */ t("span", {
+		"aria-label": t,
+		children: n.map((t) => /* @__PURE__ */ e("span", {
 			role: "listitem",
-			class: `rv-legend__item ${a} ${n.className ?? ""}`,
-			"data-tone": n.tone ?? "muted",
-			style: n.color ? { "--rv-legend-marker-color": n.color } : void 0,
+			class: `rv-legend__item ${i} ${t.className ?? ""}`,
+			"data-tone": t.tone ?? "muted",
+			style: t.color ? { "--rv-legend-marker-color": t.color } : void 0,
 			children: [/* @__PURE__ */ e("i", {
 				"aria-hidden": "true",
-				"data-marker": n.marker ?? "solid"
+				"data-marker": t.marker ?? "solid"
 			}), /* @__PURE__ */ e("span", {
 				class: "rv-legend__label",
-				children: n.label
+				children: t.label
 			})]
-		}, n.id))
+		}, t.id))
 	});
 }
 //#endregion
-export { n as Legend };
+export { t as Legend };

package/masked-input/index.d.ts

@@ -7,4 +7,4 @@ export declare function MaskedDraft({ value, options, apply, cancel, }: {
     options: MaskedInputOptions;
     apply: (value: string | null) => void;
     cancel: () => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/masked-input/index.js

@@ -1,9 +1,9 @@
-import { Input as e } from "../native-control.js";
-import { EditorActions as t } from "../editor-actions.js";
-import { useId as n, useRef as r, useState as i } from "preact/hooks";
-import { jsx as a, jsxs as o } from "preact/jsx-runtime";
+import { a as e, i as t, t as n } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as r } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { n as i } from "../_chunks/native-control-B9MNibfa.js";
+import { EditorActions as a } from "../editor-actions.js";
 //#region src/masked-input/model.ts
-function s(e) {
+function o(e) {
 	if (typeof e != "string") return;
 	let t = [], n = Array.from(e);
 	for (let e = 0; e < n.length; e++) {
@@ -15,14 +15,14 @@ function s(e) {
 	}
 	return t.some((e) => "token" in e) ? t : void 0;
 }
-function c(e, t) {
+function s(e, t) {
 	return e === "0" ? /^[0-9]$/.test(t) : e === "A" ? /^[A-Za-z]$/.test(t) : /^[A-Za-z0-9]$/.test(t);
 }
-function l(e, t) {
+function c(e, t) {
 	let n = "";
 	for (let r = 0; r < e.length; r++) {
 		let i = t[r];
-		if (!i || ("literal" in i ? e[r] !== i.literal : !c(i.token, e[r]))) return {
+		if (!i || ("literal" in i ? e[r] !== i.literal : !s(i.token, e[r]))) return {
 			complete: !1,
 			prefix: !1,
 			raw: n
@@ -35,14 +35,14 @@ function l(e, t) {
 		raw: n
 	};
 }
-function u(e, t) {
+function l(e, t) {
 	let n = (e) => ({
 		valid: !1,
 		value: null,
 		raw: null,
 		formatted: null,
 		error: e
-	}), r = s(t.mask);
+	}), r = o(t.mask);
 	if (!r || t.store !== void 0 && t.store !== "raw" && t.store !== "formatted") return n("configuration");
 	if (e == null || e === "") return t.required ? n("required") : {
 		valid: !0,
@@ -51,9 +51,9 @@ function u(e, t) {
 		formatted: null
 	};
 	if (typeof e != "string") return n("invalid");
-	let i = Array.from(e), a = l(i, r.filter((e) => "token" in e)), o = l(i, r), c = a.complete ? a : o.complete ? o : void 0;
-	if (!c) return n(a.prefix || o.prefix ? "incomplete" : "invalid");
-	let u = c.raw, d = Array.from(u), f = 0, p = r.map((e) => "literal" in e ? e.literal : d[f++]).join("");
+	let i = Array.from(e), a = c(i, r.filter((e) => "token" in e)), s = c(i, r), l = a.complete ? a : s.complete ? s : void 0;
+	if (!l) return n(a.prefix || s.prefix ? "incomplete" : "invalid");
+	let u = l.raw, d = Array.from(u), f = 0, p = r.map((e) => "literal" in e ? e.literal : d[f++]).join("");
 	return {
 		valid: !0,
 		raw: u,
@@ -61,24 +61,24 @@ function u(e, t) {
 		value: t.store === "formatted" ? p : u
 	};
 }
-function d(e, t) {
-	let n = u(e, t);
+function u(e, t) {
+	let n = l(e, t);
 	return n.valid ? n.formatted ?? "" : e == null ? "" : String(e);
 }
 //#endregion
 //#region src/masked-input/edit.ts
-var f = "_";
-function p(e, t) {
+var d = "_";
+function f(e, t) {
 	let n = t.filter((e) => "token" in e), r = Array.from(e), i = n.map(() => "");
 	if (!r.length) return i;
 	if (r.length === t.length) {
 		let e = 0;
 		if (t.every((t, n) => {
 			let a = r[n];
-			return "literal" in t ? a === t.literal : a !== f && !c(t.token, a) ? !1 : (i[e++] = a === f ? "" : a, !0);
+			return "literal" in t ? a === t.literal : a !== d && !s(t.token, a) ? !1 : (i[e++] = a === d ? "" : a, !0);
 		})) return i;
 	}
-	if (r.length <= n.length && r.every((e, t) => "token" in n[t] && c(n[t].token, e))) return i.map((e, t) => r[t] ?? "");
+	if (r.length <= n.length && r.every((e, t) => "token" in n[t] && s(n[t].token, e))) return i.map((e, t) => r[t] ?? "");
 	let a = 0;
 	for (let e = 0; e < r.length; e++) {
 		let n = t[e], o = r[e];
@@ -86,125 +86,125 @@ function p(e, t) {
 		if ("literal" in n) {
 			if (o !== n.literal) return;
 		} else {
-			if (o !== f && !c(n.token, o)) return;
-			i[a++] = o === f ? "" : o;
+			if (o !== d && !s(n.token, o)) return;
+			i[a++] = o === d ? "" : o;
 		}
 	}
 	return i;
 }
-function m(e, t) {
+function p(e, t) {
 	let n = "", r = 0, i = [], a = [];
-	for (let o of t) "literal" in o ? n += o.literal : (i.push(n.length), n += e[r++] || f, a.push(n.length));
+	for (let o of t) "literal" in o ? n += o.literal : (i.push(n.length), n += e[r++] || d, a.push(n.length));
 	return {
 		value: n,
 		starts: i,
 		ends: a
 	};
 }
-function h(e, t) {
-	let n = s(t.mask);
+function m(e, t) {
+	let n = o(t.mask);
 	if (!n) return e;
-	let r = p(e, n);
-	return r ? m(r, n).value : e;
+	let r = f(e, n);
+	return r ? p(r, n).value : e;
 }
-function g(e, t) {
-	let n = s(t.mask), r = n && p(e, n);
+function h(e, t) {
+	let n = o(t.mask), r = n && f(e, n);
 	if (!n || !r) return e.length;
-	let i = m(r, n), a = r.indexOf("");
+	let i = p(r, n), a = r.indexOf("");
 	return i.starts[a] ?? i.value.length;
 }
-function _(e, t) {
-	let n = u("", t);
+function g(e, t) {
+	let n = l("", t);
 	if (n.error === "configuration") return n;
-	let r = s(t.mask), i = p(e, r);
+	let r = o(t.mask), i = f(e, r);
 	return i ? i.every((e) => !e) ? n : i.some((e) => !e) ? {
 		valid: !1,
 		value: null,
 		raw: null,
 		formatted: null,
 		error: "incomplete"
-	} : u(m(i, r).value, t) : u(e, t);
+	} : l(p(i, r).value, t) : l(e, t);
 }
-function v(e, t, n, r, i, a) {
-	let o = {
+function _(e, t, n, r, i, a) {
+	let c = {
 		value: e,
 		caret: t,
 		accepted: !1
-	}, l = s(a.mask);
-	if (!l) return o;
-	let u = p(e, l);
+	}, l = o(a.mask);
+	if (!l) return c;
+	let u = f(e, l);
 	if (!u) {
-		if (t !== 0 || n !== e.length) return o;
+		if (t !== 0 || n !== e.length) return c;
 		u = l.filter((e) => "token" in e).map(() => "");
 	}
-	let d = m(u, l), f = d.ends.filter((e) => e <= t).length, h = d.starts.filter((e) => e < n).length, g = [...u];
-	for (let e = f; e < h; e++) g[e] = "";
-	let _ = f;
+	let d = p(u, l), m = d.ends.filter((e) => e <= t).length, h = d.starts.filter((e) => e < n).length, g = [...u];
+	for (let e = m; e < h; e++) g[e] = "";
+	let _ = m;
 	if ([
 		"deleteContentBackward",
 		"deleteContentForward",
 		"deleteByCut"
-	].includes(r)) t === n && r !== "deleteByCut" && (_ = r === "deleteContentBackward" ? Math.max(0, f - 1) : f, _ < g.length && (g[_] = ""));
+	].includes(r)) t === n && r !== "deleteByCut" && (_ = r === "deleteContentBackward" ? Math.max(0, m - 1) : m, _ < g.length && (g[_] = ""));
 	else if (r.startsWith("insert") && i !== null) {
-		let e = l.flatMap((e, t) => "token" in e ? [t] : []), r = e[f] ?? l.length, a = l.slice(f === 0 ? 0 : r), s = a.filter((e) => "token" in e), u = Array.from(i), m;
-		if (u.length <= s.length && u.every((e, t) => "token" in s[t] && c(s[t].token, e))) m = u;
+		let e = l.flatMap((e, t) => "token" in e ? [t] : []), r = e[m] ?? l.length, a = l.slice(m === 0 ? 0 : r), o = a.filter((e) => "token" in e), u = Array.from(i), p;
+		if (u.length <= o.length && u.every((e, t) => "token" in o[t] && s(o[t].token, e))) p = u;
 		else {
-			let o = l.slice(f ? e[f - 1] + 1 : 0, r).map((e) => "literal" in e ? e.literal : "").join("");
+			let o = l.slice(m ? e[m - 1] + 1 : 0, r).map((e) => "literal" in e ? e.literal : "").join("");
 			if (t === n && i && o.includes(i)) return {
 				value: d.value,
-				caret: d.starts[f] ?? d.value.length,
+				caret: d.starts[m] ?? d.value.length,
 				accepted: !0
 			};
-			let s = p(i, a);
+			let s = f(i, a);
 			if (s) {
 				let e = s.findLastIndex(Boolean) + 1;
-				s.slice(0, e).every(Boolean) && (m = s.slice(0, e));
+				s.slice(0, e).every(Boolean) && (p = s.slice(0, e));
 			}
 		}
-		if (!m || f + m.length > g.length) return o;
-		m.forEach((e, t) => {
-			g[f + t] = e;
-		}), _ = f + m.length;
-	} else return o;
-	let v = m(g, l);
+		if (!p || m + p.length > g.length) return c;
+		p.forEach((e, t) => {
+			g[m + t] = e;
+		}), _ = m + p.length;
+	} else return c;
+	let v = p(g, l);
 	return {
 		value: v.value,
 		caret: v.starts[_] ?? v.value.length,
 		accepted: !0
 	};
 }
-var y = /* @__PURE__ */ new WeakMap(), b = (e) => ({
+var v = /* @__PURE__ */ new WeakMap(), y = (e) => ({
 	value: e.value,
 	start: e.selectionStart ?? 0,
 	end: e.selectionEnd ?? 0
 });
-function x(e, t, n, r) {
-	let i = v(e.value, e.selectionStart ?? 0, e.selectionEnd ?? e.value.length, t, n, r);
+function b(e, t, n, r) {
+	let i = _(e.value, e.selectionStart ?? 0, e.selectionEnd ?? e.value.length, t, n, r);
 	if (i.accepted) {
 		if (i.value !== e.value) {
-			let t = y.get(e);
+			let t = v.get(e);
 			(!t || t.current !== e.value) && (t = {
 				current: e.value,
 				past: [],
 				future: []
-			}, y.set(e, t)), t.past.push(b(e)), t.past.length > 100 && t.past.shift(), t.future = [], t.current = i.value;
+			}, v.set(e, t)), t.past.push(y(e)), t.past.length > 100 && t.past.shift(), t.future = [], t.current = i.value;
 		}
 		e.value = i.value, e.setSelectionRange(i.caret, i.caret);
 	}
 	return i.accepted;
 }
-function S(e, t) {
-	let n = h(e.value, t);
+function x(e, t) {
+	let n = m(e.value, t);
 	if (n === e.value) return;
-	let r = s(t.mask), i = p(e.value, r);
+	let r = o(t.mask), i = f(e.value, r);
 	if (!i) return;
-	let a = m(i, r), o = (t) => {
-		let i = p(e.value.slice(0, t), r)?.filter(Boolean).length ?? 0;
+	let a = p(i, r), s = (t) => {
+		let i = f(e.value.slice(0, t), r)?.filter(Boolean).length ?? 0;
 		return a.starts[i] ?? n.length;
-	}, c = o(e.selectionStart ?? e.value.length), l = o(e.selectionEnd ?? e.value.length);
+	}, c = s(e.selectionStart ?? e.value.length), l = s(e.selectionEnd ?? e.value.length);
 	e.value = n, e.setSelectionRange(c, l);
 }
-function C(e, t, n) {
+function S(e, t, n) {
 	return t.isComposing || !t.cancelable || ![
 		"insertText",
 		"insertReplacementText",
@@ -212,91 +212,91 @@ function C(e, t, n) {
 		"deleteContentBackward",
 		"deleteContentForward",
 		"deleteByCut"
-	].includes(t.inputType) || t.inputType.startsWith("insert") && t.data === null ? !1 : (t.preventDefault(), x(e, t.inputType, t.data, n), !0);
+	].includes(t.inputType) || t.inputType.startsWith("insert") && t.data === null ? !1 : (t.preventDefault(), b(e, t.inputType, t.data, n), !0);
 }
-function w(e, t, n) {
-	return t.clipboardData ? (t.preventDefault(), x(e, "insertFromPaste", t.clipboardData.getData("text/plain"), n), !0) : !1;
+function C(e, t, n) {
+	return t.clipboardData ? (t.preventDefault(), b(e, "insertFromPaste", t.clipboardData.getData("text/plain"), n), !0) : !1;
 }
-function T(e, t) {
+function w(e, t) {
 	if (t.isComposing || !(t.ctrlKey || t.metaKey) || t.altKey) return !1;
 	let n = t.key.toLowerCase();
 	if (n !== "z" && n !== "y") return !1;
 	t.preventDefault(), t.stopPropagation();
-	let r = y.get(e);
+	let r = v.get(e);
 	if (!r || r.current !== e.value) return !0;
 	let i = n === "y" || t.shiftKey, a = (i ? r.future : r.past).pop();
-	return a && ((i ? r.past : r.future).push(b(e)), r.current = e.value = a.value, e.setSelectionRange(a.start, a.end)), !0;
+	return a && ((i ? r.past : r.future).push(y(e)), r.current = e.value = a.value, e.setSelectionRange(a.start, a.end)), !0;
 }
 //#endregion
 //#region src/masked-input/index.tsx
-var E = {
+var T = {
 	required: "Enter a value.",
 	invalid: "Use only the characters and separators specified by the mask.",
 	incomplete: "Complete every position in the mask.",
 	configuration: "Configure a mask with 0, A, or * positions and valid escapes.",
 	preview: "Formatted value"
 };
-function D({ value: s, options: c, apply: l, cancel: u }) {
-	let [d, f] = i(() => h(String(s ?? ""), c)), [p, m] = i(!1), [g, v] = i(!1), y = r(!1), b = n(), x = {
-		...E,
-		...c.text
-	}, D = _(d, c), O = p || D.error === "invalid" || D.error === "configuration", k = () => {
-		m(!0), !y.current && D.valid && l(D.value);
+function E({ value: o, options: s, apply: c, cancel: l }) {
+	let [u, d] = t(() => m(String(o ?? ""), s)), [f, p] = t(!1), [h, _] = t(!1), v = n(!1), y = e(), b = {
+		...T,
+		...s.text
+	}, E = g(u, s), D = f || E.error === "invalid" || E.error === "configuration", O = () => {
+		p(!0), !v.current && E.valid && c(E.value);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ r("div", {
 		class: "rv-masked-draft",
 		onKeyDown: (e) => {
-			!y.current && e.target instanceof HTMLInputElement && T(e.target, e) ? f(e.target.value) : e.key === "Enter" && (e.ctrlKey || e.metaKey || e.target instanceof HTMLInputElement) && !e.isComposing && !y.current && (e.preventDefault(), k());
+			!v.current && e.target instanceof HTMLInputElement && w(e.target, e) ? d(e.target.value) : e.key === "Enter" && (e.ctrlKey || e.metaKey || e.target instanceof HTMLInputElement) && !e.isComposing && !v.current && (e.preventDefault(), O());
 		},
 		children: [
-			/* @__PURE__ */ a(e, {
+			/* @__PURE__ */ r(i, {
 				type: "text",
-				value: d,
-				"aria-label": c.label ?? "Masked identifier",
-				"aria-invalid": O && !D.valid,
-				"aria-describedby": `${b}-hint${O && D.error ? ` ${b}-error` : ""}`,
-				required: c.required,
-				placeholder: c.placeholder ?? c.mask,
+				value: u,
+				"aria-label": s.label ?? "Masked identifier",
+				"aria-invalid": D && !E.valid,
+				"aria-describedby": `${y}-hint${D && E.error ? ` ${y}-error` : ""}`,
+				required: s.required,
+				placeholder: s.placeholder ?? s.mask,
 				onBeforeInput: (e) => {
-					!y.current && C(e.currentTarget, e, c) && f(e.currentTarget.value);
+					!v.current && S(e.currentTarget, e, s) && d(e.currentTarget.value);
 				},
 				onPaste: (e) => {
-					!y.current && w(e.currentTarget, e, c) && f(e.currentTarget.value);
+					!v.current && C(e.currentTarget, e, s) && d(e.currentTarget.value);
 				},
 				onInput: (e) => {
-					y.current || S(e.currentTarget, c), f(e.currentTarget.value);
+					v.current || x(e.currentTarget, s), d(e.currentTarget.value);
 				},
 				onCompositionStart: () => {
-					y.current = !0, v(!0);
+					v.current = !0, _(!0);
 				},
 				onCompositionEnd: (e) => {
-					y.current = !1, v(!1), S(e.currentTarget, c), f(e.currentTarget.value);
+					v.current = !1, _(!1), x(e.currentTarget, s), d(e.currentTarget.value);
 				}
 			}),
-			/* @__PURE__ */ o("span", {
-				id: `${b}-hint`,
+			/* @__PURE__ */ r("span", {
+				id: `${y}-hint`,
 				class: "rv-masked-draft__preview",
 				children: [
-					x.preview,
+					b.preview,
 					": ",
-					/* @__PURE__ */ a("output", { children: D.formatted ?? c.mask })
+					/* @__PURE__ */ r("output", { children: E.formatted ?? s.mask })
 				]
 			}),
-			O && D.error && /* @__PURE__ */ a("span", {
-				id: `${b}-error`,
+			D && E.error && /* @__PURE__ */ r("span", {
+				id: `${y}-error`,
 				role: "alert",
 				class: "rv-editor-error",
-				children: x[D.error]
+				children: b[E.error]
 			}),
-			/* @__PURE__ */ a(t, {
-				text: c.actions,
-				disabled: !D.valid || g,
-				apply: k,
-				cancel: u,
-				clear: c.required ? void 0 : () => f(h("", c))
+			/* @__PURE__ */ r(a, {
+				text: s.actions,
+				disabled: !E.valid || h,
+				apply: O,
+				cancel: l,
+				clear: s.required ? void 0 : () => d(m("", s))
 			})
 		]
 	});
 }
 //#endregion
-export { D as MaskedDraft, c as acceptsMaskToken, x as applyMaskedEdit, v as editMaskedInput, h as formatMaskedDraft, d as formatMaskedValue, C as handleMaskedBeforeInput, T as handleMaskedHistory, w as handleMaskedPaste, s as maskParts, g as maskedDraftCaret, S as normalizeMaskedInput, _ as parseMaskedDraft, u as parseMaskedInput };
+export { E as MaskedDraft, s as acceptsMaskToken, b as applyMaskedEdit, _ as editMaskedInput, m as formatMaskedDraft, u as formatMaskedValue, S as handleMaskedBeforeInput, w as handleMaskedHistory, C as handleMaskedPaste, o as maskParts, h as maskedDraftCaret, x as normalizeMaskedInput, g as parseMaskedDraft, l as parseMaskedInput };

package/native-control.d.ts

@@ -1,28 +1,29 @@
-import { h, JSX } from 'preact';
+import { Select as SharedSelect } from './select';
+import { h, JSX } from './_vendor/preact/src/index';
 type NativeAttributes<K extends keyof JSX.IntrinsicElements> = Omit<JSX.IntrinsicElements[K], 'class' | 'className' | 'ref'> & {
     class?: JSX.IntrinsicElements[K]['class'] | Record<string, boolean | undefined>;
     className?: JSX.IntrinsicElements[K]['className'];
 };
-/** Transparent adapters preserve native event signatures and DOM refs. */
-export declare const Input: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<NativeAttributes<"input">> & {
-    ref?: import('preact').Ref<HTMLInputElement> | undefined;
+export declare const Input: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<NativeAttributes<"input">> & {
+    ref?: import('./_vendor/preact/src/index').Ref<HTMLInputElement> | undefined;
 }>;
-export declare const Select: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<NativeAttributes<"select">> & {
-    ref?: import('preact').Ref<HTMLSelectElement> | undefined;
+export declare const TextArea: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<NativeAttributes<"textarea">> & {
+    ref?: import('./_vendor/preact/src/index').Ref<HTMLTextAreaElement> | undefined;
 }>;
-export declare const TextArea: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<NativeAttributes<"textarea">> & {
-    ref?: import('preact').Ref<HTMLTextAreaElement> | undefined;
-}>;
-export declare const ButtonControl: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Omit<h.JSX.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "class" | "ref"> & {
+export declare const ButtonControl: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<Omit<h.JSX.ButtonHTMLAttributes<HTMLButtonElement>, "ref" | "className" | "class"> & {
     class?: h.JSX.Signalish<string | undefined> | Record<string, boolean | undefined>;
     className?: h.JSX.Signalish<string | undefined>;
 } & {
     unstyled?: boolean;
     busy?: boolean;
+    rounded?: boolean;
 }> & {
-    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+    ref?: import('./_vendor/preact/src/index').Ref<HTMLButtonElement> | undefined;
 }>;
-export declare const Summary: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<NativeAttributes<"summary">> & {
-    ref?: import('preact').Ref<HTMLElement> | undefined;
+export declare const Summary: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<NativeAttributes<"summary">> & {
+    ref?: import('./_vendor/preact/src/index').Ref<HTMLElement> | undefined;
 }>;
 export { nativeControlTag } from './control-presentation';
+/** Selection uses the shared Dropdown rather than browser-native UI. */
+export declare const Select: typeof SharedSelect;
+export { Fieldset } from './fieldset';

package/native-control.js

@@ -1,26 +1,3 @@
-import { nativeControlTag as e, registerControl as t, renderControl as n } from "./control-presentation.js";
-import { h as r } from "preact";
-import { forwardRef as i } from "preact/compat";
-//#region src/native-control.tsx
-function a(e, t, ...i) {
-	let { onChange: a, ...o } = t, s = n(r, e, o, ...i);
-	return a && !(e === "button" && t.busy) && Object.assign(s.props, { onChange: a }), s;
-}
-var o = t(i((e, t) => a("input", {
-	...e,
-	ref: t
-})), "input"), s = t(i(({ children: e, ...t }, n) => a("select", {
-	...t,
-	ref: n
-}, e)), "select"), c = t(i(({ children: e, ...t }, n) => a("textarea", {
-	...t,
-	ref: n
-}, e)), "textarea"), l = t(i(({ children: e, ...t }, n) => a("button", {
-	...t,
-	ref: n
-}, e)), "button"), u = t(i(({ children: e, ...t }, n) => a("summary", {
-	...t,
-	ref: n
-}, e)), "summary");
-//#endregion
-export { l as ButtonControl, o as Input, s as Select, u as Summary, c as TextArea, e as nativeControlTag };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./_chunks/native-control-B9MNibfa.js";
+import { nativeControlTag as o } from "./control-presentation.js";
+export { a as ButtonControl, r as Fieldset, n as Input, i as Select, t as Summary, e as TextArea, o as nativeControlTag };

package/native-controls.d.ts

@@ -1,2 +1,54 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './native-controls.view';
+/** Renderer-neutral controls shared by native DOM, Stencil and Preact hosts. */
+export type ElementFactory = (...args: any[]) => any;
+export declare function renderLoadingIndicator<H extends ElementFactory>(h: H, options: {
+    className?: string;
+    label?: string;
+    ref?: (element?: HTMLElement) => void;
+    showSpinner?: boolean;
+}): ReturnType<H>;
+export declare function createButtonElement(document: Document, options: {
+    label: string;
+    text?: string;
+    disabled?: boolean;
+    className?: string;
+    onClick?: (event: MouseEvent) => void;
+}): HTMLButtonElement;
+export declare function renderMenuItem<H extends ElementFactory>(h: H, options: {
+    label: string;
+    disabled: boolean;
+    submenu: boolean;
+    onActivate: () => void;
+    style?: string;
+}): ReturnType<H>;
+export declare function renderRatingStars<H extends ElementFactory>(h: H, value: number, maximum?: number): ReturnType<H>[];
+export interface ScalarSliderOptions {
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    hideValue?: boolean;
+    displayValue?: string | number;
+    formatValue?: (value: number) => string | number;
+    thresholdClassNames?: string;
+    thresholds?: readonly {
+        value: number;
+        className: string;
+    }[];
+    label?: string;
+    onChange: (value: number, event: Event) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+}
+/** Shared scalar slider presentation; edit commits and threshold policy are caller-owned. */
+export declare function renderScalarSlider<H extends ElementFactory>(h: H, options: ScalarSliderOptions): ReturnType<H>;
+export interface CounterOptions {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    hideValue?: boolean;
+    onChange: (value: number, event: MouseEvent) => void;
+    decreaseLabel?: string;
+    increaseLabel?: string;
+    onMouseDown?: (event: MouseEvent) => void;
+}
+export declare function renderCounter<H extends ElementFactory>(h: H, options: CounterOptions): ReturnType<H>;