@revolist/ui 4.0.2-rc → 4.0.3-rc

package/form-controls/presentation.js

@@ -1,93 +1,101 @@
 import { i as e, o as t, u as n } from "../_chunks/preact.module-BBM36DnO.js";
-import { i as r } from "../_chunks/hooks.module-CG3gN83z.js";
-import { t as i } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { nativeControlTag as a } from "../control-presentation.js";
-import { createControlId as o } from "../core/control-id.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 { t as o } from "../_chunks/field-context-D57PnBbH.js";
+import { nativeControlTag as s } from "../control-presentation.js";
+import { createControlId as c } from "../core/control-id.js";
 //#region src/form-controls/presentation.tsx
-function s({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: a = "", role: o }) {
-	return /* @__PURE__ */ i("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: o,
-		children: [e, n && /* @__PURE__ */ i("button", {
+		children: [e, n && /* @__PURE__ */ a("button", {
 			type: "button",
-			class: `rv-chip-remove ${a}`.trim(),
+			class: `rv-chip-remove ${i}`.trim(),
 			"aria-label": t,
 			onClick: n,
 			children: "×"
 		})]
 	});
 }
-function c({ label: e, children: t, hint: n, hintId: r, labelId: a = r ? `${r}-label` : void 0 }) {
+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__ */ i("span", {
+		/* @__PURE__ */ a("span", {
 			class: "rv-field__label",
-			id: a,
+			id: i,
 			children: e
 		}),
-		o && r ? u(t, r, a) : t,
-		o ? /* @__PURE__ */ i("span", {
+		o && r ? f(t, r, i) : t,
+		o ? /* @__PURE__ */ a("span", {
 			class: "rv-field__hint",
 			id: r,
 			children: n
 		}) : null
 	];
 }
-function l({ label: e, children: t, hint: n, hintId: a, labelId: s, controlId: l, className: u = "", class: d, ...f }) {
-	let [p] = r(() => o("rv-field"));
-	return /* @__PURE__ */ i("label", {
-		...f,
-		htmlFor: l ?? f.htmlFor,
-		class: [
-			"rv-field",
-			u,
-			d
-		].filter(Boolean).join(" "),
-		children: c({
-			label: e,
-			children: t,
-			hint: n,
-			labelId: s,
-			hintId: a ?? `rv-field-hint-${p}`
+function d({ label: e, children: t, hint: n, hintId: s, labelId: l, controlId: d, className: f = "", class: p, ...m }) {
+	let [h] = r(() => c("rv-field")), g = i(o), _ = s ?? `rv-field-hint-${h}`, v = l ?? `${_}-label`;
+	return /* @__PURE__ */ a(o.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 u(r, i, o) {
-	if (Array.isArray(r)) return r.map((e) => u(e, i, o));
+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: u(r.props.children, i, o) });
-	let s = a(r.type);
-	if (!s) return r;
+	if (r.type === e) return t(r, { children: f(r.props.children, i, a) });
+	let o = s(r.type);
+	if (!o) return r;
 	let c = r;
 	if ([
 		"input",
 		"select",
 		"textarea"
-	].includes(s)) {
+	].includes(o)) {
 		let e = new Set(`${c.props["aria-describedby"] ?? ""} ${i}`.trim().split(/\s+/));
 		return t(c, {
 			"aria-describedby": [...e].join(" "),
-			"aria-labelledby": c.props["aria-labelledby"] ?? (c.props["aria-label"] ? void 0 : o)
+			"aria-labelledby": c.props["aria-labelledby"] ?? (c.props["aria-label"] ? void 0 : a)
 		});
 	}
-	return t(c, { children: u(c.props.children, i, o) });
+	return t(c, { children: f(c.props.children, i, a) });
 }
-function d({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: a = "", class: o, ...s }) {
-	let c = t == null ? null : /* @__PURE__ */ i("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__ */ i("summary", {
+	return /* @__PURE__ */ a("summary", {
 		...s,
 		class: [
 			"rv-disclosure-summary",
-			a,
+			i,
 			o
 		].filter(Boolean).join(" "),
 		children: [
 			r === "before" && c,
-			/* @__PURE__ */ i("span", {
+			/* @__PURE__ */ a("span", {
 				class: "rv-disclosure-summary__label",
 				children: e
 			}),
@@ -96,4 +104,4 @@ function d({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "bef
 	});
 }
 //#endregion
-export { d as DisclosureSummary, s as FilterChip, l as FormField, c as renderFormFieldContent };
+export { p as DisclosureSummary, l as FilterChip, d as FormField, u as renderFormFieldContent };

package/formatting/index.js

@@ -2,17 +2,17 @@ import { i as e } from "../_chunks/preact.module-BBM36DnO.js";
 import { i as t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { SvgIcon as r } from "../icons/icon.js";
-import { ButtonControl as i, Input as a, Select as o, Summary as s } from "../native-control.js";
+import { i, l as a, n as o, t as s } from "../_chunks/native-control-C_yok8_-.js";
 import { t as c } from "../_chunks/chevron-down-GbplLa6s.js";
-import { n as l, t as u } from "../_chunks/control-tooltip-ztgmsG7H.js";
+import { n as l, t as u } from "../_chunks/control-tooltip-uscKfAnV.js";
 //#region src/formatting/inspector-section.tsx
-function d({ title: e, icon: i, expandLabel: a, collapseLabel: o, open: u = !1, children: d }) {
-	let [f, p] = t(u), m = f ? o : a, h = l(m);
+function d({ title: e, icon: a, expandLabel: o, collapseLabel: s, open: u = !1, children: d }) {
+	let [f, p] = t(u), m = f ? s : o, h = l(m);
 	return /* @__PURE__ */ n("details", {
 		class: "rv-format-inspector-section",
 		open: f,
 		onToggle: (e) => p(e.currentTarget.open),
-		children: [/* @__PURE__ */ n(s, {
+		children: [/* @__PURE__ */ n(i, {
 			class: "rv-format-inspector-section__summary",
 			"aria-label": m,
 			"aria-expanded": f,
@@ -21,7 +21,7 @@ function d({ title: e, icon: i, expandLabel: a, collapseLabel: o, open: u = !1,
 				/* @__PURE__ */ n("span", {
 					class: "rv-format-inspector-section__title",
 					children: [/* @__PURE__ */ n(r, {
-						svg: i,
+						svg: a,
 						className: "rv-format-icon"
 					}), e]
 				}),
@@ -64,16 +64,16 @@ function m({ value: e, label: t, icon: r, onChange: i }) {
 		onClick: () => i(!e)
 	});
 }
-function h({ selected: e, label: t, icon: r, onClick: a }) {
-	let o = l(t);
-	return /* @__PURE__ */ n(i, {
+function h({ selected: e, label: t, icon: r, onClick: i }) {
+	let a = l(t);
+	return /* @__PURE__ */ n(s, {
 		type: "button",
 		class: `rv-format-segmented__button${e ? " rv-format-segmented__button--selected" : ""}`,
 		"aria-label": t,
 		"aria-pressed": e,
-		onClick: a,
-		...o.triggerProps,
-		children: [/* @__PURE__ */ n(f, { icon: r }), o.tooltip]
+		onClick: i,
+		...a.triggerProps,
+		children: [/* @__PURE__ */ n(f, { icon: r }), a.tooltip]
 	});
 }
 //#endregion
@@ -94,24 +94,28 @@ function _({ value: t, fonts: r = g, labels: i, icons: s, onChange: c }) {
 			children: [/* @__PURE__ */ n("span", {
 				class: "rv-field__label",
 				children: i.fontFamily
-			}), /* @__PURE__ */ n(o, {
-				class: "rv-control",
+			}), /* @__PURE__ */ n(a, {
+				className: "rv-select",
 				value: t.fontFamily ?? "",
-				onChange: (e) => c({ fontFamily: e.currentTarget.value || void 0 }),
-				children: [/* @__PURE__ */ n("option", {
+				source: [{
 					value: "",
-					children: i.defaultFont
-				}), r.map((e) => /* @__PURE__ */ n("option", {
+					label: i.defaultFont
+				}, ...r.map((e) => ({
 					value: e,
-					children: e
-				}, e))]
+					label: e
+				}))],
+				config: {
+					ariaLabel: i.fontFamily,
+					topLayer: !0
+				},
+				onChange: (e) => c({ fontFamily: String(e) || void 0 })
 			})]
 		}), /* @__PURE__ */ n("label", {
 			class: "rv-field",
 			children: [/* @__PURE__ */ n("span", {
 				class: "rv-field__label",
 				children: i.fontSize
-			}), /* @__PURE__ */ n(a, {
+			}), /* @__PURE__ */ n(o, {
 				type: "number",
 				class: "rv-control",
 				min: 8,