@revolist/ui 4.0.1-rc → 4.0.1

package/dropdown/control.d.ts

@@ -0,0 +1,14 @@
+import { DropdownOption, DropdownProps } from './dropdown.types';
+/** Application-owned state for DOM consumers of the shared Dropdown. */
+export interface DropdownControl<T = string> {
+    readonly element: HTMLDivElement;
+    value: T;
+    source: DropdownOption<T>[];
+    disabled: boolean;
+    onChange?: (value: T) => void;
+    update(props: Partial<DropdownProps<T>>): void;
+    destroy(): void;
+}
+export declare function createDropdownControl<T = string>(document: Document, initial: DropdownProps<T>): DropdownControl<T>;
+/** Lifecycle boundary for Stencil/other VNode factories that cannot render Preact components. */
+export declare function renderDropdownControl<T>(h: (tag: any, props: any, ...children: any[]) => T, props: DropdownProps): T;

package/dropdown/control.js

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

package/dropdown/control.view.d.ts

@@ -0,0 +1,6 @@
+export declare function createDropdownHost(document: Document): {
+    element: HTMLDivElement;
+    mount: HTMLDivElement;
+    input: HTMLInputElement;
+    release: () => void;
+};

package/dropdown/dropdown.service.d.ts

@@ -14,6 +14,6 @@ export declare function useDropdownService<T = any>(options: DropdownOption<T>[]
     handleKeyDown: (e: KeyboardEvent) => void;
     handleSearchChange: (e: DropdownInputEvent) => void;
     isOptionSelected: (option: DropdownOption<T>) => boolean;
-    setFocusedIndex: import('preact/hooks').Dispatch<import('preact/hooks').StateUpdater<number>>;
+    setFocusedIndex: import('../_vendor/preact/hooks/src/index').Dispatch<import('../_vendor/preact/hooks/src/index').StateUpdater<number>>;
 };
 export {};

package/dropdown/dropdown.service.js

