@gooddata/sdk-ui-kit 11.57.0-alpha.3 → 11.57.0-alpha.4

package/esm/@ui/UiToolbarSegmentedControl/UiToolbarSegmentedControl.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+import { type UiToolbarNamingConfig } from "../UiToolbar/context.js";
+import { type UiToolbarSegmentedControlChangeEvent } from "./context.js";
+/**
+ * @internal
+ */
+export interface IUiToolbarSegmentedControlProps {
+    value: string | undefined;
+    onChange: (value: string, event: UiToolbarSegmentedControlChangeEvent) => void;
+    /**
+     * The group needs an accessible name.
+     */
+    accessibilityConfig: UiToolbarNamingConfig;
+    isDisabled?: boolean;
+    /**
+     * Two to five {@link UiToolbarButton} or {@link UiToolbarIconButton} items, each with a `value`.
+     */
+    children: ReactNode;
+    dataTestId?: string;
+}
+/**
+ * Mutually exclusive choices rendered as one borderless strip. Arrow keys move the selection and
+ * the focus; the whole group is one tab stop. Standalone the arrows wrap; inside a {@link UiToolbar}
+ * they continue to the neighbouring toolbar item at the ends.
+ *
+ * @example
+ * ```
+ * <UiToolbarSegmentedControl value={mode} onChange={setMode} accessibilityConfig={{ ariaLabel: "Scope" }}>
+ *     <UiToolbarButton value="cell" label="Cell" />
+ *     <UiToolbarButton value="row" label="Row" />
+ * </UiToolbarSegmentedControl>
+ * ```
+ *
+ * @internal
+ */
+export declare const UiToolbarSegmentedControl: import("react").ForwardRefExoticComponent<IUiToolbarSegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=UiToolbarSegmentedControl.d.ts.map

package/esm/@ui/UiToolbarSegmentedControl/UiToolbarSegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiToolbarSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToolbarSegmentedControl/UiToolbarSegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,SAAS,EAQjB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQrE,OAAO,EAEH,KAAK,oCAAoC,EAE5C,MAAM,cAAc,CAAC;AAEtB;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,mBAAmB,EAAE,qBAAqB,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAiDD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,yBAAyB,4HA6HrC,CAAC"}

