@revolist/ui 4.0.6 → 4.0.10

package/core/popup-ownership.d.ts

@@ -1,2 +1,2 @@
-/** Includes portalled descendants linked by their owning trigger's aria-controls. */
+/** Includes semantic popups and auxiliary controls sharing their portalled surface. */
 export declare function ownsPopupTarget(root: HTMLElement | null | undefined, target: Node | null): boolean;

package/core/tooltip-options.d.ts

@@ -0,0 +1,143 @@
+import { ComponentChildren, JSX } from '../_vendor/preact/src/index';
+export type TooltipAnchor = HTMLElement | SVGElement;
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right' | 'inline-start' | 'inline-end';
+export type TooltipAlign = 'start' | 'center' | 'end';
+export type TooltipReason = 'hover' | 'focus' | 'click' | 'imperative' | 'controlled' | 'escape' | 'outside-press' | 'pointer-leave' | 'blur' | 'press' | 'disabled' | 'owner-change' | 'anchor-removed' | 'viewport' | 'destroy';
+export interface TooltipChangeDetails {
+    reason: TooltipReason;
+    target: TooltipAnchor;
+    event?: Event;
+}
+export interface TooltipContentContext extends TooltipChangeDetails {
+    signal: AbortSignal;
+}
+export type TooltipContent = ComponentChildren | Node;
+export interface TooltipOffsetContext {
+    anchor: DOMRect;
+    popup: DOMRect;
+    side: Exclude<TooltipSide, 'inline-start' | 'inline-end'>;
+    align: TooltipAlign;
+}
+export type TooltipOffset = number | ((context: TooltipOffsetContext) => number);
+export interface TooltipPositionOptions {
+    /** Preferred side; defaults to top. Logical sides follow direction. */
+    side?: TooltipSide;
+    /** Backward-compatible alias for side="top". */
+    placement?: 'above';
+    /** Cross-axis alignment; defaults to center. */
+    align?: TooltipAlign;
+    /** Distance from the trigger in pixels; defaults to 8. */
+    sideOffset?: TooltipOffset;
+    /** Cross-axis displacement in pixels; defaults to 0. */
+    alignOffset?: TooltipOffset;
+    /** Override the computed direction of the trigger. */
+    direction?: 'ltr' | 'rtl';
+    /** Boundary intersected with the viewport; viewport by default. */
+    collisionBoundary?: Element | DOMRect;
+    /** Inset from each boundary edge; defaults to 8px per unspecified edge. */
+    collisionPadding?: number | Partial<Record<'top' | 'bottom' | 'left' | 'right', number>>;
+    /** Flip and shift by default; false disables collision handling. */
+    collisionAvoidance?: boolean | {
+        side?: 'flip' | 'none';
+        align?: 'shift' | 'none';
+    };
+    /** Follow scrolling triggers even without keyboard focus. */
+    sticky?: boolean;
+}
+export interface TooltipGroupOptions {
+    /** Hover delay in milliseconds; groups default to 600, individual tooltips to 0. */
+    delay?: number;
+    /** Pointer-exit delay in milliseconds; defaults to 0. */
+    closeDelay?: number;
+    /** Warm window after closing in milliseconds; defaults to 400. */
+    skipDelayDuration?: number;
+}
+/** Explicitly shared across framework roots; no renderer-specific context required. */
+export declare class TooltipGroup {
+    options: TooltipGroupOptions;
+    private active;
+    private warmUntil;
+    constructor(options?: TooltipGroupOptions);
+    getDelay(): number;
+    opened(owner: object): void;
+    closed(owner: object): void;
+}
+export declare const createTooltipGroup: (options?: TooltipGroupOptions) => TooltipGroup;
+export interface TooltipOptions extends TooltipPositionOptions {
+    /** Stable description ID; generated by default. */
+    id?: string;
+    /** Hover includes focus by default; arrays select explicit modes. */
+    trigger?: 'hover' | 'focus' | 'click' | 'manual' | readonly ('hover' | 'focus' | 'click')[];
+    /** Delegate to matching descendants. Hover/focus on child nodes resolves to their matching trigger. */
+    filter?: string;
+    /** Suppress the tooltip without disabling the trigger. */
+    disabled?: boolean;
+    /** Controlled visibility. Interaction requests notify onOpenChange; the supplied value authorizes visibility. */
+    open?: boolean;
+    /** Hover delay in milliseconds; groups default to 600, individual tooltips to 0. */
+    delay?: number;
+    /** Pointer-exit delay in milliseconds; defaults to 0. */
+    closeDelay?: number;
+    /** Keyboard-focus delay in milliseconds; defaults to 0. */
+    focusDelay?: number;
+    /** Shared warm-up timing across separate tooltip/framework roots. */
+    group?: TooltipGroup;
+    /** Dismiss on pointer exit; defaults to true. */
+    autoHide?: boolean;
+    /** Disable the hover bridge to the popup; defaults to false. */
+    disableHoverablePopup?: boolean;
+    /** Allow Escape dismissal; defaults to true. */
+    closeOnEscape?: boolean;
+    /** Allow outside-pointer dismissal; defaults to true. */
+    closeOnOutside?: boolean;
+    /** Dismiss ordinary hints on activation; defaults to true. */
+    hideOnClick?: boolean;
+    /** Portal destination; detached surfaces mount in the trigger document body. */
+    appendTo?: HTMLElement | ShadowRoot;
+    /** Retain the hidden surface after opening; destroy still disposes it. */
+    keepMounted?: boolean;
+    /** Show a decorative positioning arrow; defaults to false. */
+    arrow?: boolean;
+    /** Popup width: pixels or a CSS length. */
+    width?: number | string;
+    /** Popup height: pixels or a CSS length. */
+    height?: number | string;
+    /** Maximum width; defaults to 360px constrained by the viewport. */
+    maxWidth?: number | string;
+    /** Maximum height; defaults to the viewport minus 16px. */
+    maxHeight?: number | string;
+    /** Additional surface classes. */
+    className?: string;
+    /** Additional inline surface styles and theme variables. */
+    style?: JSX.CSSProperties;
+    /** Zero by default. Shared reduced-motion settings override this duration. */
+    transitionDuration?: number;
+    /** Return false to cancel an interaction request. Forced cleanup bypasses cancellation. */
+    onBeforeOpenChange?: (open: boolean, details: TooltipChangeDetails) => boolean | void;
+    /** Visibility request with its trigger, reason and originating event. */
+    onOpenChange?: (open: boolean, details: TooltipChangeDetails) => void;
+    /** Actual visibility completion after motion, or immediately without it. */
+    onOpenChangeComplete?: (open: boolean, details: TooltipChangeDetails) => void;
+    /** Runs when the popup logically opens. */
+    onShow?: (details: TooltipChangeDetails) => void;
+    /** Runs when the popup logically closes; destruction silently cleans up. */
+    onHide?: (details: TooltipChangeDetails) => void;
+    /** Runs when an active or pending popup handles Escape. */
+    onEscape?: () => void;
+}
+export interface TooltipControllerOptions extends TooltipOptions {
+    /** Optional caller-supplied presentation element. */
+    surface?: HTMLElement;
+    /** Render descriptive content for the active trigger. */
+    renderContent?: (context: TooltipChangeDetails) => TooltipContent;
+    /** Async text stays text; the host owns fetching, authentication and error wording. */
+    loadContent?: (context: TooltipContentContext) => Promise<string>;
+    /** Caller-translated content shown while loading. */
+    loadingContent?: TooltipContent;
+    /** Caller-translated load failure content; omitted failures dismiss the popup. */
+    errorContent?: TooltipContent;
+    /** Current asynchronous content loaded successfully. */
+    onContentLoad?: (content: string, details: TooltipChangeDetails) => void;
+    /** Current asynchronous content failed to load; canceled/stale failures are ignored. */
+    onError?: (error: unknown, details: TooltipChangeDetails) => void;
+}

