@revolist/ui 4.0.5-rc → 4.0.6-rc

package/distribution-chart/line-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as t, n, r, t as i } from "../_chunks/chart-frame-CuZABXVI.js";
+import { i as t, n, r, t as i } from "../_chunks/chart-frame-hcOlnQ1K.js";
 //#region src/distribution-chart/line-chart.tsx
 function a(a) {
 	let { points: o } = r(a.data);

package/dropdown/content.js

@@ -1 +1 @@
-export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-DO0d1kgx.js";
+export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-pFMuHf3G.js";

package/dropdown/control.js

@@ -1 +1 @@
-export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-BkWukVt9.js";
+export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-mlH7l0Uq.js";

package/dropdown/editor-dropdown.style.scss

@@ -16,6 +16,7 @@
 
 revo-grid,
 .rv-formula-bar,
+.rv-native-controls,
 :root {
   --rv-dropdown-container-tag-background: #{palette.$gray-eeeeee};
   --rv-dropdown-placeholder-color: var(--rv-ui-text-muted);
@@ -150,6 +151,10 @@ revo-grid,
     padding-inline-end: 0;
     font-size: 14px;
 
+    // Custom tag palettes also own the remove glyph's foreground.
+    > button.rv-remove-button {
+      color: inherit;
+    }
   }
 
   .placeholder {

package/dropdown/index.js

@@ -1,3 +1,3 @@
-import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-DO0d1kgx.js";
-import { t as i } from "../_chunks/popup-UXGCiv3n.js";
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-pFMuHf3G.js";
+import { t as i } from "../_chunks/popup-C35Isk7p.js";
 export { t as Dropdown, i as DropdownPopup, n as DropdownPopupContent, r as defineDropdown, e as destroyDropdown };

package/dropdown/lookup-field.d.ts

@@ -21,9 +21,14 @@ export interface LookupFieldOptions extends EditorCommitOptions {
     renderValue?: import('./dropdown.types').DropdownProps<LookupId>['renderValue'];
 }
 export declare function LookupField({ initial, options, context, apply, cancel, }: {
+    /** Initial selected record ID, multiple IDs, or null for an empty selection. */
     initial: LookupId | LookupId[] | null;
+    /** Remote data source, selection mode, validation, text and commit behavior. */
     options: LookupFieldOptions;
+    /** Application context forwarded to the remote data source as dataContext. */
     context: unknown;
+    /** Commits the selected record IDs. Update application state and close the editor. */
     apply: (value: LookupId | LookupId[] | null) => void;
+    /** Closes the editor without applying the current draft. */
     cancel: () => void;
 }): import("../_vendor/preact/src/index").JSX.Element;

package/dropdown/lookup-field.js

@@ -1,6 +1,6 @@
 import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { l as r } from "../_chunks/native-control-DO0d1kgx.js";
+import { l as r } from "../_chunks/native-control-pFMuHf3G.js";
 import { n as i } from "../_chunks/editor-commit-Bq3wSgvr.js";
 import { EditorActions as a } from "../editor-actions.js";
 //#region src/dropdown/lookup-field.tsx

package/dropdown/popup.js

@@ -1 +1 @@
-export { t as DropdownPopup } from "../_chunks/popup-UXGCiv3n.js";
+export { t as DropdownPopup } from "../_chunks/popup-C35Isk7p.js";

package/duration/index.js

@@ -1 +1 @@
-export { t as DurationDraft, n as DurationField } from "../_chunks/duration-DwFXonEV.js";
+export { t as DurationDraft, n as DurationField } from "../_chunks/duration-D7oRjsmP.js";

package/editor-actions.js

@@ -1,6 +1,6 @@
 import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t as n } from "./_chunks/controls-BLQnWEd7.js";
+import { t as n } from "./_chunks/controls-FUU-MUKC.js";
 //#region src/editor-actions.tsx
 var r = {
 	apply: "Apply",

package/field-configurator.d.ts

@@ -74,13 +74,21 @@ export declare function FieldDropIndicator({ position, index, className, }: {
     className?: string;
 }): h.JSX.Element;
 export interface CollapsibleSectionProps {
+    /** Heading displayed in the keyboard-accessible expand/collapse trigger. */
     title: ComponentChildren;
+    /** Supporting text displayed above the expanded content. */
     description?: ComponentChildren;
+    /** Expand initially. Later toggles are owned by the native disclosure. */
     defaultOpen?: boolean;
+    /** Section content; stays mounted when collapsed to preserve drafts. */
     children: ComponentChildren;
+    /** Additional CSS classes on the outer disclosure. */
     className?: string;
+    /** Additional CSS classes on the summary trigger. */
     summaryClassName?: string;
+    /** Additional CSS classes on the content container. */
     contentClassName?: string;
+    /** Additional CSS classes on the supporting description. */
     descriptionClassName?: string;
     /** Host policies can wrap the native details without owning its presentation. */
     renderRoot?: (props: JSX.IntrinsicElements['details']) => ComponentChildren;

package/field-configurator.js

@@ -1,4 +1,4 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-1eQP0tKy.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-BCINdXpU.js";
 import { fieldDropIndex as x, reorderFields as S } from "./field-reorder.js";
 import { useFieldDropTarget as C, useFieldReorder as w } from "./field-reorder.hook.js";
 export { g as CollapsibleSection, d as ConfiguratorPanel, m as FieldActions, c as FieldContent, t as FieldDropIndicator, f as FieldGroup, h as FieldGroupHeading, r as FieldIcon, l as FieldItem, _ as FieldLibrary, i as FieldLibraryList, a as FieldList, p as FieldRemoveButton, u as FieldRemoveIcon, s as FieldRow, o as FieldStatusBadge, e as FieldSummary, v as SelectedField, b as createFieldExpansion, x as fieldDropIndex, n as fieldExpansionIds, y as recordFieldExpansion, S as reorderFields, C as useFieldDropTarget, w as useFieldReorder };

package/filter/filters/slider/_slider.scss

@@ -68,15 +68,14 @@
       z-index: 1;
     }
 
-    $size: 24px;
-
     &::-webkit-slider-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
+      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: 3px solid var(--range-color, var(--rv-ui-accent));
+      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));
@@ -96,10 +95,11 @@
     &::-moz-range-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