package/esm/@ui/UiToolbarSegmentedControl/UiToolbarSegmentedControl.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, } from "react";
+import { useAutoupdateRef } from "@gooddata/sdk-ui";
+import { accessibilityConfigToAttributes } from "../../typings/utilities.js";
+import { bem } from "../@utils/bem.js";
+import { makeRadioGroupKeyboardNavigation } from "../@utils/keyboardNavigation.js";
+import { TOOLBAR_COMPOSITE_ATTR, TOOLBAR_ROOT_ATTR, hasSystemModifier, isEligibleFocusable, } from "../UiToolbar/rovingFocusUtils.js";
+import { UiToolbarSegmentedControlContext, } from "./context.js";
+const { b } = bem("gd-ui-kit-toolbar-segmented-control");
+// Decided from the DOM: a group rendered through a portal shares the toolbar's React tree but not
+// its element tree, and only the element tree is what the toolbar's roving tabindex reaches. Only a
+// UiToolbar manages the group; any other role="toolbar" ancestor does not.
+function isInsideToolbar(group) {
+    return group.parentElement?.closest(`[${TOOLBAR_ROOT_ATTR}]`) != null;
+}
+function getRadios(group) {
+    return Array.from(group.querySelectorAll('[role="radio"]'));
+}
+const NAVIGABLE_RADIO = { isDisabledFocusable: false };
+/**
+ * A radio the arrows may land on: rendered, visible and not disabled.
+ */
+function isNavigableRadio(group, radio) {
+    return isEligibleFocusable(group, radio, NAVIGABLE_RADIO);
+}
+/**
+ * Next enabled radio in the given direction. Wraps when `loop` is set, otherwise returns null at the ends.
+ */
+function findNextRadio(group, radios, from, delta, loop) {
+    // The current radio is never a candidate, so a wrap-around cannot re-select the same value.
+    const maxStep = from >= 0 ? radios.length - 1 : radios.length;
+    for (let step = 1; step <= maxStep; step++) {
+        const index = from + step * delta;
+        if (!loop && (index < 0 || index >= radios.length)) {
+            return null;
+        }
+        const candidate = radios[(index + radios.length) % radios.length];
+        if (candidate && isNavigableRadio(group, candidate)) {
+            return candidate;
+        }
+    }
+    return null;
+}
+/**
+ * Mutually exclusive choices rendered as one borderless strip. Arrow keys move the selection and
+ * the focus; the whole group is one tab stop. Standalone the arrows wrap; inside a {@link UiToolbar}
+ * they continue to the neighbouring toolbar item at the ends.
+ *
+ * @example
+ * ```
+ * <UiToolbarSegmentedControl value={mode} onChange={setMode} accessibilityConfig={{ ariaLabel: "Scope" }}>
+ *     <UiToolbarButton value="cell" label="Cell" />
+ *     <UiToolbarButton value="row" label="Row" />
+ * </UiToolbarSegmentedControl>
+ * ```
+ *
+ * @internal
+ */
+export const UiToolbarSegmentedControl = forwardRef(function UiToolbarSegmentedControl({ value, onChange, accessibilityConfig, isDisabled = false, children, dataTestId }, ref) {
+    const groupRef = useRef(null);
+    useImperativeHandle(ref, () => groupRef.current, []);
+    const onChangeRef = useAutoupdateRef(onChange);
+    const contextValue = useMemo(() => ({ value, onChange, isDisabled }), [value, onChange, isDisabled]);
+    // Standalone the group owns the roving tabindex; inside a toolbar the toolbar does. Decided
+    // from the DOM, because a group rendered through a portal shares the toolbar's React tree
+    // but not its element tree.
+    const syncStandaloneTabIndex = useCallback(() => {
+        const group = groupRef.current;
+        if (!group || isInsideToolbar(group)) {
+            return;
+        }
+        const radios = getRadios(group).filter((radio) => isNavigableRadio(group, radio));
+        const target = radios.find((radio) => radio.getAttribute("aria-checked") === "true") ?? radios[0];
+        for (const radio of getRadios(group)) {
+            radio.tabIndex = radio === target ? 0 : -1;
+        }
+    }, []);
+    useLayoutEffect(() => {
+        syncStandaloneTabIndex();
+    });
+    // Media queries can hide a radio without a render; a viewport change is the cue.
+    useEffect(() => {
+        window.addEventListener("resize", syncStandaloneTabIndex);
+        return () => window.removeEventListener("resize", syncStandaloneTabIndex);
+    }, [syncStandaloneTabIndex]);
+    // A radio can change its own eligibility without re-rendering the group.
+    useEffect(() => {
+        const group = groupRef.current;
+        if (!group || typeof MutationObserver === "undefined") {
+            return undefined;
+        }
+        const observer = new MutationObserver(syncStandaloneTabIndex);
+        observer.observe(group, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: [
+                "disabled",
+                "aria-disabled",
+                "aria-checked",
+                "aria-hidden",
+                "hidden",
+                "class",
+                "style",
+            ],
+        });
+        return () => observer.disconnect();
+    }, [syncStandaloneTabIndex]);
+    const onKeyDown = useMemo(() => {
+        const step = (event, delta) => {
+            const group = groupRef.current;
+            if (!group || event.defaultPrevented || hasSystemModifier(event)) {
+                return;
+            }
+            const radios = getRadios(group);
+            const current = event.target.closest('[role="radio"]');
+            const index = current ? radios.indexOf(current) : -1;
+            // Only the horizontal keys mean something to the enclosing toolbar, so only they hand
+            // off at the ends; vertical keys keep cycling inside the group.
+            const isHorizontal = event.code === "ArrowLeft" || event.code === "ArrowRight";
+            const loop = !isInsideToolbar(group) || !isHorizontal;
+            const next = findNextRadio(group, radios, index, delta, loop);
+            const nextValue = next?.dataset["value"];
+            if (!next || nextValue === undefined) {
+                // Only a horizontal key at the end of a toolbar group is handed on; every other
+                // arrow stays contained in the group so it cannot scroll the page.
+                if (loop) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            onChangeRef.current(nextValue, event);
+            next.focus();
+        };
+        return makeRadioGroupKeyboardNavigation({
+            onFocusPrevious: (event) => step(event, -1),
+            onFocusNext: (event) => step(event, 1),
+        }, { shouldPreventDefault: false, shouldStopPropagation: false });
+    }, [onChangeRef]);
+    return (_jsx(UiToolbarSegmentedControlContext.Provider, { value: contextValue, children: _jsx("div", { ref: groupRef, className: b(), ...accessibilityConfigToAttributes(accessibilityConfig), role: "radiogroup", "aria-disabled": isDisabled || undefined, "data-testid": dataTestId, onKeyDown: onKeyDown, [TOOLBAR_COMPOSITE_ATTR]: "", children: children }) }));
+});