package/core/tooltip-options.js

@@ -0,0 +1,20 @@
+//#region package/core/tooltip-options.ts
+var e = class {
+	options;
+	active = /* @__PURE__ */ new Set();
+	warmUntil = 0;
+	constructor(e = {}) {
+		this.options = e;
+	}
+	getDelay() {
+		return this.active.size || Date.now() < this.warmUntil ? 0 : Math.max(0, this.options.delay ?? 600);
+	}
+	opened(e) {
+		this.active.add(e);
+	}
+	closed(e) {
+		this.active.delete(e) && (this.warmUntil = Date.now() + Math.max(0, this.options.skipDelayDuration ?? 400));
+	}
+}, t = (t) => new e(t);
+//#endregion
+export { e as TooltipGroup, t as createTooltipGroup };

package/core/tooltip-session.d.ts

@@ -1,28 +1,52 @@
-export type TooltipAnchor = HTMLElement | SVGElement;
-/** One lifecycle for declarative and imperative tooltip adapters. */
+import { TooltipAnchor, TooltipChangeDetails, TooltipOptions, TooltipReason } from './tooltip-options';
+export type { TooltipAnchor } from './tooltip-options';
+/** Shared state, ownership, placement and timers for every tooltip adapter. */
 export declare class TooltipSession {
     private anchor?;
     private surface?;
     private timer?;
+    private closeTimer?;
+    private transitionTimer?;
+    private frame?;
     private mode?;
     private cleanup?;
-    private mounted;
+    private restoreMotion?;
+    private managedMount;
+    private home?;
     private pointerFocus;
+    private pointerTravel;
+    private hoverArea?;
     private open;
+    private disposed;
     private addedDescription;
+    private classes;
+    private styleKeys;
+    private details?;
+    private options;
+    onShow?: (details: TooltipChangeDetails) => void;
     onHide?: () => void;
     onEscape?: () => void;
+    /** Legacy direct-session delay; configured options/group take precedence. */
     delay: number;
     get isOpen(): boolean;
     get isPending(): boolean;
+    get target(): TooltipAnchor | undefined;
+    get element(): HTMLElement | undefined;
+    configure(options: TooltipOptions): void;
     setSurface(surface: HTMLElement | null): void;
-    show(anchor: TooltipAnchor): void;
+    private duration;
+    private request;
+    show(anchor: TooltipAnchor, reason?: TooltipReason, event?: Event): void;
+    private applyStyles;
     private present;
-    hide(): void;
-    focus(anchor: TooltipAnchor): void;
-    blur(): void;
+    private position;
+    refresh(): void;
+    hide(reason?: TooltipReason, event?: Event, force?: boolean): void;
+    focus(anchor: TooltipAnchor, event?: Event): void;
+    blur(event?: Event): void;
     pointerDown(): void;
-    leave(anchor?: TooltipAnchor): void;
+    leave(anchor?: TooltipAnchor, event?: MouseEvent): void;
+    private insideHoverArea;
     keyDown(event: KeyboardEvent): void;
     destroy(): void;
     private listen;

package/core/tooltip-surface.d.ts

@@ -1,13 +1,24 @@
+import { TooltipAlign, TooltipPositionOptions } from './tooltip-options';
+import { JSX } from '../_vendor/preact/src/index';
 /** Shared presentation for text hints and rich product/chart tooltip content. */
-export declare const TOOLTIP_STYLES = "\n.rv-tooltip.rv-tooltip {\n  box-sizing: border-box;\n  position: fixed;\n  z-index: 100000;\n  margin: 0;\n  inset: auto;\n  transform: none;\n  opacity: 1;\n  visibility: visible;\n  padding: 6px 10px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--rv-tooltip-bg, #191919);\n  color: var(--rv-tooltip-fg, #fff);\n  box-shadow: 0 4px 14px var(--rv-ui-shadow, rgb(0 0 0 / 18%));\n  font: 12px/1.4 var(--rv-ui-font-family, Inter, ui-sans-serif, system-ui, sans-serif);\n  font-weight: 400;\n  text-align: start;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-width: min(360px, calc(100vw - 16px));\n  max-height: calc(100dvh - 16px);\n  overflow: auto;\n  pointer-events: none;\n}\n.rv-tooltip[hidden], .rv-tooltip[data-visible=\"false\"] { display: none; }\n.rv-tooltip[data-overflow] { pointer-events: auto; }\n@media (forced-colors: active) {\n  .rv-tooltip.rv-tooltip { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }\n}\n";
+export declare const TOOLTIP_STYLES = "\n.rv-tooltip.rv-tooltip {\n  box-sizing: border-box;\n  position: fixed;\n  flex-direction: column;\n  z-index: 100000;\n  margin: 0;\n  inset: auto;\n  transform: none;\n  opacity: 1;\n  visibility: visible;\n  padding: 6px 10px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--rv-tooltip-bg, #191919);\n  color: var(--rv-tooltip-fg, #fff);\n  box-shadow: 0 4px 14px var(--rv-ui-shadow, rgb(0 0 0 / 18%));\n  font: 12px/1.4 var(--rv-ui-font-family, Inter, ui-sans-serif, system-ui, sans-serif);\n  font-weight: 400;\n  text-align: start;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-width: min(360px, calc(100vw - 16px));\n  max-height: calc(100dvh - 16px);\n  overflow: auto;\n  pointer-events: auto;\n}\n.rv-tooltip[data-arrow=\"true\"] { overflow: visible; }\n.rv-tooltip__content { display:block; min-height:0; max-height:inherit; overflow:auto; }\n.rv-tooltip[data-arrow=\"true\"]::before { content:''; position:absolute; width:8px; height:8px; background:inherit; transform:rotate(45deg); pointer-events:none; }\n.rv-tooltip[data-side=\"top\"]::before { bottom:-4px; left:calc(var(--rv-tooltip-arrow-x) - 4px); }\n.rv-tooltip[data-side=\"bottom\"]::before { top:-4px; left:calc(var(--rv-tooltip-arrow-x) - 4px); }\n.rv-tooltip[data-side=\"left\"]::before { right:-4px; top:calc(var(--rv-tooltip-arrow-y) - 4px); }\n.rv-tooltip[data-side=\"right\"]::before { left:-4px; top:calc(var(--rv-tooltip-arrow-y) - 4px); }\n.rv-tooltip[data-duration=\"true\"] { transition: opacity var(--rv-tooltip-duration); }\n.rv-tooltip[data-state=\"opening\"], .rv-tooltip[data-state=\"closing\"] { opacity:0; }\n.rv-tooltip[data-state=\"closing\"] { pointer-events:none; }\n@media (prefers-reduced-motion:reduce) { .rv-tooltip[data-duration=\"true\"] { transition:none; } }\n.rv-tooltip[hidden], .rv-tooltip[data-visible=\"false\"] { display: none; }\n.rv-tooltip[data-overflow] { pointer-events: auto; }\n@media (forced-colors: active) {\n  .rv-tooltip.rv-tooltip { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }\n}\n";
 /** Also installs into shadow roots/fullscreen roots used by standalone charts. */
 export declare function ensureTooltipStyles(root: Document | ShadowRoot): void;
 export declare function prepareTooltipSurface(element: HTMLElement): void;
-/** Shared hint placement: centered above the trigger, with a bounded below fallback. */
+/** Fixed-position coordinates, with physical/logical sides and bounded flip/shift. */
 export declare function calculateTooltipPosition(anchor: DOMRect, popup: DOMRect, viewport: {
     width: number;
     height: number;
-}): import('./anchored-popover').AnchoredPopoverPosition | {
+}, options?: TooltipPositionOptions): {
+    side: "left" | "right" | "top" | "bottom";
+    align: TooltipAlign;
+    arrowX: number;
+    arrowY: number;
+    availableWidth: number;
+    availableHeight: number;
     left: number;
     top: number;
 };