+      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: 3px solid var(--range-color, var(--rv-ui-accent));
+      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));

package/filter/filters/slider/single.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../../../_chunks/native-control-DO0d1kgx.js";
+import { n as t } from "../../../_chunks/native-control-pFMuHf3G.js";
 //#region src/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;

package/filter-badge.js

@@ -1,7 +1,7 @@
 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-BhP8MZjs.js";
+import { n as r, t as i } from "./_chunks/choice-chips-A6WR-WJe.js";
 //#region src/filter-badge.tsx
 function a(e) {
 	return /* @__PURE__ */ n(r, {

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-DO0d1kgx.js";
-import { Legend as i } from "./legend.js";
+import { a as n, t as r } from "./_chunks/native-control-pFMuHf3G.js";
 //#region src/filter-controls.tsx
-function a({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
+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,8 +1,8 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createPreactElement as t } from "../preact-mount.js";
-import { n } from "../_chunks/native-control-DO0d1kgx.js";
-import { t as r } from "../_chunks/control-BkWukVt9.js";
-//#region src/form-controls/index.view.tsx
+import { n } from "../_chunks/native-control-pFMuHf3G.js";
+import { t as r } from "../_chunks/control-mlH7l0Uq.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(" "),

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,7 +2,7 @@ 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-DO0d1kgx.js";
+import { i, l as a, n as o, t as s } from "../_chunks/native-control-pFMuHf3G.js";
 import { t as c } from "../_chunks/chevron-down-GbplLa6s.js";
 import { n as l, r as u, t as d } from "../_chunks/tooltip-D4xkio5G.js";
 import { t as f } from "../_chunks/tooltip-text-BXsUEmBH.js";