package/esm/@ui/UiToolbarSegmentedControl/context.d.ts

@@ -0,0 +1,12 @@
+import { type KeyboardEvent, type MouseEvent } from "react";
+/**
+ * @internal
+ */
+export type UiToolbarSegmentedControlChangeEvent = MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+export interface IUiToolbarSegmentedControlContextValue {
+    value: string | undefined;
+    onChange: (value: string, event: UiToolbarSegmentedControlChangeEvent) => void;
+    isDisabled: boolean;
+}
+export declare const UiToolbarSegmentedControlContext: import("react").Context<IUiToolbarSegmentedControlContextValue | null>;
+//# sourceMappingURL=context.d.ts.map

package/esm/@ui/UiToolbarSegmentedControl/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToolbarSegmentedControl/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAiB,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,oCAAoC,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAExG,MAAM,WAAW,sCAAsC;IACnD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gCAAgC,wEAE5C,CAAC"}

package/esm/@ui/UiToolbarSegmentedControl/context.js

@@ -0,0 +1,3 @@
+// (C) 2026 GoodData Corporation
+import { createContext } from "react";
+export const UiToolbarSegmentedControlContext = createContext(null);

package/esm/@ui/UiToolbarSelect/UiToolbarSelect.d.ts

@@ -0,0 +1,51 @@
+import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
+import { type IAccessibilityConfigBase } from "../../typings/accessibility.js";
+import { type IUiDropdownButtonRenderProps } from "../UiDropdown/types.js";
+/**
+ * @internal
+ */
+export interface IUiToolbarSelectProps {
+    /**
+     * The current selection, or the prompt when `isPlaceholder` is set.
+     */
+    label: string;
+    /**
+     * "fixed" is 240px wide and truncates the label so the toolbar does not move as the selection
+     * changes.
+     * @defaultValue "hug"
+     */
+    width?: "hug" | "fixed";
+    /**
+     * Nothing is chosen yet; the label reads as prompt text.
+     * @defaultValue false
+     */
+    isPlaceholder?: boolean;
+    /**
+     * Held while the popup is on screen. Flips the chevron and keeps the pressed look.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    /**
+     * Shown on hover and focus, for example the full name of a truncated label.
+     */
+    tooltip?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * Attributes from the `renderButton` callback of {@link UiDropdown}. Without them the trigger
+     * announces a listbox popup.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+}
+/**
+ * Label-driven dropdown trigger of a toolbar.
+ *
+ * @internal
+ */
+export declare const UiToolbarSelect: import("react").ForwardRefExoticComponent<IUiToolbarSelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=UiToolbarSelect.d.ts.map

package/esm/@ui/UiToolbarSelect/UiToolbarSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiToolbarSelect.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToolbarSelect/UiToolbarSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG/E,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAK3E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,4BAA4B,CAAC,gBAAgB,CAAC,CAAC;CACnE;AAID;;;;GAIG;AACH,eAAO,MAAM,eAAe,qHAkD1B,CAAC"}