+/** Use the renderer's public style contract, including its unitless property list.
+ * The detached probe never participates in layout and is disposed after copying. */
+export declare function normalizeTooltipStyles(document: Document, style?: JSX.CSSProperties): (readonly [string, string, string])[];

package/core/tooltip.d.ts

@@ -1,35 +1,36 @@
 import { h, ComponentChildren, TargetedEvent } from '../_vendor/preact/src/index';
-type TooltipPresentation = {
-    className?: string;
-    placement?: 'above';
-    delay?: number;
+import { TooltipAnchor, TooltipOptions } from './tooltip-options';
+export interface TooltipPresentation extends TooltipOptions {
     content?: ComponentChildren;
-};
-/** Preact adapter; the session owns all tooltip behavior and DOM lifecycle. */
+    defaultOpen?: boolean;
+    anchor?: TooltipAnchor | null;
+}
+/** Spread triggerProps onto your own focusable trigger and render tooltip once. */
 export declare function useControlTooltip(text: string, _floating?: boolean, presentation?: TooltipPresentation): {
     readonly id: string;
     readonly hide: () => void;
+    readonly show: () => void;
+    readonly refresh: () => void;
     readonly triggerProps: {
         readonly 'aria-describedby': string;
         readonly onFocus: (event: TargetedEvent<HTMLElement>) => void;
-        readonly onBlur: () => void;
+        readonly onBlur: (event?: TargetedEvent<HTMLElement>) => void;
         readonly onMouseEnter: (event: TargetedEvent<HTMLElement>) => void;
         readonly onMouseLeave: (event?: TargetedEvent<HTMLElement>) => void;
-        readonly onPointerDown: (_event: TargetedEvent<HTMLElement>) => void;
+        readonly onPointerDown: (_event?: TargetedEvent<HTMLElement>) => void;
         readonly onPointerCancel: () => void;
+        readonly onClickCapture: (event: TargetedEvent<HTMLElement>) => void;
         readonly onKeyDown: (event: KeyboardEvent) => void;
     };
     readonly tooltip: h.JSX.Element;
 };
