@revolist/ui 4.0.4-rc → 4.0.4

package/filter/filters/slider/_slider.scss

@@ -17,23 +17,6 @@
       color: var(--text-color, var(--rv-ui-text-muted));
     }
 
-    .slider-tooltip {
-      position: absolute;
-      top: -40px;
-      transform: translateX(-50%);
-      background: var(--tooltip-bg, var(--rv-ui-text));
-      color: var(--tooltip-color, var(--rv-ui-surface));
-      padding: 2px 6px;
-      border-radius: 3px;
-      font-size: 12px;
-      line-height: 18px;
-      opacity: 0;
-      transition: opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
-      pointer-events: none;
-      white-space: nowrap;
-      z-index: 10;
-    }
-
     .range-inputs {
       display: grid;
       grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
@@ -72,7 +55,11 @@
     top: 0;
     margin: 0;
     border-radius: 999px;
-    background: linear-gradient(var(--slider-color, var(--rv-ui-border)), var(--slider-color, var(--rv-ui-border))) center / 100% 4px no-repeat;
+    background: linear-gradient(
+        var(--slider-color, var(--rv-ui-border)),
+        var(--slider-color, var(--rv-ui-border))
+      )
+      center / 100% 4px no-repeat;
     pointer-events: none;
 
     &:focus-visible {
@@ -85,41 +72,59 @@
       z-index: 1;
     }
 
-    $size: 24px;
-
     &::-webkit-slider-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
 
       &:hover {
-        background: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
+        background: var(
+          --revo-grid-filter-control-thumb-bg,
+          var(--rv-ui-surface)
+        );
       }
 
       &:active {
         box-shadow:
           0 1px 3px var(--rv-ui-shadow),
-          0 0 0 4px color-mix(in srgb, var(--range-color, var(--rv-ui-accent)) 18%, transparent);
+          0 0 0 4px
+            color-mix(
+              in srgb,
+              var(--range-color, var(--rv-ui-accent)) 18%,
+              transparent
+            );
       }
     }
 
     &::-moz-range-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
     }
   }
@@ -129,4 +134,7 @@
   }
 }
 
-.rv-single-slider:disabled { opacity: .55; cursor: not-allowed; }
+.rv-single-slider:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

package/filter/filters/slider/component.js