package/esm/@ui/UiToolbarSelect/UiToolbarSelect.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { forwardRef } from "react";
+import { simplifyText } from "@gooddata/util";
+import { accessibilityConfigToAttributes } from "../../typings/utilities.js";
+import { bem } from "../@utils/bem.js";
+import { UiToolbarChevron } from "../UiToolbar/UiToolbarChevron.js";
+import { UiToolbarItemTooltip } from "../UiToolbar/UiToolbarItemTooltip.js";
+import { useToolbarItemRole } from "../UiToolbarButton/useToolbarItemRole.js";
+const { b, e } = bem("gd-ui-kit-toolbar-select");
+/**
+ * Label-driven dropdown trigger of a toolbar.
+ *
+ * @internal
+ */
+export const UiToolbarSelect = forwardRef(function UiToolbarSelect({ label, width = "hug", isPlaceholder = false, isOpen = false, isDisabled, tooltip, onClick, onKeyDown, id, dataId, dataTestId, accessibilityConfig, ariaAttributes, }, ref) {
+    const { buttonProps } = useToolbarItemRole({ isDisabled, onClick, onKeyDown });
+    const testId = dataTestId ?? simplifyText(label);
+    const button = (_jsxs("button", { ref: ref, id: id, type: "button", className: b({ width, isPlaceholder, isActive: isOpen }), ...accessibilityConfigToAttributes(accessibilityConfig), title: width === "fixed" && tooltip === undefined ? label : undefined, "data-id": dataId, "data-testid": testId, "aria-haspopup": accessibilityConfig?.ariaHaspopup ?? "listbox", "aria-expanded": accessibilityConfig?.ariaExpanded ?? isOpen, ...buttonProps, ...ariaAttributes, children: [_jsx("span", { className: e("label"), children: label }), _jsx(UiToolbarChevron, { isOpen: isOpen })] }));
+    if (tooltip === undefined) {
+        return button;
+    }
+    return (_jsx(UiToolbarItemTooltip, { content: tooltip, isDisabled: isOpen, children: button }));
+});

package/esm/@ui/UiToolbarStepper/UiToolbarStepper.d.ts

@@ -0,0 +1,75 @@
+import { type KeyboardEvent, type MouseEvent, type Ref } from "react";
+import { type IconType } from "../@types/icon.js";
+import { type IUiDropdownButtonRenderProps } from "../UiDropdown/types.js";
+/**
+ * @internal
+ */
+export interface IUiToolbarStepperAccessibilityConfig {
+    /**
+     * Name of the value, for example "Zoom" or "Page".
+     */
+    ariaLabel: string;
+    /**
+     * Name of the increase control, for example "Zoom in" or "Next page".
+     */
+    incrementLabel: string;
+    /**
+     * Name of the decrease control, for example "Zoom out" or "Previous page".
+     */
+    decrementLabel: string;
+}
+/**
+ * @internal
+ */
+export interface IUiToolbarStepperProps {
+    /**
+     * "value" adjusts a quantity with minus and plus. "pagination" moves through a sequence with
+     * left and right arrows and shows the value as a readout.
+     */
+    variant: "value" | "pagination";
+    /**
+     * The committed value as text, for example "100%" or "1 / 2".
+     */
+    value: string;
+    onStep: (direction: 1 | -1) => void;
+    /**
+     * @defaultValue true
+     */
+    canStepUp?: boolean;
+    /**
+     * @defaultValue true
+     */
+    canStepDown?: boolean;
+    isDisabled?: boolean;
+    accessibilityConfig: IUiToolbarStepperAccessibilityConfig;
+    decreaseIcon?: IconType;
+    increaseIcon?: IconType;
+    /**
+     * Makes the value of the "value" variant editable. Enter commits the typed text. Escape and blur
+     * revert the typed text to the committed value.
+     */
+    onCommit?: (value: string) => void;
+    /**
+     * Held while the preset list is on screen.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    /**
+     * Attributes from the `renderButton` callback of a {@link UiDropdown} with `triggerRole: "combobox"`.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+    inputRef?: Ref<HTMLInputElement>;
+    onClick?: (event: MouseEvent<HTMLInputElement>) => void;
+    /**
+     * Runs before the built-in key handling, which is skipped when the event is default-prevented.
+     */
+    onInputKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    dataTestId?: string;
+}
+/**
+ * Two side controls around a value. Each part is its own toolbar stop.
+ *
+ * @internal
+ */
+export declare const UiToolbarStepper: import("react").ForwardRefExoticComponent<IUiToolbarStepperProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=UiToolbarStepper.d.ts.map