-/** Controlled surface adapter retained for existing consumers. */
-export declare function ControlTooltip({ id, text, content, visible, anchor, className, }: {
-    readonly id: string;
-    readonly text: string;
-    readonly content?: ComponentChildren;
-    readonly visible: boolean;
-    readonly anchor?: HTMLElement | null;
-    readonly className?: string;
-    readonly placement?: 'above';
-}): h.JSX.Element;
+export interface ControlTooltipProps extends TooltipOptions {
+    id: string;
+    text: string;
+    content?: ComponentChildren;
+    visible: boolean;
+    anchor?: TooltipAnchor | null;
+}
+/** A controlled presentation surface; the host owns trigger markup and focus. */
+export declare function ControlTooltip({ id, text, content, visible, anchor, className, ...options }: ControlTooltipProps): h.JSX.Element;
 export declare const useTooltip: typeof useControlTooltip;
-export {};

package/core/top-layer-popup.d.ts

@@ -1,5 +1,6 @@
+import { ownsPopupTarget } from './popup-ownership';
 export { ensureTooltipStyles, prepareTooltipSurface, TOOLTIP_STYLES, } from './tooltip-surface';
-export { ownsPopupTarget } from './popup-ownership';
+export { ownsPopupTarget };
 export type TopLayerPopupMode = 'popover' | 'fallback';
 export type TopLayerPopupElement = HTMLElement & {
     showPopover?: () => void;

package/core/top-layer-popup.js

@@ -1 +1 @@
-export { a as TOOLTIP_STYLES, s as ensureTooltipStyles, t as hideTopLayerPopup, i as ownsPopupTarget, n as popupOwnsTarget, c as prepareTooltipSurface, r as showTopLayerPopup } from "../_chunks/top-layer-popup-CKJ7VJOF.js";
+export { a as TOOLTIP_STYLES, s as ensureTooltipStyles, t as hideTopLayerPopup, i as ownsPopupTarget, n as popupOwnsTarget, l as prepareTooltipSurface, r as showTopLayerPopup } from "../_chunks/top-layer-popup-DU1r_2v5.js";

package/date-time/index.js

@@ -1 +1 @@
-export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-CfiFYodx.js";
+export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-B9YGqree.js";

package/dialog/dialog.dom.js

@@ -1,7 +1,7 @@
-import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
 import { createPreactElement as t } from "../preact-mount.js";
-import { t as n } from "../_chunks/native-control-um1L1wgZ.js";
-import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-NqEEVc9P.js";
+import { t as n } from "../_chunks/native-control-DjJ8Na3T.js";
+import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-CpMwNhTM.js";
 //#region package/dialog/dialog.dom.tsx
 function c(n, c, l) {
 	let u = f(), d, p, m, h, g;

package/dialog/dialog.parts.js

@@ -1 +1 @@
-export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-NqEEVc9P.js";
+export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-CpMwNhTM.js";

package/dialog/dialog.preact.js

@@ -1,4 +1,4 @@
-import { c as e } from "../_chunks/hooks.module-CG3gN83z.js";
+import { c as e } from "../_chunks/hooks.module-CXpO2xq6.js";
 import { attachDialogDrag as t } from "./dialog.drag.js";
 //#region package/dialog/dialog.preact.ts
 function n({ targetRef: n, handleRef: r, enabled: i = !0 }) {

package/distribution-chart/area-chart.js

@@ -1,6 +1,6 @@
-import { a as e } from "../_chunks/hooks.module-CG3gN83z.js";
-import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-GprenwEg.js";
+import { a as e } from "../_chunks/hooks.module-CXpO2xq6.js";
+import { t } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-pj5EQxXr.js";
 //#region package/distribution-chart/area-chart.tsx
 function o(o) {
 	let s = `rv-area-${e().replace(/[^a-zA-Z0-9_-]/g, "")}`, { points: c } = i(o.data), l = o.data.some((e) => e.selected !== void 0), u = c.slice(1).map((e, t) => {

package/distribution-chart/bar-chart.js

@@ -1,5 +1,5 @@
-import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { r as t, t as n } from "../_chunks/chart-frame-GprenwEg.js";
+import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { r as t, t as n } from "../_chunks/chart-frame-pj5EQxXr.js";
 //#region package/distribution-chart/bar-chart.tsx
 function r(r) {
 	let { values: i, max: a } = t(r.data), o = r.data.map((e, t) => typeof r.barColor == "function" ? r.barColor(e, t) : r.barColor);

package/distribution-chart/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
 import { BarChart as t } from "./bar-chart.js";
 import { LineChart as n } from "./line-chart.js";
 import { AreaChart as r } from "./area-chart.js";

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-GprenwEg.js";
+import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { i as t, n, r, t as i } from "../_chunks/chart-frame-pj5EQxXr.js";
 //#region package/distribution-chart/line-chart.tsx
 function a(a) {
 	let { points: o } = r(a.data);

package/dropdown/content.d.ts

@@ -15,6 +15,8 @@ type DropdownContentProps<T = any> = {
     dropdownListRef: RefObject<HTMLUListElement>;
     theme?: string | null;
     optionIdPrefix: string;
+    listboxLabel?: string;
+    loading?: boolean;
 };
 export declare function DropdownPopupContent<T = any>({ options, selectedValues, remote, value, onChange, config, multiSelect, search, searchPlaceholder, listboxId, searchId, renderOption, renderNoResults, onClose, onTabNavigation, theme, }: {
     options: DropdownOption<T>[];
@@ -39,5 +41,5 @@ export declare function DropdownPopupContent<T = any>({ options, selectedValues,
     onTabNavigation?: () => void;
     theme?: string | null;
 }): h.JSX.Element;
-export declare function DropdownContent<T = any>({ options, filteredOptions, multiSelect, focusedIndex, selectedOptions, onKeyDown, onSelect, onFocusChange, renderOption, renderNoResults, dropdownListRef, theme, optionIdPrefix, }: DropdownContentProps<T>): h.JSX.Element;
+export declare function DropdownContent<T = any>({ options, filteredOptions, multiSelect, focusedIndex, selectedOptions, onKeyDown, onSelect, onFocusChange, renderOption, renderNoResults, dropdownListRef, theme, optionIdPrefix, listboxLabel, loading, }: DropdownContentProps<T>): h.JSX.Element;
 export {};

package/dropdown/content.js

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

package/dropdown/control.js

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

package/dropdown/dropdown.service.js

@@ -1,105 +1,105 @@
-import { c as e, i as t, n, o as r, t as i } from "../_chunks/hooks.module-CG3gN83z.js";
+import { c as e, i as t, n, o as r, r as i, t as a } from "../_chunks/hooks.module-CXpO2xq6.js";
 //#region package/dropdown/dropdown.service.ts
-var a = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), o = (e, t, n) => {
+var o = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), s = (e, t, n) => {
 	if (n === "none") return 0;
 	let r = e.label.localeCompare(t.label);
 	return n === "asc" ? r : -r;
 };
-function s(e, t, n) {
+function c(e, t, n) {
 	if (t === void 0) return [];
 	if (n && Array.isArray(t)) return e.filter((e) => t.some((t) => JSON.stringify(t) === JSON.stringify(e.value)));
 	let r = e.find((e) => JSON.stringify(e.value) === JSON.stringify(t));
 	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] = t(b), [C, w] = t(-1), [T, E] = t(() => s(c, l, v)), D = i(!1);
+function l(l, u, d, f = {}, p, m) {
+	let { search: h = !1, filterFunction: g = o, sortDirection: _ = "none", sortFunction: v = s, multiSelect: y = !1, autocomplete: b = !1, initialSearch: x = "" } = f, [S, C] = t(x), [w, T] = t(-1), [E, D] = t(() => c(l, u, y)), O = a(!1);
 	e(() => {
-		E(p?.selected ?? s(c, l, v));
+		D(m?.selected ?? c(l, u, y));
 	}, [
+		u,
 		l,
-		c,
-		v,
-		p?.selected
+		y,
+		m?.selected
 	]);
-	let O = n(() => {
-		if (p) return c;
-		let e = [...c];
-		return m && x && (e = e.filter((e) => h(e, x))), g !== "none" && e.sort((e, t) => _(e, t, g)), e;
+	let k = n(() => {
+		if (m) return l;
+		let e = [...l];
+		return h && S && (e = e.filter((e) => g(e, S))), _ !== "none" && e.sort((e, t) => v(e, t, _)), e;
 	}, [
-		c,
-		m,
-		x,
+		l,
 		h,
+		S,
 		g,
 		_,
-		!!p
+		v,
+		!!m
 	]);
-	e(() => {
-		D.current = !1, S(b);
-	}, [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)));
+	i(() => {
+		O.current = !1, C(x);
+	}, [x]), e(() => {
+		k.length ? T((e) => {
+			if (O.current && e >= 0 && e < k.length && !k[e].disabled) return e;
+			let t = k.findIndex((e) => !e.disabled && E.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)));
 			if (t >= 0) {
-				let n = O[e];
-				if (!T.some((e) => JSON.stringify(e.value) === JSON.stringify(n?.value))) return t;
+				let n = k[e];
+				if (!E.some((e) => JSON.stringify(e.value) === JSON.stringify(n?.value))) return t;
 			}
-			return e >= 0 && e < O.length && !O[e].disabled ? e : t >= 0 ? t : O.findIndex((e) => !e.disabled);
-		}) : w(-1);
-	}, [O, T]);
-	let k = r((e) => {
+			return e >= 0 && e < k.length && !k[e].disabled ? e : t >= 0 ? t : k.findIndex((e) => !e.disabled);
+		}) : T(-1);
+	}, [k, E]);
+	let A = r((e) => {
 		if (!e.disabled) {
-			if (v) {
-				let t = T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), n;
-				n = t ? T.filter((t) => JSON.stringify(t.value) !== JSON.stringify(e.value)) : [...T, e], E(n), u(n.map((e) => e.value)), y && S("");
-			} else E([e]), u(e.value), f && f();
+			if (y) {
+				let t = E.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), n;
+				n = t ? E.filter((t) => JSON.stringify(t.value) !== JSON.stringify(e.value)) : [...E, e], D(n), d(n.map((e) => e.value)), b && C("");
+			} else D([e]), d(e.value), p && p();
 		}
 	}, [
-		v,
-		T,
-		u,
 		y,
-		f
-	]), A = (e, t) => {
-		let n = O.length, r = e < 0 ? t === 1 ? -1 : n : e;
+		E,
+		d,
+		b,
+		p
+	]), j = (e, t) => {
+		let n = k.length, r = e < 0 ? t === 1 ? -1 : n : e;
 		for (let e = 1; e <= n; e++) {
 			let i = ((r + t * e) % n + n) % n;
-			if (!O[i].disabled) return i;
+			if (!k[i].disabled) return i;
 		}
 		return -1;
 	};
 	return {
-		searchValue: x,
-		focusedIndex: C,
-		selectedOptions: T,
-		filteredOptions: O,
-		handleSelect: k,
+		searchValue: S,
+		focusedIndex: w,
+		selectedOptions: E,
+		filteredOptions: k,
+		handleSelect: A,
 		handleKeyDown: r((e) => {
 			switch (e.key) {
 				case "Escape":
 					e.preventDefault(), e.stopPropagation();
 					break;
 				case "ArrowDown":
-					e.preventDefault(), e.stopPropagation(), D.current = !0, w((e) => A(e, 1));
+					e.preventDefault(), e.stopPropagation(), O.current = !0, T((e) => j(e, 1));
 					break;
 				case "ArrowUp":
-					e.preventDefault(), e.stopPropagation(), D.current = !0, w((e) => A(e, -1));
+					e.preventDefault(), e.stopPropagation(), O.current = !0, T((e) => j(e, -1));
 					break;
 				case "Enter":
-				case " ": e.preventDefault(), e.stopPropagation(), C >= 0 && C < O.length && k(O[C]);
+				case " ": e.preventDefault(), e.stopPropagation(), w >= 0 && w < k.length && A(k[w]);
 			}
 		}, [
-			O,
-			C,
-			k
+			k,
+			w,
+			A
 		]),
 		handleSearchChange: r((e) => {
 			let t = e.currentTarget.value;
-			t !== x && (D.current = !1, S(t), p?.search(t), w(-1));
-		}, [p, x]),
-		isOptionSelected: r((e) => T.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), [T]),
-		setFocusedIndex: w
+			t !== S && (O.current = !1, C(t), m?.search(t), T(-1));
+		}, [m, S]),
+		isOptionSelected: r((e) => E.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), [E]),
+		setFocusedIndex: T
 	};
 }
 //#endregion