@@ -1,4 +1,4 @@
-import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "preact/hooks";
+import { c as e, i as t, n, o as r, t as i } from "../_chunks/hooks.module-CG3gN83z.js";
 //#region src/dropdown/dropdown.service.ts
 var a = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), o = (e, t, n) => {
 	if (n === "none") return 0;
@@ -12,8 +12,8 @@ function s(e, t, n) {
 	return r ? [r] : [];
 }
 function c(c, l, u, d = {}, f, p) {
-	let { search: m = !1, filterFunction: h = a, sortDirection: g = "none", sortFunction: _ = o, multiSelect: v = !1, autocomplete: y = !1, initialSearch: b = "" } = d, [x, S] = i(b), [C, w] = i(-1), [T, E] = i(() => s(c, l, v)), D = r(!1);
-	t(() => {
+	let { search: m = !1, filterFunction: h = a, sortDirection: g = "none", sortFunction: _ = o, multiSelect: v = !1, autocomplete: y = !1, initialSearch: b = "" } = d, [x, S] = t(b), [C, w] = t(-1), [T, E] = t(() => s(c, l, v)), D = i(!1);
+	e(() => {
 		E(p?.selected ?? s(c, l, v));
 	}, [
 		l,
@@ -34,9 +34,9 @@ function c(c, l, u, d = {}, f, p) {
 		_,
 		!!p
 	]);
-	t(() => {
+	e(() => {
 		D.current = !1, S(b);
-	}, [b]), t(() => {
+	}, [b]), e(() => {
 		O.length ? w((e) => {
 			if (D.current && e >= 0 && e < O.length && !O[e].disabled) return e;
 			let t = O.findIndex((e) => !e.disabled && T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)));
@@ -47,7 +47,7 @@ function c(c, l, u, d = {}, f, p) {
 			return e >= 0 && e < O.length && !O[e].disabled ? e : t >= 0 ? t : O.findIndex((e) => !e.disabled);
 		}) : w(-1);
 	}, [O, T]);
-	let k = e((e) => {
+	let k = r((e) => {
 		if (!e.disabled) {
 			if (v) {
 				let t = T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), n;
@@ -74,7 +74,7 @@ function c(c, l, u, d = {}, f, p) {
 		selectedOptions: T,
 		filteredOptions: O,
 		handleSelect: k,
-		handleKeyDown: e((e) => {
+		handleKeyDown: r((e) => {
 			switch (e.key) {
 				case "Escape":
 					e.preventDefault(), e.stopPropagation();
@@ -93,11 +93,11 @@ function c(c, l, u, d = {}, f, p) {
 			C,
 			k
 		]),
-		handleSearchChange: e((e) => {
+		handleSearchChange: r((e) => {
 			let t = e.currentTarget.value;
 			t !== x && (D.current = !1, S(t), p?.search(t), w(-1));
 		}, [p, x]),
-		isOptionSelected: e((e) => T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), [T]),
+		isOptionSelected: r((e) => T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), [T]),
 		setFocusedIndex: w
 	};
 }

package/dropdown/dropdown.types.d.ts

@@ -1,5 +1,6 @@
+import { JSX } from '../_vendor/preact/src/index';
 import { DropdownDataSource, DropdownRemoteText } from './remote';
-export type { DropdownDataSource, DropdownRemoteText, LookupId, LookupCursor } from './remote';
+export type { DropdownDataSource, DropdownRemoteText, LookupId, LookupCursor, } from './remote';
 export type DropdownRenderable = any;
 export type DropdownVNode = any;
 export type DropdownStyle = string | Record<string, string | number | undefined>;
@@ -43,6 +44,8 @@ export type DropdownConfig<T = any> = {
     initialSearch?: string;
     /** Close the dropdown when Tab is pressed inside the open popup. */
     closeOnTab?: boolean;
+    /** Dismiss then let the browser Tab from the trigger (standalone fields). */
+    nativeTabNavigation?: boolean;
     portalTarget?: HTMLElement | null;
     topLayer?: boolean;
     ariaLabel?: string;
@@ -66,6 +69,7 @@ export interface DropdownEnvironment {
 }
 export type DropdownProps<T = any> = {
     environment?: DropdownEnvironment;
+    triggerAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     source: DropdownOption<T>[];
     /** Optional application-owned remote search and ID resolver. Values must be string/number IDs. */
     dataSource?: DropdownDataSource<T>;

package/dropdown/editor-dropdown.style.scss

@@ -1,6 +1,6 @@
 @use '../styles/motion';
 @use '../styles/palette';
-
+@use '../styles/control';
 
 // Mixins
 @mixin focus-style {
@@ -15,11 +15,11 @@
 
 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);
 
-
   &[theme*='dark'] {
     --rv-dropdown-container-tag-background: #{palette.$gray-2b2b2b};
     --rv-dropdown-placeholder-color: var(--rv-ui-text-muted);
@@ -51,7 +51,8 @@ revo-grid,
     --rv-dropdown-arrow-right: 5px;
     --rv-dropdown-arrow-gap: 4px;
     --rv-dropdown-value-right-space: calc(
-      var(--rv-dropdown-arrow-size) + var(--rv-dropdown-arrow-right) + var(--rv-dropdown-arrow-gap)
+      var(--rv-dropdown-arrow-size) + var(--rv-dropdown-arrow-right) +
+        var(--rv-dropdown-arrow-gap)
     );
 
     @include flex-center;
@@ -86,10 +87,11 @@ revo-grid,
     justify-content: center;
     margin: 0;
     position: absolute;
-    right: var(--rv-dropdown-arrow-right);
+    inset-inline-end: var(--rv-dropdown-arrow-right);
     top: 50%;
     transform: translateY(-50%);
-    transition: transform var(--rv-ui-motion-normal, 160ms) var(--rv-ui-motion-ease, ease-out);
+    transition: transform var(--rv-ui-motion-normal, 160ms)
+      var(--rv-ui-motion-ease, ease-out);
     z-index: 1;
 
     svg {
@@ -112,8 +114,8 @@ revo-grid,
     align-items: center;
     min-width: 0;
     overflow: hidden;
-    padding-left: 5px;
-    padding-right: var(--rv-dropdown-value-right-space);
+    padding-inline-start: 5px;
+    padding-inline-end: var(--rv-dropdown-value-right-space);
   }
 
   .selected-value {
@@ -125,8 +127,8 @@ revo-grid,
     max-width: 100%;
     min-width: 0;
     overflow: hidden;
-    padding-left: 5px;
-    padding-right: var(--rv-dropdown-value-right-space);
+    padding-inline-start: 5px;
+    padding-inline-end: var(--rv-dropdown-value-right-space);
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
@@ -146,9 +148,13 @@ revo-grid,
     background-color: var(--rv-dropdown-container-tag-background);
     border-radius: 3px;
     padding: 2px 6px;
-    padding-right: 0;
+    padding-inline-end: 0;
     font-size: 14px;
 
+    // Custom tag palettes also own the remove glyph's foreground.
+    > button.rv-remove-button {
+      color: inherit;
+    }
   }
 
   .placeholder {
@@ -158,7 +164,7 @@ revo-grid,
     max-width: 100%;
     min-width: 0;
     overflow: hidden;
-    padding-right: var(--rv-dropdown-value-right-space);
+    padding-inline-end: var(--rv-dropdown-value-right-space);
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
@@ -207,7 +213,8 @@ revo-grid,
   padding: 6px;
   flex-direction: column;
   transform-origin: top left;
-  animation: revoDropdownMenuIn var(--rv-ui-motion-enter, 180ms) var(--rv-ui-motion-ease, ease-out);
+  animation: revoDropdownMenuIn var(--rv-ui-motion-enter, 180ms)
+    var(--rv-ui-motion-ease, ease-out);
 
   .dropdown-listbox {
     display: flex;
@@ -247,6 +254,7 @@ revo-grid,
     background-color: var(--rv-dropdown-menu-background);
 
     .dropdown-option {
+      box-sizing: border-box;
       display: flex;
       min-height: 38px;
       align-items: center;
@@ -255,12 +263,13 @@ revo-grid,
       font-size: 14px;
       font-weight: 400;
       list-style: none;
-      padding: 0;
+      padding: 8px 10px;
       cursor: pointer;
       user-select: none;
       margin: 1px 0;
       transition:
-        background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+        background-color var(--rv-ui-motion-fast, 120ms)
+          var(--rv-ui-motion-ease, ease-out),
         color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 
       &[class*='theme-dark'] {
@@ -282,14 +291,13 @@ revo-grid,
         opacity: 0.5;
         cursor: not-allowed;
       }
-
     }
 
     .option-content {
       @include flex-center;
       gap: 8px;
       width: 100%;
-      padding: 8px 10px;
+      min-width: 0;
     }
     .no-results {
       padding: 12px;
@@ -306,3 +314,33 @@ revo-grid,
     opacity: 1;
   }
 }
+
+// Standalone controls share Dropdown behavior with grid editors and have form chrome.
+.dropdown-container.rv-select {
+  height: auto;
+  min-width: 0;
+  .dropdown-trigger {
+    @include control.action-size;
+    padding-inline-end: 24px;
+    border: 1px solid var(--rv-ui-border);
+    border-radius: var(--rv-control-radius, 8px);
+    background: var(--rv-ui-surface-sunken);
+    color: var(--rv-ui-text);
+    &:focus-visible {
+      outline: 2px solid var(--rv-ui-accent);
+      outline-offset: 1px;
+    }
+  }
+}
+
+// Standalone controls own the padding once; grid editors retain their compact insets.
+.dropdown-container:is(.rv-select, .rv-combobox, .rv-multi-select)
+  .dropdown-trigger {
+  --rv-dropdown-arrow-size: 9px;
+  --rv-dropdown-arrow-right: 12px;
+  padding-inline-end: 32px;
+  > .selected-value,
+  > .selected-values {
+    padding-inline: 0;
+  }
+}

package/dropdown/index.d.ts

@@ -6,7 +6,7 @@ export type { DropdownPopupProps } from './popup';
 /**
  * Dropdown component
  */
-export declare function Dropdown<T = any>({ source: localSource, dataSource, dataContext, remoteText, value, onChange, placeholder, disabled, name, id, className, style, config, renderContent, renderOption, renderValue, renderPlaceholder, renderSelectedValue, renderNoResults, onClose, beforeOutsideClose, environment, }: DropdownProps<T>): any;
+export declare function Dropdown<T = any>({ source: localSource, triggerAttributes, dataSource, dataContext, remoteText, value, onChange, placeholder, disabled, name, id, className, style, config, renderContent, renderOption, renderValue, renderPlaceholder, renderSelectedValue, renderNoResults, onClose, beforeOutsideClose, environment, }: DropdownProps<T>): any;
 /**
  * Define the dropdown component
  * @param el - The element to render the dropdown

package/dropdown/index.js

@@ -1,4 +1,3 @@
-import { DropdownPopup as e } from "./popup.js";
-import { n as t, r as n, t as r } from "../_chunks/dropdown-CkGQBm1Q.js";
-import { DropdownPopupContent as i } from "./content.js";
-export { r as Dropdown, e as DropdownPopup, i as DropdownPopupContent, t as defineDropdown, n as destroyDropdown };
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-B9MNibfa.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("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/dropdown/lookup-field.js

@@ -1,64 +1,65 @@
-import { t as e } from "../_chunks/dropdown-CkGQBm1Q.js";
-import { n as t } from "../_chunks/editor-commit-D6Rf5rGz.js";
-import { EditorActions as n } from "../editor-actions.js";
-import { useRef as r, useState as i } from "preact/hooks";
-import { jsx as a, jsxs as o } from "preact/jsx-runtime";
+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-B9MNibfa.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
-function s({ initial: s, options: c, context: l, apply: u, cancel: d }) {
-	let [f, p] = i(s), [m, h] = i(!1), g = c.autoApply !== !1, _ = r(!1), v = r(s), y = f === null || Array.isArray(f) && !f.length;
-	return t(() => {
-		if (!_.current) return !0;
-		let e = v.current;
-		return c.required && (e === null || Array.isArray(e) && !e.length) ? !1 : (_.current && (_.current = !1, u(e)), !0);
-	}, g), /* @__PURE__ */ o("div", {
+function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
+	let [d, f] = e(o), [p, m] = e(!1), h = s.autoApply !== !1, g = t(!1), _ = t(o), v = d === null || Array.isArray(d) && !d.length;
+	return i(() => {
+		if (!g.current) return !0;
+		let e = _.current;
+		return s.required && (e === null || Array.isArray(e) && !e.length) ? !1 : (g.current && (g.current = !1, l(e)), !0);
+	}, h), /* @__PURE__ */ n("div", {
 		class: "rv-lookup-editor",
 		onKeyDown: (e) => {
-			(e.ctrlKey || e.metaKey) && e.key === "Enter" && !(c.required && y) && (e.preventDefault(), u(f));
+			(e.ctrlKey || e.metaKey) && e.key === "Enter" && !(s.required && v) && (e.preventDefault(), l(d));
 		},
 		children: [
-			/* @__PURE__ */ a(e, {
-				source: c.source ?? [],
-				dataSource: c.dataSource,
-				dataContext: l,
-				remoteText: c.text,
-				value: f === null ? void 0 : f,
+			/* @__PURE__ */ n(r, {
+				className: "rv-select",
+				source: s.source ?? [],
+				dataSource: s.dataSource,
+				dataContext: c,
+				remoteText: s.text,
+				value: d === null ? void 0 : d,
 				onChange: (e) => {
-					_.current = !0, h(!0), v.current = e, p(e);
+					g.current = !0, m(!0), _.current = e, f(e);
 					let t = e === null || Array.isArray(e) && !e.length;
-					g && !c.multiple && !(c.required && t) && (_.current = !1, u(e));
+					h && !s.multiple && !(s.required && t) && (g.current = !1, l(e));
 				},
-				placeholder: c.placeholder ?? c.text?.placeholder,
-				renderOption: c.renderOption,
-				renderValue: c.renderValue,
+				placeholder: s.placeholder ?? s.text?.placeholder,
+				renderOption: s.renderOption,
+				renderValue: s.renderValue,
 				config: {
 					search: !0,
-					multiSelect: c.multiple,
+					multiSelect: s.multiple,
 					topLayer: !0,
 					autoFocus: !0,
-					ariaLabel: c.text?.label ?? "Linked records",
-					searchPlaceholder: c.text?.searchPlaceholder,
-					searchAriaLabel: c.text?.searchLabel,
-					removeLabel: c.text?.removeLabel
+					ariaLabel: s.text?.label ?? "Linked records",
+					searchPlaceholder: s.text?.searchPlaceholder,
+					searchAriaLabel: s.text?.searchLabel,
+					removeLabel: s.text?.removeLabel
 				}
 			}),
-			c.required && y && m && /* @__PURE__ */ a("span", {
+			s.required && v && p && /* @__PURE__ */ n("span", {
 				role: "alert",
 				class: "rv-editor-error",
-				children: c.text?.requiredValue ?? "Select at least one record."
+				children: s.text?.requiredValue ?? "Select at least one record."
 			}),
-			/* @__PURE__ */ a(n, {
-				showConfirm: c.showActions ?? !g,
-				text: c.actions,
-				disabled: c.required && y,
-				cancel: d,
-				apply: () => u(f),
-				clear: c.required ? void 0 : () => {
-					let e = c.multiple ? [] : null;
-					g ? u(e) : (v.current = e, p(e));
+			/* @__PURE__ */ n(a, {
+				showConfirm: s.showActions ?? !h,
+				text: s.actions,
+				disabled: s.required && v,
+				cancel: u,
+				apply: () => l(d),
+				clear: s.required ? void 0 : () => {
+					let e = s.multiple ? [] : null;
+					h ? l(e) : (_.current = e, f(e));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { s as LookupField };
+export { o as LookupField };

package/dropdown/popup.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, RefObject } from 'preact';
+import { ComponentChildren, RefObject } from '../_vendor/preact/src/index';
 export type DropdownPopupProps = {
     onPointerRelease?: (event: MouseEvent | TouchEvent) => void;
     triggerRef: RefObject<HTMLDivElement>;
@@ -24,4 +24,4 @@ export type DropdownPopupProps = {
  * @param theme - The theme of the dropdown
  * @param dropdownMenuId - The id of the dropdown menu
  */
-export declare function DropdownPopup({ onPointerRelease, triggerRef, children, portalTarget, theme, dropdownMenuId, popupClassName, closeOnClickOutside, onClose, align, matchTriggerWidth, maxHeight, observePopupResize, topLayer, }: DropdownPopupProps): h.JSX.Element;
+export declare function DropdownPopup({ onPointerRelease, triggerRef, children, portalTarget, theme, dropdownMenuId, popupClassName, closeOnClickOutside, onClose, align, matchTriggerWidth, maxHeight, observePopupResize, topLayer, }: DropdownPopupProps): import('../_vendor/preact/src/index').VNode<any>;

package/dropdown/popup.js

@@ -1,140 +1 @@
-import { hideTopLayerPopup as e, showTopLayerPopup as t } from "../core/top-layer-popup.js";
-import { inheritUiMotion as n } from "../core/motion.js";
-import { jsx as r } from "preact/jsx-runtime";
-import { createPortal as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "preact/compat";
-//#region src/dropdown/popup.tsx
-var l = 5, u = 4;
-function d(e, t, n) {
-	let r = e.ownerDocument.defaultView;
-	if (!r || r.getComputedStyle(e).position === "fixed") return {
-		top: t,
-		left: n,
-		scaleX: 1,
-		scaleY: 1
-	};
-	let i = e.offsetParent, a = e.ownerDocument;
-	if (!i || i === a.body || i === a.documentElement) return {
-		top: t + r.scrollY,
-		left: n + r.scrollX,
-		scaleX: 1,
-		scaleY: 1
-	};
-	let o = i.getBoundingClientRect(), s = i, c = s.offsetWidth > 0 ? o.width / s.offsetWidth : 1, l = s.offsetHeight > 0 ? o.height / s.offsetHeight : 1, u = Number.isFinite(c) && c > 0 ? c : 1, d = Number.isFinite(l) && l > 0 ? l : 1;
-	return {
-		top: (t - o.top) / d - s.clientTop + s.scrollTop,
-		left: (n - o.left) / u - s.clientLeft + s.scrollLeft,
-		scaleX: u,
-		scaleY: d
-	};
-}
-function f({ onPointerRelease: f, triggerRef: p, children: m, portalTarget: h, theme: g, dropdownMenuId: _, popupClassName: v, closeOnClickOutside: y = !1, onClose: b, align: x = "start", matchTriggerWidth: S = !1, maxHeight: C, observePopupResize: w = !0, topLayer: T = !1 }) {
-	let E = s(null), [D, O] = c({
-		top: 0,
-		left: 0,
-		display: "none"
-	});
-	o(() => {
-		let e = p.current, t = E.current;
-		if (e && t) return n(e, t);
-	}, [h, p]), a(() => {
-		let e = p.current;
-		if (!e) return;
-		let t = e.ownerDocument.defaultView ?? window, n = () => {
-			let t = E.current;
-			if (!t) return;
-			let n = e.getBoundingClientRect(), r = d(t, n.bottom + u, n.left);
-			O({
-				top: r.top,
-				left: r.left,
-				display: "flex",
-				...S ? { width: n.width / r.scaleX } : {}
-			});
-		}, r = () => {
-			let n = E.current;
-			if (!n) return;
-			let r = e.getBoundingClientRect(), i = n.style.maxHeight;
-			n.style.maxHeight = "";
-			let a = n.getBoundingClientRect(), o = d(n, 0, 0), s = Math.max(a.height, n.offsetHeight * o.scaleY, n.scrollHeight * o.scaleY);
-			n.style.maxHeight = i;
-			let c = Math.max(a.width, n.offsetWidth * o.scaleX), f = Math.min(s, typeof C == "number" ? Math.max(0, C * o.scaleY) : Infinity), p = t.innerHeight, m = t.innerWidth, h = Math.max(0, r.top - u - l), g = Math.max(0, p - r.bottom - u - l), _ = f > g && h > g, v = Math.min(f, _ ? h : g), y = _ ? r.top - u - v : r.bottom + u, b = x === "end" ? r.right - c : r.left;
-			y = Math.max(l, Math.min(y, p - l - v)), b = Math.max(l, Math.min(b, m - c - l));
-			let w = d(n, y, b);
-			O({
-				top: w.top,
-				left: w.left,
-				display: "flex",
-				maxHeight: v / w.scaleY,
-				...S ? { width: r.width / w.scaleX } : {}
-			});
-		};
-		n();
-		let i = t.setTimeout(r, 0);
-		t.addEventListener("resize", r), t.addEventListener("scroll", r, !0);
-		let a = t.ResizeObserver, o = a ? new a(r) : void 0;
-		o?.observe(e);
-		let s = e.closest(".rv-dialog__surface, dialog");
-		return s && o?.observe(s), w && E.current && o?.observe(E.current), () => {
-			t.clearTimeout(i), t.removeEventListener("resize", r), t.removeEventListener("scroll", r, !0), o?.disconnect();
-		};
-	}, [
-		x,
-		S,
-		C,
-		w,
-		h,
-		p
-	]), o(() => {
-		let n = E.current;
-		if (!T || !n) return;
-		let r = t(n);
-		return () => {
-			e(n, r);
-		};
-	}, [h, T]), o(() => {
-		if (!y || !b) return;
-		let e = h?.ownerDocument ?? E.current?.ownerDocument ?? p.current?.ownerDocument ?? (typeof document < "u" ? document : void 0);
-		if (!e) return;
-		let t = (e) => {
-			let t = e.target;
-			t && (E.current?.contains(t) || p.current?.contains(t) || b());
-		};
-		e.addEventListener("mousedown", t);
-		let n = (t) => {
-			if (t.key !== "Escape") return;
-			let n = e.activeElement;
-			n && (E.current?.contains(n) || p.current?.contains(n)) && (t.preventDefault(), t.stopPropagation(), b(), p.current?.querySelector("button, input, select")?.focus());
-		};
-		return e.addEventListener("keydown", n), () => {
-			e.removeEventListener("mousedown", t), e.removeEventListener("keydown", n);
-		};
-	}, [
-		y,
-		b,
-		h,
-		p
-	]);
-	let k = /* @__PURE__ */ r("div", {
-		ref: E,
-		id: _,
-		className: `revo-dropdown-menu ${v || ""}`,
-		"data-theme": g ?? "default",
-		onMouseUp: f,
-		onTouchEnd: f,
-		style: {
-			top: `${D.top}px`,
-			left: `${D.left}px`,
-			...T ? {
-				right: "auto",
-				bottom: "auto",
-				margin: "0"
-			} : {},
-			display: D.display,
-			maxHeight: D.maxHeight === void 0 ? void 0 : `${D.maxHeight}px`,
-			width: D.width === void 0 ? void 0 : `${D.width}px`
-		},
-		children: m
-	});
-	return h ? i(k, h) : k;
-}
-//#endregion
-export { f as DropdownPopup };
+export { t as DropdownPopup } from "../_chunks/popup-C35Isk7p.js";

package/duration/controls.d.ts

@@ -10,4 +10,4 @@ export declare function DurationControls(props: DurationFieldOptions & {
     disabled?: boolean;
     onChange: (value: number, unit?: DurationUnit, elapsed?: boolean) => void;
     onCommit?: (value: number, unit?: DurationUnit, elapsed?: boolean) => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/duration/index.d.ts

@@ -30,7 +30,7 @@ export interface DurationFieldProps extends DurationFieldOptions {
     readOnly?: boolean;
     className?: string;
 }
-export declare function DurationField(props: DurationFieldProps): import("preact").JSX.Element;
+export declare function DurationField(props: DurationFieldProps): import("../_vendor/preact/src/index").JSX.Element;
 export type { DurationControlOptions, ParsedDuration };
 /** Shared staged duration form for grid adapters; scheduling stays in product commands. */
 export declare function DurationDraft({ value, options, apply, cancel, }: {
@@ -42,4 +42,4 @@ export declare function DurationDraft({ value, options, apply, cancel, }: {
     };
     apply: (value: ParsedDuration | null) => void;
     cancel: () => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/duration/index.js

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

package/duration/style.scss

@@ -22,7 +22,7 @@
     flex-wrap: wrap;
     gap: 8px;
   }
-  &__modes > select {
+  &__modes > .dropdown-container {
     flex: 1 1 100px;
     min-width: 0;
     width: auto;

package/editor-actions.d.ts

@@ -17,4 +17,4 @@ export declare function EditorActions({ apply, cancel, clear, disabled, text, sh
     disabled?: boolean;
     text?: Partial<EditorActionText>;
     showConfirm?: boolean;
-}): import("preact").JSX.Element | null;
+}): import("./_vendor/preact/src/index").JSX.Element | null;