package/esm/@ui/UiToolbarStepper/UiToolbarStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiToolbarStepper.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToolbarStepper/UiToolbarStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAK3E;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC;;;OAGG;IACH,OAAO,EAAE,OAAO,GAAG,YAAY,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,oCAAoC,CAAC;IAC1D,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,4BAA4B,CAAC,gBAAgB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,mHA8H3B,CAAC"}

package/esm/@ui/UiToolbarStepper/UiToolbarStepper.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { forwardRef, useState } from "react";
+import { bem } from "../@utils/bem.js";
+import { hasSystemModifier } from "../UiToolbar/rovingFocusUtils.js";
+import { isPopupKey } from "../UiToolbarButton/useToolbarItemRole.js";
+import { UiToolbarIconButton } from "../UiToolbarIconButton/UiToolbarIconButton.js";
+const { b, e } = bem("gd-ui-kit-toolbar-stepper");
+// The side buttons are not the popup trigger. An enclosing dropdown wrapper would otherwise toggle
+// its popup on these keys and cancel the buttons' native click.
+function keepPopupKeys(event) {
+    if (!isPopupKey(event)) {
+        return;
+    }
+    event.stopPropagation();
+    // Enter and Space keep their default so the button still clicks; the arrows would only scroll.
+    if (event.code === "ArrowUp" || event.code === "ArrowDown") {
+        event.preventDefault();
+    }
+}
+const DEFAULT_ICONS = {
+    value: { decrease: "minus", increase: "plus" },
+    pagination: { decrease: "navigateLeft", increase: "navigateRight" },
+};
+/**
+ * Two side controls around a value. Each part is its own toolbar stop.
+ *
+ * @internal
+ */
+export const UiToolbarStepper = forwardRef(function UiToolbarStepper({ variant, value, onStep, canStepUp = true, canStepDown = true, isDisabled = false, accessibilityConfig, decreaseIcon, increaseIcon, onCommit, isOpen = false, ariaAttributes, inputRef, onClick, onInputKeyDown, dataTestId, }, ref) {
+    const isEditable = variant === "value" && onCommit !== undefined;
+    const [draft, setDraft] = useState(value);
+    const [committed, setCommitted] = useState(value);
+    if (committed !== value) {
+        setCommitted(value);
+        setDraft(value);
+    }
+    const handleKeyDown = (event) => {
+        // A disabled value is read-only but focusable; the keys that would open an enclosing
+        // dropdown are swallowed so the popup stays closed.
+        if (isDisabled) {
+            if (isPopupKey(event)) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            return;
+        }
+        onInputKeyDown?.(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        // While an IME is composing, the arrows walk the candidate list and Enter accepts a
+        // candidate. Those presses belong to the input method, not to the stepper.
+        if (event.nativeEvent.isComposing) {
+            return;
+        }
+        // Modified arrows are left alone: Alt+ArrowDown opens the preset list of a combobox and
+        // the other combinations belong to the browser or the OS.
+        if (event.code === "ArrowUp" && !hasSystemModifier(event)) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (canStepUp) {
+                onStep(1);
+            }
+        }
+        else if (event.code === "ArrowDown" && !hasSystemModifier(event)) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (canStepDown) {
+                onStep(-1);
+            }
+        }
+        else if (event.code === "Enter") {
+            event.preventDefault();
+            event.stopPropagation();
+            onCommit?.(draft);
+        }
+        else if (event.code === "Escape") {
+            // Not stopped: an enclosing dropdown closes its preset list on the same key.
+            setDraft(value);
+        }
+    };
+    const icons = DEFAULT_ICONS[variant];
+    return (_jsxs("div", { ref: ref, className: b({ variant }), "data-testid": dataTestId, children: [_jsx(UiToolbarIconButton, { size: "small", icon: decreaseIcon ?? icons.decrease, label: accessibilityConfig.decrementLabel, isDisabled: isDisabled || !canStepDown, onClick: () => onStep(-1), onKeyDown: keepPopupKeys }), isEditable ? (_jsx("input", { ref: inputRef, className: e("value", { isEditable, isActive: isOpen }), type: "text", inputMode: "decimal", value: draft, "aria-label": accessibilityConfig.ariaLabel, "aria-disabled": isDisabled || undefined, readOnly: isDisabled, onChange: (event) => setDraft(event.target.value), onBlur: () => setDraft(value), onClick: isDisabled ? undefined : onClick, onKeyDown: handleKeyDown, ...ariaAttributes })) : (_jsx("span", { className: e("value", { isEditable }), role: "status", "aria-label": accessibilityConfig.ariaLabel, children: value })), isEditable ? (_jsx("span", { className: "sr-only", role: "status", "aria-label": accessibilityConfig.ariaLabel, children: value })) : null, _jsx(UiToolbarIconButton, { size: "small", icon: increaseIcon ?? icons.increase, label: accessibilityConfig.incrementLabel, isDisabled: isDisabled || !canStepUp, onClick: () => onStep(1), onKeyDown: keepPopupKeys })] }));
+});