-export { c as useDropdownService };
+export { l as useDropdownService };

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-um1L1wgZ.js";
-import { t as i } from "../_chunks/popup-DECYM9FI.js";
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-DjJ8Na3T.js";
+import { t as i } from "../_chunks/popup-HEUnOeq-.js";
 export { t as Dropdown, i as DropdownPopup, n as DropdownPopupContent, r as defineDropdown, e as destroyDropdown };

package/dropdown/lookup-field.js

@@ -1,12 +1,12 @@
-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-um1L1wgZ.js";
-import { n as i } from "../_chunks/editor-commit-Dyo-FMgD.js";
-import { EditorActions as a } from "../editor-actions.js";
+import { i as e, t } from "../_chunks/hooks.module-CXpO2xq6.js";
+import { t as n } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { l as r } from "../_chunks/native-control-DjJ8Na3T.js";
+import { EditorActions as i } from "../editor-actions.js";
+import { n as a } from "../_chunks/editor-commit-BXIUX0As.js";
 //#region package/dropdown/lookup-field.tsx
 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(() => {
+	return a(() => {
 		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);
@@ -47,7 +47,7 @@ function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
 				class: "rv-editor-error",
 				children: s.text?.requiredValue ?? "Select at least one record."
 			}),
-			/* @__PURE__ */ n(a, {
+			/* @__PURE__ */ n(i, {
 				showConfirm: s.showActions ?? !h,
 				text: s.actions,
 				disabled: s.required && v,

package/dropdown/popup.js

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

package/duration/index.js

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