@revolist/ui 4.0.1-rc → 4.0.1

package/filter-controls.js

@@ -1,46 +1,45 @@
-import { ButtonControl as e, TextArea as t } from "./native-control.js";
-import { Legend as n } from "./legend.js";
-import { useRef as r } from "preact/hooks";
-import { jsx as i, jsxs as a } from "preact/jsx-runtime";
+import { t as e } from "./_chunks/hooks.module-CG3gN83z.js";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { a as n, t as r } from "./_chunks/native-control-B9MNibfa.js";
 //#region src/filter-controls.tsx
-function o({ label: t, detail: n, selected: r, className: o = "", detailClassName: s = "", ...c }) {
-	return /* @__PURE__ */ a(e, {
-		...c,
-		class: `rv-option-button ${o}`,
-		"aria-pressed": r,
-		children: [/* @__PURE__ */ i("strong", { children: t }), /* @__PURE__ */ i("span", {
-			class: `rv-option-button__detail ${s}`,
+function i({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
+	return /* @__PURE__ */ t(r, {
+		...s,
+		class: `rv-option-button ${a}`,
+		"aria-pressed": i,
+		children: [/* @__PURE__ */ t("strong", { children: e }), /* @__PURE__ */ t("span", {
+			class: `rv-option-button__detail ${o}`,
 			children: n
 		})]
 	});
 }
-function s({ highlight: e, className: n = "", inputClassName: o = "", highlightClassName: s = "", ...c }) {
-	let l = r(null);
-	return /* @__PURE__ */ a("div", {
-		class: `rv-highlighted-input ${n}`,
-		"data-invalid": c["aria-invalid"] || void 0,
-		children: [/* @__PURE__ */ i("pre", {
-			class: `rv-highlighted-input__highlight ${s}`,
+function a({ highlight: r, className: i = "", inputClassName: a = "", highlightClassName: o = "", ...s }) {
+	let c = e(null);
+	return /* @__PURE__ */ t("div", {
+		class: `rv-highlighted-input ${i}`,
+		"data-invalid": s["aria-invalid"] || void 0,
+		children: [/* @__PURE__ */ t("pre", {
+			class: `rv-highlighted-input__highlight ${o}`,
 			"aria-hidden": "true",
-			ref: l,
-			children: e
-		}), /* @__PURE__ */ i(t, {
-			...c,
-			class: `rv-highlighted-input__input ${o}`,
-			spellcheck: c.spellcheck ?? !1,
+			ref: c,
+			children: r
+		}), /* @__PURE__ */ t(n, {
+			...s,
+			class: `rv-highlighted-input__input ${a}`,
+			spellcheck: s.spellcheck ?? !1,
 			onScroll: (e) => {
-				l.current && (l.current.scrollTop = e.currentTarget.scrollTop, l.current.scrollLeft = e.currentTarget.scrollLeft), c.onScroll?.(e);
+				c.current && (c.current.scrollTop = e.currentTarget.scrollTop, c.current.scrollLeft = e.currentTarget.scrollLeft), s.onScroll?.(e);
 			}
 		})]
 	});
 }
-function c({ children: e, className: t = "", label: n }) {
-	return /* @__PURE__ */ i("div", {
+function o({ children: e, className: n = "", label: r }) {
+	return /* @__PURE__ */ t("div", {
 		role: "group",
-		"aria-label": n,
-		class: `rv-inline-field-group ${t}`,
+		"aria-label": r,
+		class: `rv-inline-field-group ${n}`,
 		children: e
 	});
 }
 //#endregion
-export { s as HighlightedTextInput, c as InlineFieldGroup, n as Legend, o as OptionButton };
+export { a as HighlightedTextInput, o as InlineFieldGroup, i as OptionButton };

package/form-controls/field-context.d.ts

@@ -0,0 +1,5 @@
+export declare const FormFieldContext: import('../_vendor/preact/src/index').Context<{
+    labelId?: string;
+    hintId?: string;
+    disabled?: boolean;
+}>;

package/form-controls/index.d.ts

@@ -1,2 +1,10 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './index.view';
+export interface FormFieldOptions {
+    readonly label: string;
+    readonly control: HTMLElement;
+    readonly hint?: string;
+    readonly className?: string;
+}
+export declare function createFormField(document: Document, options: FormFieldOptions): HTMLLabelElement;
+export declare function createTextControl(document: Document, placeholder: string): HTMLInputElement;
+/** DOM counterpart of Dropdown; callers own its lifetime. */
+export { createDropdownControl } from '../dropdown/control';

package/form-controls/index.js

@@ -1,39 +1,34 @@
-import { createPreactElement as e } from "../preact-mount.js";
-import { Input as t, Select as n } from "../native-control.js";
-import { jsx as r, jsxs as i } from "preact/jsx-runtime";
-//#region src/form-controls/index.view.tsx
-function a(t, n) {
-	return e(t, /* @__PURE__ */ i("label", {
-		class: ["rv-field", n.className].filter(Boolean).join(" "),
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as t } from "../preact-mount.js";
+import { n } from "../_chunks/native-control-B9MNibfa.js";
+import { t as r } from "../_chunks/control-CbOYUakE.js";
+//#region src/form-controls/index.tsx
+function i(n, r) {
+	return t(n, /* @__PURE__ */ e("label", {
+		class: ["rv-field", r.className].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ e("span", {
 				class: "rv-field__label",
-				children: n.label
+				children: r.label
 			}),
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ e("span", {
 				style: { display: "contents" },
 				ref: (e) => {
-					e && e.append(n.control);
+					e && e.append(r.control);
 				}
 			}),
-			n.hint && /* @__PURE__ */ r("span", {
+			r.hint && /* @__PURE__ */ e("span", {
 				class: "rv-field__hint",
-				children: n.hint
+				children: r.hint
 			})
 		]
 	}));
 }
-function o(n, i) {
-	return e(n, /* @__PURE__ */ r(t, {
+function a(r, i) {
+	return t(r, /* @__PURE__ */ e(n, {
 		type: "text",
 		placeholder: i
 	}));
 }
-function s(t, i) {
-	return e(t, /* @__PURE__ */ r(n, { children: i.map((e) => /* @__PURE__ */ r("option", {
-		value: e.value,
-		children: e.label
-	}, e.value)) }));
-}
 //#endregion
-export { a as createFormField, s as createSelectControl, o as createTextControl };
+export { r as createDropdownControl, i as createFormField, a as createTextControl };

package/form-controls/presentation.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 export type FilterChipProps = {
     readonly children: ComponentChildren;
     readonly removeLabel?: string;
@@ -8,7 +8,7 @@ export type FilterChipProps = {
     readonly role?: 'listitem';
 };
 /** Removable chip shell; consumers retain filter policy and label/detail slots. */
-export declare function FilterChip({ children, removeLabel, onRemove, className, removeClassName, role }: FilterChipProps): h.JSX.Element;
+export declare function FilterChip({ children, removeLabel, onRemove, className, removeClassName, role, }: FilterChipProps): h.JSX.Element;
 export interface FormFieldContentOptions {
     readonly label: ComponentChildren;
     readonly children: ComponentChildren;

package/form-controls/presentation.js

@@ -1,14 +1,15 @@
-import { nativeControlTag as e } from "../control-presentation.js";
-import { createControlId as t } from "../core/control-id.js";
-import { Fragment as n, cloneElement as r, isValidElement as i } from "preact";
-import { useState as a } from "preact/hooks";
-import { jsx as o, jsxs as s } from "preact/jsx-runtime";
+import { i as e, o as t, u as n } from "../_chunks/preact.module-BBM36DnO.js";
+import { i as r, s as i } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as a } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { createControlId as o } from "../core/control-id.js";
+import { t as s } from "../_chunks/field-context-D57PnBbH.js";
+import { nativeControlTag as c } from "../control-presentation.js";
 //#region src/form-controls/presentation.tsx
-function c({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: a }) {
-	return /* @__PURE__ */ s("span", {
+function l({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: o }) {
+	return /* @__PURE__ */ a("span", {
 		class: `rv-btn-pill ${r}`.trim(),
-		role: a,
-		children: [e, n && /* @__PURE__ */ o("button", {
+		role: o,
+		children: [e, n && /* @__PURE__ */ a("button", {
 			type: "button",
 			class: `rv-chip-remove ${i}`.trim(),
 			"aria-label": t,
@@ -17,83 +18,90 @@ function c({ children: e, removeLabel: t, onRemove: n, className: r = "", remove
 		})]
 	});
 }
-function l({ label: e, children: t, hint: n, hintId: r, labelId: i = r ? `${r}-label` : void 0 }) {
-	let a = n != null && n !== !1;
+function u({ label: e, children: t, hint: n, hintId: r, labelId: i = r ? `${r}-label` : void 0 }) {
+	let o = n != null && n !== !1;
 	return [
-		/* @__PURE__ */ o("span", {
+		/* @__PURE__ */ a("span", {
 			class: "rv-field__label",
 			id: i,
 			children: e
 		}),
-		a && r ? d(t, r, i) : t,
-		a ? /* @__PURE__ */ o("span", {
+		o && r ? f(t, r, i) : t,
+		o ? /* @__PURE__ */ a("span", {
 			class: "rv-field__hint",
 			id: r,
 			children: n
 		}) : null
 	];
 }
-function u({ label: e, children: n, hint: r, hintId: i, labelId: s, controlId: c, className: u = "", class: d, ...f }) {
-	let [p] = a(() => t("rv-field"));
-	return /* @__PURE__ */ o("label", {
-		...f,
-		htmlFor: c ?? f.htmlFor,
-		class: [
-			"rv-field",
-			u,
-			d
-		].filter(Boolean).join(" "),
-		children: l({
-			label: e,
-			children: n,
-			hint: r,
-			labelId: s,
-			hintId: i ?? `rv-field-hint-${p}`
+function d({ label: e, children: t, hint: n, hintId: c, labelId: l, controlId: d, className: f = "", class: p, ...m }) {
+	let [h] = r(() => o("rv-field")), g = i(s), _ = c ?? `rv-field-hint-${h}`, v = l ?? `${_}-label`;
+	return /* @__PURE__ */ a(s.Provider, {
+		value: {
+			disabled: g.disabled,
+			labelId: v,
+			hintId: n == null || n === !1 ? void 0 : _
+		},
+		children: /* @__PURE__ */ a("label", {
+			...m,
+			htmlFor: d ?? m.htmlFor,
+			class: [
+				"rv-field",
+				f,
+				p
+			].filter(Boolean).join(" "),
+			children: u({
+				label: e,
+				children: t,
+				hint: n,
+				labelId: v,
+				hintId: _
+			})
 		})
 	});
 }
-function d(t, a, o) {
-	if (Array.isArray(t)) return t.map((e) => d(e, a, o));
-	if (!i(t)) return t;
-	if (t.type === n) return r(t, { children: d(t.props.children, a, o) });
-	let s = e(t.type);
-	if (!s) return t;
-	let c = t;
+function f(r, i, a) {
+	if (Array.isArray(r)) return r.map((e) => f(e, i, a));
+	if (!n(r)) return r;
+	if (r.type === e) return t(r, { children: f(r.props.children, i, a) });
+	let o = c(r.type);
+	if (!o) return r;
+	let s = r;
 	if ([
 		"input",
 		"select",
 		"textarea"
-	].includes(s)) {
-		let e = new Set(`${c.props["aria-describedby"] ?? ""} ${a}`.trim().split(/\s+/));
-		return r(c, {
+	].includes(o)) {
+		let e = new Set(`${s.props["aria-describedby"] ?? ""} ${i}`.trim().split(/\s+/));
+		return t(s, {
 			"aria-describedby": [...e].join(" "),
-			"aria-labelledby": c.props["aria-labelledby"] ?? (c.props["aria-label"] ? void 0 : o)
+			"aria-labelledby": s.props["aria-labelledby"] ?? (s.props["aria-label"] ? void 0 : a)
 		});
 	}
-	return r(c, { children: d(c.props.children, a, o) });
+	return t(s, { children: f(s.props.children, i, a) });
 }
-function f({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: i = "", class: a, ...c }) {
-	let l = t == null ? null : /* @__PURE__ */ o("span", {
+function p({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: i = "", class: o, ...s }) {
+	let c = t == null ? null : /* @__PURE__ */ a("span", {
 		class: ["rv-disclosure-summary__icon", n].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: t
 	});
-	return /* @__PURE__ */ s("summary", {
-		...c,
+	return /* @__PURE__ */ a("summary", {
+		...s,
 		class: [
 			"rv-disclosure-summary",
 			i,
-			a
+			o
 		].filter(Boolean).join(" "),
 		children: [
-			r === "before" && l,
-			/* @__PURE__ */ o("span", {
+			r === "before" && c,
+			/* @__PURE__ */ a("span", {
 				class: "rv-disclosure-summary__label",
 				children: e
 			}),
-			r === "after" && l
+			r === "after" && c
 		]
 	});
 }
 //#endregion
-export { f as DisclosureSummary, c as FilterChip, u as FormField, l as renderFormFieldContent };
+export { p as DisclosureSummary, l as FilterChip, d as FormField, u as renderFormFieldContent };

package/formatting/comparison-preview.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 /** Pure comparison presentation; the caller formats values and styles. */
 export declare function ComparisonPreview({ originalValue, formatted, formattedStyle, visual, formattedClassName, labels, }: {
     readonly originalValue: string;

package/formatting/icon-controls.d.ts

@@ -1,4 +1,4 @@
-import { h } from 'preact';
+import { h } from '../_vendor/preact/src/index';
 export interface SegmentedOption<Value extends string> {
     readonly value: Value;
     readonly label: string;

package/formatting/index.d.ts

@@ -1,4 +1,4 @@
-export * from './control-tooltip';
+export { useTooltip, useControlTooltip, ControlTooltip } from '../core/tooltip';
 export * from './inspector-section';
 export * from './icon-controls';
 export * from './typography-controls';