package/esm/@ui/UiTooltip/UiTooltip.d.ts

@@ -2,5 +2,5 @@ import { type IUiTooltipProps } from "./types.js";
 /**
  * @internal
  */
-export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component, inlineAnchor, anchorWrapperStyles, }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component, inlineAnchor, anchorWrapperStyles, closeOnAnchorClick, delayGroup, }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiTooltip.d.ts.map

package/esm/@ui/UiTooltip/UiTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,mBAA2B,EAC3B,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,YAAoB,EACpB,mBAAmB,GACtB,EAAE,eAAe,2CA4MjB"}
+{"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,mBAA2B,EAC3B,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,YAAoB,EACpB,mBAAmB,EACnB,kBAA0B,EAC1B,UAAkB,GACrB,EAAE,eAAe,2CA+NjB"}

package/esm/@ui/UiTooltip/UiTooltip.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2025-2026 GoodData Corporation
 import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { FloatingArrow, FloatingPortal, safePolygon, useClick, useFocus, useHover, useInteractions, } from "@floating-ui/react";
+import { FloatingArrow, FloatingPortal, safePolygon, useClick, useDelayGroup, useDismiss, useFocus, useHover, useInteractions, } from "@floating-ui/react";
 import { ConditionalScopedThemeProvider, useIsScopeThemed, useTheme } from "@gooddata/sdk-ui-theme-provider";
 import { bem } from "../@utils/bem.js";
 import { useCloseOnEscape } from "../hooks/useCloseOnEscape.js";
@@ -13,7 +13,7 @@ const { b, e } = bem("gd-ui-kit-tooltip");
 /**
  * @internal
  */