@@ -2,7 +2,7 @@ import { formatSliderInputValue as e, formatSliderValue as t, normalizeSliderSta
 import { syncVisuals as o } from "./runtime.js";
 import { renderSliderControl as s } from "./control.js";
 import { renderRangeInputs as c } from "./inputs.js";
-//#region src/filter/filters/slider/component.ts
+//#region package/filter/filters/slider/component.ts
 function l(e, t) {
 	let { fromValueInt: n, toValueInt: r } = t.state, { scaleFactor: i } = t;
 	return e("div", { className: "range-values" }, e("span", { ref: (e) => {

package/filter/filters/slider/control.js

@@ -1,6 +1,6 @@
 import { normalizeFromSlider as e, normalizeToSlider as t } from "./logic.js";
 import { emitRangeChange as n, emitRangeCommit as r, hideTooltip as i, setToggleAccessible as a, updateTooltip as o } from "./runtime.js";
-//#region src/filter/filters/slider/control.ts
+//#region package/filter/filters/slider/control.ts
 var s = /* @__PURE__ */ new WeakMap();
 function c(e, t) {
 	let n = s.get(e);
@@ -12,6 +12,7 @@ function l(r, s) {
 	let l = [], { minInt: u, maxInt: d, fromValueInt: f, toValueInt: p } = s.state;
 	return s.showTooltips && l.push(r("div", {
 		className: "slider-tooltip",
+		hidden: !0,
 		ref: (e) => s.refs.fromTooltip = e
 	})), l.push(r("input", {
 		ref: (e) => {
@@ -33,6 +34,7 @@ function l(r, s) {
 		onMouseOut: () => s.showTooltips && s.refs.fromTooltip && i(s.refs.fromTooltip)
 	})), s.showTooltips && l.push(r("div", {
 		className: "slider-tooltip",
+		hidden: !0,
 		ref: (e) => s.refs.toTooltip = e
 	})), l.push(r("input", {
 		ref: (e) => {

package/filter/filters/slider/inputs.js

@@ -1,7 +1,7 @@
 import { renderControl as e } from "../../../control-presentation.js";
 import { normalizeFromInputValue as t, normalizeToInputValue as n, unscaleSliderValue as r } from "./logic.js";
 import { emitRangeChange as i, preventInvalidNumberKey as a } from "./runtime.js";
-//#region src/filter/filters/slider/inputs.ts
+//#region package/filter/filters/slider/inputs.ts
 function o(o, s) {
 	let { fromValueInt: c, toValueInt: l } = s.state, u = {
 		type: "text",

package/filter/filters/slider/logic.js

@@ -1,4 +1,4 @@
-//#region src/filter/filters/slider/logic.ts
+//#region package/filter/filters/slider/logic.ts
 var e = 100;
 function t(e, t = 100) {
 	return Math.round(Number(e) * t);

package/filter/filters/slider/preact.js

@@ -1,6 +1,6 @@
 import { c as e } from "../../../_chunks/preact.module-BBM36DnO.js";
 import { renderRangeSlider as t } from "./component.js";
-//#region src/filter/filters/slider/preact.tsx
+//#region package/filter/filters/slider/preact.tsx
 function n(n) {
 	return t(e, n);
 }

package/filter/filters/slider/runtime.js

@@ -1,27 +1,54 @@
-import { toSliderRange as e, unscaleSliderValue as t } from "./logic.js";
-//#region src/filter/filters/slider/runtime.ts
-function n(t) {
-	return e(Number(t.refs.fromSlider?.value ?? t.state.fromValueInt), Number(t.refs.toSlider?.value ?? t.state.toValueInt), t.scaleFactor);
+import { c as e, r as t, t as n } from "../../../_chunks/top-layer-popup-CKJ7VJOF.js";
+import { n as r, t as i } from "../../../_chunks/tooltip-owner-BYho-vJl.js";
+import { createControlId as a } from "../../../core/control-id.js";
+import { toSliderRange as o, unscaleSliderValue as s } from "./logic.js";
+//#region package/filter/filters/slider/runtime.ts
+function c(e) {
+	return o(Number(e.refs.fromSlider?.value ?? e.state.fromValueInt), Number(e.refs.toSlider?.value ?? e.state.toValueInt), e.scaleFactor);
 }
-function r(e) {
-	let { fromValue: t, toValue: r } = n(e), i = e.formatFromValue(t), a = e.formatToValue(r);
-	e.refs.fromLabel && (e.refs.fromLabel.textContent = i), e.refs.toLabel && (e.refs.toLabel.textContent = a), e.refs.fromInput && (e.refs.fromInput.value = e.formatInputValue(t)), e.refs.toInput && (e.refs.toInput.value = e.formatInputValue(r)), e.refs.fromSlider?.setAttribute("aria-valuetext", i), e.refs.toSlider?.setAttribute("aria-valuetext", a);
+function l(e) {
+	let { fromValue: t, toValue: n } = c(e), r = e.formatFromValue(t), i = e.formatToValue(n);
+	e.refs.fromLabel && (e.refs.fromLabel.textContent = r), e.refs.toLabel && (e.refs.toLabel.textContent = i), e.refs.fromInput && (e.refs.fromInput.value = e.formatInputValue(t)), e.refs.toInput && (e.refs.toInput.value = e.formatInputValue(n)), e.refs.fromSlider?.setAttribute("aria-valuetext", r), e.refs.toSlider?.setAttribute("aria-valuetext", i);
 }
-function i(e, n, r, i, o = 100) {
-	n.textContent = i(t(Number(e.value), o));
-	let s = r.maxInt - r.minInt || 1, c = (Number(e.value) - r.minInt) / s * 100, l = n.parentElement?.getBoundingClientRect(), u = n.getBoundingClientRect();
-	l && u ? n.style.left = `${a(c, l.width, u.width)}px` : n.style.left = `${c}%`, n.style.opacity = "1";
+var u = /* @__PURE__ */ new WeakMap();
+function d(n, r, o, c, l = 100) {
+	if (r.textContent = c(s(Number(n.value), l)), e(r), !u.has(r)) {
+		r.id ||= a("rv-tooltip");
+		let e = n.getAttribute("aria-describedby");
+		n.setAttribute("aria-describedby", [e, r.id].filter(Boolean).join(" ")), r.hidden = !1, Object.assign(r.style, {
+			position: "fixed",
+			inset: "auto",
+			margin: "0",
+			transform: "none"
+		});
+		let o = t(r, "block"), s = n.ownerDocument.defaultView?.MutationObserver, c = s ? new s(() => {
+			n.isConnected || p(r);
+		}) : void 0;
+		c?.observe(n.ownerDocument, {
+			childList: !0,
+			subtree: !0
+		}), u.set(r, {
+			mode: o,
+			slider: n,
+			original: e,
+			disconnect: () => c?.disconnect()
+		}), i(n.ownerDocument, r, () => p(r));
+	}
+	let d = o.maxInt - o.minInt || 1, m = (Number(n.value) - o.minInt) / d * 100, h = r.parentElement?.getBoundingClientRect(), g = r.getBoundingClientRect();
+	h && g ? (r.style.left = `${h.left + f(m, h.width, g.width) - g.width / 2}px`, r.style.top = `${Math.max(8, h.top - g.height - 8)}px`) : r.style.left = `${m}%`, r.style.opacity = "1";
 }
-function a(e, t, n, r = 8) {
+function f(e, t, n, r = 8) {
 	let i = n / 2, a = r + i, o = t - r - i;
 	if (a > o) return t / 2;
 	let s = Math.min(Math.max(e, 0), 100) / 100 * t;
 	return Math.min(Math.max(s, a), o);
 }
-function o(e) {
+function p(e) {
 	e.style.opacity = "0";
+	let t = u.get(e);
+	t && (t.disconnect?.(), n(e, t.mode), e.hidden = !0, t.original === null ? t.slider.removeAttribute("aria-describedby") : t.slider.setAttribute("aria-describedby", t.original), u.delete(e), r(e.ownerDocument, e));
 }
-function s(e, t, n) {
+function m(e, t, n) {
 	let r = getComputedStyle(n), i = r.getPropertyValue("--slider-color").trim() || r.getPropertyValue("--rv-ui-border").trim() || "var(--rv-ui-border)", a = r.getPropertyValue("--range-color").trim() || r.getPropertyValue("--rv-ui-accent").trim() || "var(--rv-ui-accent)", o = parseInt(t.max, 10) - parseInt(t.min, 10) || 1, s = parseInt(e.value, 10) - parseInt(e.min, 10), c = parseInt(t.value, 10) - parseInt(t.min, 10), l = s / o * 100, u = c / o * 100;
 	n.style.background = `linear-gradient(
         to right,
@@ -32,20 +59,20 @@ function s(e, t, n) {
         ${i} ${u}%,
         ${i} 100%) center / 100% 4px no-repeat`;
 }
-function c(e) {
+function h(e) {
 	let { fromSlider: t, toSlider: n } = e.refs;
-	t && n && (s(t, n, n), r(e));
+	t && n && (m(t, n, n), l(e));
 }
-function l(e) {
+function g(e) {
 	e.refs.toSlider && (e.refs.toSlider.style.zIndex = Number(e.refs.toSlider.value) <= e.state.minInt ? "2" : "0");
 }
-function u(e) {
-	e.onRangeChange(n(e));
+function _(e) {
+	e.onRangeChange(c(e));
 }
-function d(e) {
-	e.onRangeCommit?.(n(e));
+function v(e) {
+	e.onRangeCommit?.(c(e));
 }
-function f(e) {
+function y(e) {
 	e.metaKey || e.ctrlKey || [
 		"ArrowDown",
 		"ArrowLeft",
@@ -60,4 +87,4 @@ function f(e) {
 	].includes(e.key) || /^[\d.,-]$/.test(e.key) || e.preventDefault();
 }
 //#endregion
-export { u as emitRangeChange, d as emitRangeCommit, s as fillSlider, n as getCurrentRange, a as getTooltipCenterPosition, o as hideTooltip, f as preventInvalidNumberKey, l as setToggleAccessible, r as syncRangeText, c as syncVisuals, i as updateTooltip };
+export { _ as emitRangeChange, v as emitRangeCommit, m as fillSlider, c as getCurrentRange, f as getTooltipCenterPosition, p as hideTooltip, y as preventInvalidNumberKey, g as setToggleAccessible, l as syncRangeText, h as syncVisuals, d as updateTooltip };

package/filter/filters/slider/single.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../../../_chunks/native-control-C_yok8_-.js";
-//#region src/filter/filters/slider/single.tsx
+import { n as t } from "../../../_chunks/native-control-um1L1wgZ.js";
+//#region package/filter/filters/slider/single.tsx
 function n({ min: n, max: r, value: i, step: a = 1, disabled: o = !1, id: s, className: c = "", ariaLabel: l, ariaValueText: u, ariaDescribedBy: d, onChange: f, onCommit: p, onKeyDown: m }) {
 	let h = r - n, g = h > 0 ? Math.max(0, Math.min(100, (i - n) / h * 100)) : 0;
 	return /* @__PURE__ */ e(t, {

package/filter-badge.js

@@ -1,8 +1,8 @@
 import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { a as t } from "./_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as r, t as i } from "./_chunks/choice-chips-CHQTUdLs.js";
-//#region src/filter-badge.tsx
+import { n as r, t as i } from "./_chunks/choice-chips-C5OxD0GV.js";
+//#region package/filter-badge.tsx
 function a(e) {
 	return /* @__PURE__ */ n(r, {
 		...e,

package/filter-controls.d.ts

@@ -7,7 +7,6 @@ export declare function OptionButton({ label, detail, selected, className, detai
     className?: string;
     detailClassName?: string;
 }): h.JSX.Element;
-export { Legend, type LegendItem } from './legend';
 /** Caller supplies highlighting; UI owns overlay geometry and scroll synchronization. */
 export declare function HighlightedTextInput({ highlight, className, inputClassName, highlightClassName, ...props }: Omit<JSX.IntrinsicElements['textarea'], 'className'> & {
     highlight: ComponentChildren;

package/filter-controls.js

@@ -1,9 +1,8 @@
 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-C_yok8_-.js";
-import { Legend as i } from "./legend.js";
-//#region src/filter-controls.tsx
-function a({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
+import { a as n, t as r } from "./_chunks/native-control-um1L1wgZ.js";
+//#region package/filter-controls.tsx
+function i({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
 	return /* @__PURE__ */ t(r, {
 		...s,
 		class: `rv-option-button ${a}`,
@@ -14,7 +13,7 @@ function a({ label: e, detail: n, selected: i, className: a = "", detailClassNam
 		})]
 	});
 }
-function o({ highlight: r, className: i = "", inputClassName: a = "", highlightClassName: o = "", ...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}`,
@@ -34,7 +33,7 @@ function o({ highlight: r, className: i = "", inputClassName: a = "", highlightC
 		})]
 	});
 }
-function s({ children: e, className: n = "", label: r }) {
+function o({ children: e, className: n = "", label: r }) {
 	return /* @__PURE__ */ t("div", {
 		role: "group",
 		"aria-label": r,
@@ -43,4 +42,4 @@ function s({ children: e, className: n = "", label: r }) {
 	});
 }
 //#endregion
-export { o as HighlightedTextInput, s as InlineFieldGroup, i as Legend, a as OptionButton };
+export { a as HighlightedTextInput, o as InlineFieldGroup, i as OptionButton };

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,10 +1,10 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../_chunks/native-control-C_yok8_-.js";
-import { createPreactElement as n } from "../preact-mount.js";
-import { t as r } from "../_chunks/control-AHKXD5Eu.js";
-//#region src/form-controls/index.view.tsx
-function i(t, r) {
-	return n(t, /* @__PURE__ */ e("label", {
+import { createPreactElement as t } from "../preact-mount.js";
+import { n } from "../_chunks/native-control-um1L1wgZ.js";
+import { t as r } from "../_chunks/control-BRfF5DWQ.js";
+//#region package/form-controls/index.tsx
+function i(n, r) {
+	return t(n, /* @__PURE__ */ e("label", {
 		class: ["rv-field", r.className].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ e("span", {
@@ -25,7 +25,7 @@ function i(t, r) {
 	}));
 }
 function a(r, i) {
-	return n(r, /* @__PURE__ */ e(t, {
+	return t(r, /* @__PURE__ */ e(n, {
 		type: "text",
 		placeholder: i
 	}));

package/form-controls/presentation.d.ts

@@ -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,10 +1,10 @@
 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 { 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
+import { createControlId as o } from "../core/control-id.js";
+import { t as s } from "../_chunks/field-context-C4_WrO2z.js";
+import { nativeControlTag as c } from "../control-presentation.js";
+//#region package/form-controls/presentation.tsx
 function l({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: o }) {
 	return /* @__PURE__ */ a("span", {
 		class: `rv-btn-pill ${r}`.trim(),
@@ -34,9 +34,9 @@ function u({ label: e, children: t, hint: n, hintId: r, labelId: i = r ? `${r}-l
 		}) : null
 	];
 }
-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, {
+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,
@@ -64,21 +64,21 @@ 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 = s(r.type);
+	let o = c(r.type);
 	if (!o) return r;
-	let c = r;
+	let s = r;
 	if ([
 		"input",
 		"select",
 		"textarea"
 	].includes(o)) {
-		let e = new Set(`${c.props["aria-describedby"] ?? ""} ${i}`.trim().split(/\s+/));
-		return t(c, {
+		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 : a)
+			"aria-labelledby": s.props["aria-labelledby"] ?? (s.props["aria-label"] ? void 0 : a)
 		});
 	}
-	return t(c, { children: f(c.props.children, i, a) });
+	return t(s, { children: f(s.props.children, i, a) });
 }
 function p({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: i = "", class: o, ...s }) {
 	let c = t == null ? null : /* @__PURE__ */ a("span", {

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';

package/formatting/index.js

@@ -2,12 +2,13 @@ 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 { i, l as a, n as o, t as s } from "../_chunks/native-control-C_yok8_-.js";
+import { i, l as a, n as o, t as s } from "../_chunks/native-control-um1L1wgZ.js";
 import { t as c } from "../_chunks/chevron-down-GbplLa6s.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: a, expandLabel: o, collapseLabel: s, open: u = !1, children: d }) {
-	let [f, p] = t(u), m = f ? s : o, h = l(m);
+import { n as l, r as u, t as d } from "../_chunks/tooltip-h-Z8yFBY.js";
+import { t as f } from "../_chunks/tooltip-text-BN5WdGHn.js";
+//#region package/formatting/inspector-section.tsx
+function p({ 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, !0);
 	return /* @__PURE__ */ n("details", {
 		class: "rv-format-inspector-section",
 		open: f,
@@ -38,17 +39,17 @@ function d({ title: e, icon: a, expandLabel: o, collapseLabel: s, open: u = !1,
 	});
 }
 //#endregion
-//#region src/formatting/icon-controls.tsx
-var f = ({ icon: e }) => /* @__PURE__ */ n(r, {
+//#region package/formatting/icon-controls.tsx
+var m = ({ icon: e }) => /* @__PURE__ */ n(r, {
 	svg: e,
 	className: "rv-format-icon"
 });
-function p({ value: e, options: t, ariaLabel: r, onChange: i }) {
+function h({ value: e, options: t, ariaLabel: r, onChange: i }) {
 	return /* @__PURE__ */ n("div", {
 		class: "rv-format-segmented",
 		role: "group",
 		"aria-label": r,
-		children: t.map((t) => /* @__PURE__ */ n(h, {
+		children: t.map((t) => /* @__PURE__ */ n(_, {
 			selected: t.value === e,
 			label: t.label,
 			icon: t.icon,
@@ -56,16 +57,16 @@ function p({ value: e, options: t, ariaLabel: r, onChange: i }) {
 		}, t.value))
 	});
 }
-function m({ value: e, label: t, icon: r, onChange: i }) {
-	return /* @__PURE__ */ n(h, {
+function g({ value: e, label: t, icon: r, onChange: i }) {
+	return /* @__PURE__ */ n(_, {
 		selected: e,
 		label: t,
 		icon: r,
 		onClick: () => i(!e)
 	});
 }
-function h({ selected: e, label: t, icon: r, onClick: i }) {
-	let a = l(t);
+function _({ selected: e, label: t, icon: r, onClick: i }) {
+	let a = l(t, !0);
 	return /* @__PURE__ */ n(s, {
 		type: "button",
 		class: `rv-format-segmented__button${e ? " rv-format-segmented__button--selected" : ""}`,
@@ -73,12 +74,12 @@ function h({ selected: e, label: t, icon: r, onClick: i }) {
 		"aria-pressed": e,
 		onClick: i,
 		...a.triggerProps,
-		children: [/* @__PURE__ */ n(f, { icon: r }), a.tooltip]
+		children: [/* @__PURE__ */ n(m, { icon: r }), a.tooltip]
 	});
 }
 //#endregion
-//#region src/formatting/typography-controls.tsx
-var g = [
+//#region package/formatting/typography-controls.tsx
+var v = [
 	"Inter",
 	"Arial",
 	"Helvetica",
@@ -86,7 +87,7 @@ var g = [
 	"Times New Roman",
 	"Courier New"
 ];
-function _({ value: t, fonts: r = g, labels: i, icons: s, onChange: c }) {
+function y({ value: t, fonts: r = v, labels: i, icons: s, onChange: c }) {
 	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
 		class: "rv-form-grid",
 		children: [/* @__PURE__ */ n("label", {
@@ -129,25 +130,25 @@ function _({ value: t, fonts: r = g, labels: i, icons: s, onChange: c }) {
 		role: "group",
 		"aria-label": i.typographySection,
 		children: [
-			/* @__PURE__ */ n(m, {
+			/* @__PURE__ */ n(g, {
 				value: t.bold ?? !1,
 				label: i.bold,
 				icon: s.bold,
 				onChange: (e) => c({ bold: e })
 			}),
-			/* @__PURE__ */ n(m, {
+			/* @__PURE__ */ n(g, {
 				value: t.italic ?? !1,
 				label: i.italic,
 				icon: s.italic,
 				onChange: (e) => c({ italic: e })
 			}),
-			/* @__PURE__ */ n(m, {
+			/* @__PURE__ */ n(g, {
 				value: t.underline ?? !1,
 				label: i.underline,
 				icon: s.underline,
 				onChange: (e) => c({ underline: e })
 			}),
-			/* @__PURE__ */ n(m, {
+			/* @__PURE__ */ n(g, {
 				value: t.strike ?? !1,
 				label: i.strike,
 				icon: s.strike,
@@ -157,8 +158,8 @@ function _({ value: t, fonts: r = g, labels: i, icons: s, onChange: c }) {
 	})] });
 }
 //#endregion
-//#region src/formatting/comparison-preview.tsx
-function v({ originalValue: e, formatted: t, formattedStyle: r, visual: i = !1, formattedClassName: a = "", labels: o }) {
+//#region package/formatting/comparison-preview.tsx
+function b({ originalValue: e, formatted: t, formattedStyle: r, visual: i = !1, formattedClassName: a = "", labels: o }) {
 	return /* @__PURE__ */ n("section", {
 		class: `rv-format-preview${i ? " rv-format-preview--visual" : ""}`,
 		children: [
@@ -198,7 +199,7 @@ function v({ originalValue: e, formatted: t, formattedStyle: r, visual: i = !1,
 							role: "rowheader",
 							children: "1"
 						}),
-						/* @__PURE__ */ n("span", {
+						/* @__PURE__ */ n(f, {
 							class: "rv-format-preview__gridcell",
 							role: "cell",
 							title: e,
@@ -228,4 +229,4 @@ function v({ originalValue: e, formatted: t, formattedStyle: r, visual: i = !1,
 	});
 }
 //#endregion
-export { v as ComparisonPreview, u as ControlTooltip, p as IconChoiceGroup, m as IconToggleButton, d as InspectorSection, _ as TypographyControls, l as useControlTooltip };
+export { b as ComparisonPreview, d as ControlTooltip, h as IconChoiceGroup, g as IconToggleButton, p as InspectorSection, y as TypographyControls, l as useControlTooltip, u as useTooltip };