-export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, accessibilityHidden = false, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component = "div", inlineAnchor = false, anchorWrapperStyles, }) {
+export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, accessibilityHidden = false, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component = "div", inlineAnchor = false, anchorWrapperStyles, closeOnAnchorClick = false, delayGroup = false, }) {
     const [isOpenInternal, setIsOpen] = useState(false);
     const isControlled = isOpenProp !== undefined;
     const isOpen = !disabled && (isControlled ? isOpenProp : isOpenInternal || triggerBy.length === 0);
@@ -68,7 +68,7 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
     const triggerDimensions = useMemo(() => {
         const rect = refs.reference.current?.getBoundingClientRect?.();
         return getDimensionsFromRect(rect ?? null);
-    }, [refs.reference, isOpen]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [refs.reference, isOpen]); // oxlint-disable-line react-hooks/exhaustive-deps
     // Use state + layoutEffect to get dimensions AFTER DOM paints
     // This fixes arrow positioning for *-end placements on initial render
     const [floatingDimensions, setFloatingDimensions] = useState({ width: 0, height: 0 });
@@ -86,14 +86,18 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
     // triggers are suppressed — otherwise an anchor that is shared with another
     // popover (e.g. the labels picker reusing the permission-menu button) would
     // toggle both.
+    // useHover does not read the group delay on its own; it has to be passed in.
+    const group = useDelayGroup(context, { enabled: delayGroup });
     const hover = useHover(context, {
         enabled: !isControlled && triggerBy.includes("hover"),
         move: false,
         handleClose: safePolygon({ requireIntent: true }),
-        delay: {
-            open: hoverOpenDelay,
-            close: hoverCloseDelay,
-        },
+        delay: delayGroup
+            ? group.delay
+            : {
+                open: hoverOpenDelay,
+                close: hoverCloseDelay,
+            },
     });
     const focus = useFocus(context, {
         enabled: !isControlled && triggerBy.includes("focus"),
@@ -101,6 +105,15 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
     const click = useClick(context, {
         enabled: !isControlled && triggerBy.includes("click"),
     });
+    // Outside press and Escape stay with the DOM-based hooks below. Stays enabled while closed:
+    // the close it emits cancels a hover open that is still waiting on its delay.
+    const anchorPressDismiss = useDismiss(context, {
+        enabled: closeOnAnchorClick && !isControlled,
+        referencePress: true,
+        referencePressEvent: "click",
+        outsidePress: false,
+        escapeKey: false,
+    });
     // Read the anchor lazily — floating-ui's `refs.reference` is a mutable
     // ref that only has a current value once the reference element mounts,
     // which is independent of our render cycle.
@@ -119,7 +132,12 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
         anchorRef: refs.reference,
     });
     useCloseOnEscape(isOpen, handleClose);
-    const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, click]);
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        hover,
+        focus,
+        click,
+        anchorPressDismiss,
+    ]);
     const Component = component === "div" ? "div" : "span";
     return (_jsxs(_Fragment, { children: [_jsx(Component, { className: e("anchor", { inline: inlineAnchor }), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
                     ? typeof content === "function"

package/esm/@ui/UiTooltip/types.d.ts

@@ -92,6 +92,18 @@ export interface IUiTooltipProps {
      * Custom styles for the anchor wrapper element
      */
     anchorWrapperStyles?: CSSProperties;
+    /**
+     * Close the tooltip when the anchor is clicked. Uncontrolled mode only.
+     * @defaultValue false
+     */
+    closeOnAnchorClick?: boolean;
+    /**
+     * Take the hover delays from an enclosing floating-ui `FloatingDelayGroup` instead of
+     * `hoverOpenDelay` / `hoverCloseDelay`. Sibling tooltips in the group open instantly while one
+     * of them was recently open.
+     * @defaultValue false
+     */
+    delayGroup?: boolean;
 }
 export type Dimensions = {
     width: number;

package/esm/@ui/UiTooltip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/esm/@ui/hooks/useElementSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAqC,MAAM,OAAO,CAAC;AAE/E;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,CAAC,EAAE,cAAc;;;;EAmC1E"}
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAqC,MAAM,OAAO,CAAC;AAE/E;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,CAAC,EAAE,cAAc;;;;EAoC1E"}

package/esm/@ui/hooks/useElementSize.js

@@ -7,6 +7,7 @@ export function useElementSize(deps) {
     const ref = useRef(null);
     const [height, setHeight] = useState(0);
     const [width, setWidth] = useState(0);
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     useLayoutEffect(() => {
         const resizeObserver = new ResizeObserver((entries) => {
             const [entry] = entries;
@@ -27,7 +28,7 @@ export function useElementSize(deps) {
                 setWidth(0);
             }
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
     }, deps ?? []);
     return {
         ref,

package/esm/@ui/hooks/useIsTextTruncated.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Tells whether the text of an element is cut off by its width. Attach the returned ref to the
+ * element with `white-space: nowrap` and `overflow: hidden`, and pass the rendered text so a
+ * new text in the same element is measured again; the answer also follows size changes.
+ *
+ * @internal
+ */
+export declare function useIsTextTruncated(text: string): {
+    ref: (element: HTMLElement | null) => void;
+    isTruncated: boolean;
+};
+//# sourceMappingURL=useIsTextTruncated.d.ts.map

package/esm/@ui/hooks/useIsTextTruncated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsTextTruncated.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useIsTextTruncated.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAC9C,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,OAAO,CAAC;CACxB,CAwBA"}