@gooddata/sdk-ui-kit 11.42.0-alpha.0 → 11.42.0-alpha.2

package/esm/@ui/UiCombobox/useComboboxChrome.js

@@ -0,0 +1,61 @@
+// (C) 2026 GoodData Corporation
+import { useCallback, useMemo, useRef, useState } from "react";
+/** @internal */
+export function useComboboxChrome() {
+    const [isOpen, setIsOpen] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(null);
+    const anchorRef = useRef(null);
+    const itemRefs = useRef([]);
+    // Target index for when the scroll request runs before the item mounts.
+    const pendingScrollIndexRef = useRef(null);
+    const scrollIndexIntoView = useCallback((index) => {
+        if (index == null) {
+            pendingScrollIndexRef.current = null;
+            return;
+        }
+        const node = itemRefs.current[index];
+        if (node) {
+            pendingScrollIndexRef.current = null;
+            node.scrollIntoView({ block: "nearest" });
+        }
+        else {
+            pendingScrollIndexRef.current = index;
+        }
+    }, []);
+    const registerItemRef = useCallback((node, index) => {
+        itemRefs.current[index] = node;
+        if (node != null && pendingScrollIndexRef.current === index) {
+            pendingScrollIndexRef.current = null;
+            node.scrollIntoView({ block: "nearest" });
+        }
+    }, []);
+    const focusByDelta = useCallback((delta, total) => {
+        if (total === 0) {
+            setIsOpen(true);
+            return;
+        }
+        // When opening from a closed state, jump to the first / last item.
+        if (!isOpen) {
+            setIsOpen(true);
+            const next = delta === 1 ? 0 : total - 1;
+            setActiveIndex(next);
+            scrollIndexIntoView(next);
+            return;
+        }
+        // Clamp on read so a stale activeIndex from a shrunken list still
+        // produces a sensible wrap.
+        const current = activeIndex == null ? null : Math.min(activeIndex, total - 1);
+        const next = current == null ? (delta === 1 ? 0 : total - 1) : (current + delta + total) % total;
+        setActiveIndex(next);
+        scrollIndexIntoView(next);
+    }, [isOpen, activeIndex, scrollIndexIntoView]);
+    return useMemo(() => ({
+        isOpen,
+        setIsOpen,
+        activeIndex,
+        setActiveIndex,
+        anchorRef,
+        registerItemRef,
+        focusByDelta,
+    }), [isOpen, activeIndex, anchorRef, registerItemRef, focusByDelta]);
+}

package/esm/@ui/UiCombobox/useComboboxSelection.d.ts

@@ -0,0 +1,24 @@
+import type { IUiComboboxOption } from "./types.js";
+/** @internal */
+export interface IUseComboboxSelectionParams {
+    options: IUiComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    creatable?: boolean;
+    setIsOpen: (open: boolean) => void;
+    setActiveIndex: (index: number | null) => void;
+}
+/**
+ * @internal
+ */
+export declare function useComboboxSelection({ options, value, defaultValue, onValueChange, creatable, setIsOpen, setActiveIndex }: IUseComboboxSelectionParams): {
+    availableOptions: IUiComboboxOption[];
+    inputValue: string;
+    onInputChange: (next: string) => void;
+    onInputBlur: () => void;
+    selectedOption: IUiComboboxOption | undefined;
+    selectOption: (option: IUiComboboxOption, index?: number | undefined) => void;
+    resetState: () => void;
+};
+//# sourceMappingURL=useComboboxSelection.d.ts.map

package/esm/@ui/UiCombobox/useComboboxSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxSelection.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/useComboboxSelection.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpD,gBAAgB;AAChB,MAAM,WAAW,2BAA2B;IACxC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,SAAiB,EACjB,SAAS,EACT,cAAc,EACjB,EAAE,2BAA2B;;;;;;;;EAgF7B"}

package/esm/@ui/UiCombobox/useComboboxSelection.js

@@ -0,0 +1,82 @@
+// (C) 2026 GoodData Corporation
+import { useCallback, useMemo, useState } from "react";
+import { normalizeValue } from "./utils.js";
+/**
+ * @internal
+ */
+export function useComboboxSelection({ options, value, defaultValue = "", onValueChange, creatable = false, setIsOpen, setActiveIndex, }) {
+    const [inputValue, setInputValue] = useControlledValue({ value, defaultValue, onValueChange });
+    const [selectedOption, setSelectedOption] = useState(undefined);
+    const resetState = useCallback(() => {
+        setInputValue(defaultValue);
+        setActiveIndex(null);
+        setSelectedOption(undefined);
+    }, [defaultValue, setInputValue, setActiveIndex]);
+    const availableOptions = useMemo(() => {
+        const value = normalizeValue(inputValue);
+        const selectedValue = selectedOption ? normalizeValue(selectedOption.label) : undefined;
+        // Show all options when there is no value or the value is the same as the selected value
+        if (!value || value === selectedValue) {
+            return options;
+        }
+        const matchedOptions = options.filter((option) => normalizeValue(option.label).includes(value));
+        const hasExactMatch = matchedOptions.some((option) => normalizeValue(option.label) === value);
+        // Add a creatable option if there are multiple matches and none matches the input exactly
+        if (creatable && !hasExactMatch) {
+            matchedOptions.push({
+                id: `creatable/${inputValue}`,
+                label: inputValue,
+                creatable: true,
+            });
+        }
+        return matchedOptions;
+    }, [options, inputValue, selectedOption, creatable]);
+    const selectOption = useCallback((option, index) => {
+        // Hover sets activeIndex without checking `disabled`, so without
+        // this guard a disabled row could be Enter-confirmed even though
+        // clicking it is blocked in the list item.
+        if (option.disabled) {
+            return;
+        }
+        if (index !== undefined) {
+            setActiveIndex(index);
+        }
+        setSelectedOption(option);
+        setIsOpen(false);
+        setInputValue(option.label);
+    }, [setActiveIndex, setIsOpen, setInputValue]);
+    const onInputChange = useCallback((next) => {
+        setInputValue(next);
+        setIsOpen(true);
+    }, [setInputValue, setIsOpen]);
+    const onInputBlur = useCallback(() => {
+        if (inputValue && selectedOption && inputValue !== selectedOption.label && !creatable) {
+            setInputValue(selectedOption.label);
+        }
+        setIsOpen(false);
+    }, [inputValue, selectedOption, setInputValue, creatable, setIsOpen]);
+    return useMemo(() => ({
+        availableOptions,
+        inputValue,
+        onInputChange,
+        onInputBlur,
+        selectedOption,
+        selectOption,
+        resetState,
+    }), [availableOptions, inputValue, onInputChange, onInputBlur, selectedOption, selectOption, resetState]);
+}
+function useControlledValue(params) {
+    const { value, defaultValue, onValueChange } = params;
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+    const isControlled = value !== undefined;
+    const controlledValue = isControlled ? value : uncontrolledValue;
+    const setControlledValue = useCallback((newValue) => {
+        if (isControlled) {
+            onValueChange?.(newValue);
+        }
+        else {
+            setUncontrolledValue(newValue);
+        }
+    }, [isControlled, onValueChange]);
+    return [controlledValue, setControlledValue];
+}

package/esm/@ui/UiDropdown/UiDropdown.js

@@ -5,7 +5,7 @@ import { usePropState } from "@gooddata/sdk-ui";
 import { isElementTextInput } from "../../utils/domUtilities.js";
 import { useId } from "../../utils/useId.js";
 import { bem } from "../@utils/bem.js";
-import { UiFloatingElement } from "../UiFloatingElement/UiFloatingElement.js";
+import { UiFloatingPanel } from "../UiFloatingPanel/UiFloatingPanel.js";
 import { UiFocusManager } from "../UiFocusManager/UiFocusManager.js";
 import { resolveRef } from "../UiFocusManager/utils.js";
 const { e } = bem("gd-ui-kit-dropdown");
@@ -118,9 +118,9 @@ export function UiDropdown({ renderButton, renderBody, isOpen: isOpenProp, onOpe
         },
     }), [closeDropdown, dropdownId]);
     return (_jsxs(_Fragment, { children: [
-            _jsx("div", { ref: buttonWrapperRef, id: buttonId, className: e("button", { fullWidth: !!fullWidthButton }), onKeyDown: handleKeyDown, children: renderButton(buttonRenderProps) }), _jsx(UiFloatingElement, { anchor: buttonWrapperRef, isOpen: isOpen, onClose: closeDropdown, placement: placement, offset: offset, alignPoints: alignPoints, closeOnOutsideClick: closeOnOutsideClick, closeOnEscape: closeOnEscape, closeOnParentScroll: closeOnParentScroll, closeOnMouseDrag: closeOnMouseDrag, ignoreClicksOn: ignoreClicksOnByClass, zIndex: zIndex, width: width, accessibilityConfig: {
+            _jsx("div", { ref: buttonWrapperRef, id: buttonId, className: e("button", { fullWidth: !!fullWidthButton }), onKeyDown: handleKeyDown, children: renderButton(buttonRenderProps) }), _jsx(UiFloatingPanel, { anchor: buttonWrapperRef, isOpen: isOpen, onClose: closeDropdown, placement: placement, offset: offset, alignPoints: alignPoints, closeOnOutsideClick: closeOnOutsideClick, closeOnEscape: closeOnEscape, closeOnParentScroll: closeOnParentScroll, closeOnMouseDrag: closeOnMouseDrag, ignoreClicksOn: ignoreClicksOnByClass, zIndex: zIndex, width: width, accessibilityConfig: {
                     role: accessibilityConfig?.popupRole ?? "dialog",
                     ariaLabelledBy: buttonId,
-                }, children: _jsx(UiFocusManager, { tabOutHandler: enableFocusTrap ? undefined : handleTabOut, enableFocusTrap: enableFocusTrap, enableAutofocus: autofocusOnOpen ? { initialFocus } : false, enableReturnFocusOnUnmount: { returnFocusTo: returnFocusTo ?? buttonRef }, children: _jsx("div", { className: e("body"), children: renderBody(bodyRenderProps) }) }) })
+                }, children: _jsx(UiFocusManager, { tabOutHandler: enableFocusTrap ? undefined : handleTabOut, enableFocusTrap: enableFocusTrap, enableAutofocus: autofocusOnOpen ? { initialFocus } : false, enableReturnFocusOnUnmount: { returnFocusTo: returnFocusTo ?? buttonRef }, children: renderBody(bodyRenderProps) }) })
         ] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"UiFloatingElement.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/UiFloatingElement.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAA0B,EAC1B,WAAW,EACX,QAAqB,EACrB,MAAM,EACN,QAAe,EACf,mBAA0B,EAC1B,aAAqB,EACrB,mBAA2B,EAC3B,gBAAwB,EACxB,cAAuC,EACvC,kBAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,KAAc,EACd,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACpB,EAAE,uBAAuB,kDA0FzB"}
+{"version":3,"file":"UiFloatingElement.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingElement/UiFloatingElement.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAA0B,EAC1B,WAAW,EACX,QAAqB,EACrB,MAAM,EACN,QAAe,EACf,mBAA0B,EAC1B,aAAqB,EACrB,mBAA2B,EAC3B,gBAAwB,EACxB,cAAuC,EACvC,kBAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,KAAc,EACd,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACpB,EAAE,uBAAuB,kDA+FzB"}

package/esm/@ui/UiFloatingElement/UiFloatingElement.js

@@ -7,7 +7,7 @@ import { ConditionalScopedThemeProvider } from "@gooddata/sdk-ui-theme-provider"
 import { bem } from "../@utils/bem.js";
 import { useCloseOnEscape } from "../hooks/useCloseOnEscape.js";
 import { useCloseOnMouseDrag } from "../hooks/useCloseOnMouseDrag.js";
-import { FLOATING_ELEMENT_DATA_ATTR, useCloseOnOutsideClick } from "../hooks/useCloseOnOutsideClick.js";
+import { FLOATING_ELEMENT_DATA_ATTR, useCloseOnOutsideClick, useRegisterFloatingAnchor, } from "../hooks/useCloseOnOutsideClick.js";
 import { useCloseOnParentScroll } from "../hooks/useCloseOnParentScroll.js";
 import { useFloatingPosition } from "./useFloatingPosition.js";
 import { getDimensionsFromRef, resolveAnchor } from "./utils.js";
@@ -79,10 +79,11 @@ export function UiFloatingElement({ children, anchor, isOpen, onClose, placement
         }
         return {};
     }, [width, resolvedAnchor]);
+    const setFloatingWithAnchorRegistry = useRegisterFloatingAnchor(refs.setFloating, resolvedAnchor instanceof Element ? resolvedAnchor : null);
     if (!isOpen) {
         return null;
     }
-    return (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsx("div", { ref: refs.setFloating, className: cx(b(), className), style: {
+    return (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsx("div", { ref: setFloatingWithAnchorRegistry, className: cx(b(), className), style: {
                     ...floatingStyles,
                     ...getWidthStyle(),
                     ...style,

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

@@ -0,0 +1,28 @@
+import { type IUiFloatingElementProps } from "../UiFloatingElement/types.js";
+/**
+ * - `"none"` — content owns its own padding.
+ * - `"listbox"` — `4px 0` so listbox-style popups breathe at top/bottom.
+ *
+ * @internal
+ */
+export type UiFloatingPanelPadding = "none" | "listbox";
+/**
+ * Props passed through to `UiFloatingElement`. The `Omit` narrows the surface
+ * away from props the canonical panel chrome owns or doesn't want callers to
+ * tune (`className` / `contentClassName` — chrome is bundled; positioning
+ * knobs reserved for low-level use).
+ *
+ * @internal
+ */
+export interface IUiFloatingPanelProps extends Omit<IUiFloatingElementProps, "className" | "contentClassName" | "strategy" | "autoFlip" | "maxWidth" | "maxHeight" | "onPlacementChange"> {
+    /** Vertical padding bundled with the panel chrome. Defaults to `"none"`. */
+    padding?: UiFloatingPanelPadding;
+}
+/**
+ * `UiFloatingElement` plus the kit's canonical popup chrome (background,
+ * border-radius, shadow). Shared surface for dropdowns, comboboxes, pickers.
+ *
+ * @internal
+ */
+export declare function UiFloatingPanel({ children, padding, ...rest }: IUiFloatingPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiFloatingPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiFloatingPanel.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFloatingPanel/UiFloatingPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAK7E;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAC/C,uBAAuB,EACrB,WAAW,GACX,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,mBAAmB,CACxB;IACG,4EAA4E;IAC5E,OAAO,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAM7F"}

package/esm/@ui/UiFloatingPanel/UiFloatingPanel.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { bem } from "../@utils/bem.js";
+import { UiFloatingElement } from "../UiFloatingElement/UiFloatingElement.js";
+const { b } = bem("gd-ui-kit-floating-panel");
+/**
+ * `UiFloatingElement` plus the kit's canonical popup chrome (background,
+ * border-radius, shadow). Shared surface for dropdowns, comboboxes, pickers.
+ *
+ * @internal
+ */
+export function UiFloatingPanel({ children, padding = "none", ...rest }) {
+    return (_jsx(UiFloatingElement, { ...rest, children: _jsx("div", { className: b({ padding }), children: children }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"UiTags.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/UiTags.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAO/D;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,UAAU,EACV,QAAoB,EACpB,SAAkB,EAClB,WAAsB,EACtB,UAAoB,EACpB,SAAkB,EAClB,WAAuB,EACvB,SAAuB,EACvB,WAAsB,EACtB,cAA+B,EAC/B,IAAoB,EACpB,IAAc,EACd,aAAoB,EACpB,YAAmB,EACnB,QAAgB,EAChB,UAAqB,EACrB,QAAmB,EACnB,WAAsB,EACtB,mBAAgD,EAChD,eAAe,EAClB,EAAE,YAAY,2CAoUd"}
+{"version":3,"file":"UiTags.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/UiTags.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAO/D;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,UAAU,EACV,QAAoB,EACpB,SAAkB,EAClB,WAAsB,EACtB,UAAoB,EACpB,SAAkB,EAClB,WAAuB,EACvB,SAAuB,EACvB,WAAsB,EACtB,cAA+B,EAC/B,IAAoB,EACpB,IAAc,EACd,aAAoB,EACpB,YAAmB,EACnB,QAAgB,EAChB,UAAqB,EACrB,QAAmB,EACnB,WAAsB,EACtB,mBAAgD,EAChD,eAAe,EAClB,EAAE,YAAY,2CAmUd"}

package/esm/@ui/UiTags/UiTags.js

@@ -94,7 +94,7 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
                                     _jsx(UiComboboxInput, { ref: (node) => {
                                             inputRef.current = node;
                                             interactionState.current.input = node;
-                                        }, name: "add-input", className: e("add-input"), "aria-label": nameLabel, onKeyDown: (event) => {
+                                        }, name: "add-input", "aria-label": nameLabel, onKeyDown: (event) => {
                                             if (event.isDefaultPrevented()) {
                                                 return;
                                             }
@@ -102,7 +102,7 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
                                                 onTagAddHandler();
                                                 onClose();
                                             }
-                                        } }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { role: "none", children: (option, index) => (_jsxs(UiComboboxListItem, { option: option, index: index, children: [
+                                        } }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { children: (option, index) => (_jsxs(UiComboboxListItem, { option: option, index: index, children: [
                                                     _jsx(UiComboboxListItemLabel, { children: option.label }), option.creatable ? (_jsx(UiComboboxListItemCreatableLabel, { children: creatableLabel })) : null] }, option.id)) }) })
                                 ] })), footer: ({ onClose }) => (_jsxs(_Fragment, { children: [
                                     _jsx(UiButton, { label: cancelLabel, variant: "secondary", onClick: onClose, ref: (ref) => {

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

@@ -1,4 +1,4 @@
-import { type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler } from "react";
+import { type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler, type Ref } from "react";
 import { type IAccessibilityConfigBase } from "../../typings/accessibility.js";
 import { type IconType } from "../@types/icon.js";
 /**
@@ -53,6 +53,17 @@ export interface IUiTextInputProps {
     onClick?: MouseEventHandler<HTMLInputElement>;
     /** Test id forwarded to the input element. */
     dataTestId?: string;
+    inputRef?: Ref<HTMLInputElement>;
+    /** Use as the floating-popup anchor when the popup should match the full field width. */
+    wrapperRef?: Ref<HTMLDivElement>;
+    name?: string;
+    /**
+     * Browser-autofill control. Combobox/autocomplete patterns should set
+     * `"off"` so the native dropdown doesn't overlap the listbox.
+     */
+    autoComplete?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
 }
 /**
  * Single-line text input with optional label and leading / trailing icons.
@@ -61,5 +72,5 @@ export interface IUiTextInputProps {
  *
  * @internal
  */
-export declare function UiTextInput({ type, value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled, autoFocus, onKeyDown, onFocus, onBlur, onClick, dataTestId }: IUiTextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiTextInput({ type, value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled, autoFocus, onKeyDown, onFocus, onBlur, onClick, dataTestId, inputRef, wrapperRef, name, autoComplete, autoCapitalize, autoCorrect }: IUiTextInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiTextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiTextInput.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTextInput/UiTextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EAEzB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IACxC,uCAAuC;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,sBAAsB;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC3C,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,mFAAmF;IACnF,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACnD,sCAAsC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,sCAAsC;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,sCAAsC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EACxB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACb,EAAE,iBAAiB,2CAuDnB"}
+{"version":3,"file":"UiTextInput.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTextInput/UiTextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,GAAG,EAEX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IACxC,uCAAuC;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,sBAAsB;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC3C,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,mFAAmF;IACnF,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACnD,sCAAsC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,sCAAsC;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,sCAAsC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,yFAAyF;IACzF,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EACxB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,WAAW,EACd,EAAE,iBAAiB,2CA4DnB"}

package/esm/@ui/UiTextInput/UiTextInput.js

@@ -13,12 +13,12 @@ const { b, e } = bem("gd-ui-kit-text-input");
  *
  * @internal
  */
-export function UiTextInput({ type = "text", value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled = false, autoFocus = false, onKeyDown, onFocus, onBlur, onClick, dataTestId, }) {
+export function UiTextInput({ type = "text", value, onChange, label, placeholder, iconBefore, iconAfter, onIconAfter, accessibilityConfig, disabled = false, autoFocus = false, onKeyDown, onFocus, onBlur, onClick, dataTestId, inputRef, wrapperRef, name, autoComplete, autoCapitalize, autoCorrect, }) {
     const id = useId();
     const { ariaLabel, ...restA11y } = accessibilityConfig ?? {};
     // When a visible <label> is present, the label provides the accessible name;
     // forwarding aria-label would override it (WCAG name-in-name mismatch).
     const inputA11y = label ? restA11y : { ...restA11y, ariaLabel };
-    return (_jsxs("div", { className: b(), children: [label ? (_jsx("label", { className: e("label"), htmlFor: id, children: label })) : null, _jsxs("div", { className: e("field", { disabled }), children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: 14, color: "complementary-6" }) })) : null, _jsx("input", { id: id, type: type, className: e("input"), value: value, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, "data-testid": dataTestId, onChange: (event) => onChange(event.target.value), onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, onClick: onClick, ...accessibilityConfigToAttributes(inputA11y) }), onIconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIconButton, { icon: onIconAfter.icon, size: "xsmall", variant: "tertiary", onClick: onIconAfter.onClick, isDisabled: disabled, label: onIconAfter.ariaLabel, iconColor: "complementary-6" }) })) : iconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIcon, { type: iconAfter, size: 14, color: "complementary-6" }) })) : null] })
+    return (_jsxs("div", { ref: wrapperRef, className: b(), children: [label ? (_jsx("label", { className: e("label"), htmlFor: id, children: label })) : null, _jsxs("div", { className: e("field", { disabled }), children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: 14, color: "complementary-6" }) })) : null, _jsx("input", { ref: inputRef, id: id, name: name, type: type, className: e("input"), value: value, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, "data-testid": dataTestId, onChange: (event) => onChange(event.target.value), onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, onClick: onClick, ...accessibilityConfigToAttributes(inputA11y) }), onIconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIconButton, { icon: onIconAfter.icon, size: "xsmall", variant: "tertiary", onClick: onIconAfter.onClick, isDisabled: disabled, label: onIconAfter.ariaLabel, iconColor: "complementary-6" }) })) : iconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIcon, { type: iconAfter, size: 14, color: "complementary-6" }) })) : null] })
         ] }));
 }

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":"AAuBA,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,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,mBAAmB,EACtB,EAAE,eAAe,2CAyKjB"}
+{"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,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,mBAAmB,EACtB,EAAE,eAAe,2CAmLjB"}

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

@@ -4,7 +4,7 @@ import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { FloatingArrow, FloatingPortal, safePolygon, useClick, 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 { FLOATING_ELEMENT_DATA_ATTR } from "../hooks/useCloseOnOutsideClick.js";
+import { FLOATING_ELEMENT_DATA_ATTR, isClickInsideOwnSubtree, useRegisterFloatingAnchor, } from "../hooks/useCloseOnOutsideClick.js";
 import { useFloatingPosition } from "../UiFloatingElement/useFloatingPosition.js";
 import { ARROW_HEIGHT, ARROW_WIDTH, HIDE_DELAY, SHOW_DELAY } from "./constants.js";
 import { computeArrowOffset, computeTooltipShift, getDimensionsFromRect, getFlipFallbackOrder, getOppositeBasicPlacement, } from "./utils.js";
@@ -93,8 +93,14 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
     const click = useClick(context, {
         enabled: triggerBy.includes("click"),
     });
-    // Close on escape/outside click
-    const dismiss = useDismiss(context, { enabled: isOpenProp === undefined });
+    // 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.
+    const setFloatingWithAnchorRegistry = useRegisterFloatingAnchor(refs.setFloating, () => refs.reference.current instanceof Element ? refs.reference.current : null);
+    const dismiss = useDismiss(context, {
+        enabled: isOpenProp === undefined,
+        outsidePress: (event) => !isClickInsideOwnSubtree(event.target, refs.floating.current),
+    });
     const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover, focus, click]);
     return (_jsxs(_Fragment, { children: [
             _jsx("div", { className: e("anchor"), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), _jsx("span", { className: "sr-only", id: id, children: isOpen
@@ -104,7 +110,7 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
                     : null }), isOpen ? (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsxs("div", { className: b({
                             width: width === "same-as-anchor" ? "same-as-anchor" : false,
                             variant,
-                        }), ref: refs.setFloating, style: {
+                        }), ref: setFloatingWithAnchorRegistry, style: {
                             zIndex,
                             ...floatingStyles,
                             width: width === "same-as-anchor" ? triggerDimensions?.width : width,

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

@@ -6,6 +6,37 @@ import { type ReferenceType } from "@floating-ui/react";
  * @internal
  */
 export declare const FLOATING_ELEMENT_DATA_ATTR = "data-gd-floating-element";
+/**
+ * Register a floating panel ↔ anchor association. The dismiss hook walks
+ * the anchor's DOM ancestry to decide whether a click inside the panel is
+ * actually inside our subtree.
+ *
+ * @internal
+ */
+export declare function registerFloatingAnchor(panel: Element | null, anchor: Element | null): void;
+/**
+ * Wraps a floating-ui `setFloating` callback so the resulting ref also
+ * registers the panel↔anchor association in {@link floatingPanelAnchors}.
+ * Co-locates the registry write next to its consumer so every floating
+ * primitive gets nested-popup detection without re-implementing the wiring.
+ *
+ * Accepts the anchor as `Element | null` directly or as a getter — the
+ * getter form lets consumers read a floating-ui MutableRefObject lazily,
+ * at the moment the floating element mounts.
+ *
+ * @internal
+ */
+export declare function useRegisterFloatingAnchor(setFloating: (node: HTMLElement | null) => void, anchor: Element | null | (() => Element | null)): (node: HTMLElement | null) => void;
+/**
+ * Whether `target` lives inside the subtree owned by `ownFloating` — either
+ * directly (DOM containment) or transitively through a nested floating panel
+ * whose anchor chain leads back into `ownFloating`. Both portal to body, so
+ * DOM containment alone can't distinguish nested children from foreign
+ * siblings; the floating-panel-anchor registry bridges the gap.
+ *
+ * @internal
+ */
+export declare function isClickInsideOwnSubtree(target: Element | null, ownFloating: Element | null): boolean;
 /**
  * @internal
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOxD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;CAClD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,IAAI,EACnB,OAAO,EAAE,8BAA8B,GACxC,IAAI,CAqCN"}
+{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA0B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOxD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAarE;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAO1F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CACrC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,EAC/C,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAChD,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CASpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAWpG;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;CAClD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,IAAI,EACnB,OAAO,EAAE,8BAA8B,GACxC,IAAI,CAiCN"}

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

@@ -1,5 +1,5 @@
-// (C) 2025 GoodData Corporation
-import { useEffect } from "react";
+// (C) 2025-2026 GoodData Corporation
+import { useCallback, useEffect } from "react";
 import { isClickOnIgnoredElement } from "../UiFloatingElement/utils.js";
 // Stable empty array to avoid re-creating on every render
 const EMPTY_IGNORE_CLICKS_ON = [];
@@ -9,6 +9,76 @@ const EMPTY_IGNORE_CLICKS_ON = [];
  * @internal
  */
 export const FLOATING_ELEMENT_DATA_ATTR = "data-gd-floating-element";
+/**
+ * Module-scope registry tracking each floating panel's anchor (reference)
+ * element. Lets `useCloseOnOutsideClick` distinguish a NESTED child popup
+ * (whose anchor lives inside our floating element) from an unrelated SIBLING
+ * popup that happens to be open at the same time — DOM containment alone
+ * can't tell them apart because both portal to `body`.
+ *
+ * @internal
+ */
+const floatingPanelAnchors = new WeakMap();
+/**
+ * Register a floating panel ↔ anchor association. The dismiss hook walks
+ * the anchor's DOM ancestry to decide whether a click inside the panel is
+ * actually inside our subtree.
+ *
+ * @internal
+ */
+export function registerFloatingAnchor(panel, anchor) {
+    if (!panel)
+        return;
+    if (!anchor) {
+        floatingPanelAnchors.delete(panel);
+        return;
+    }
+    floatingPanelAnchors.set(panel, anchor);
+}
+/**
+ * Wraps a floating-ui `setFloating` callback so the resulting ref also
+ * registers the panel↔anchor association in {@link floatingPanelAnchors}.
+ * Co-locates the registry write next to its consumer so every floating
+ * primitive gets nested-popup detection without re-implementing the wiring.
+ *
+ * Accepts the anchor as `Element | null` directly or as a getter — the
+ * getter form lets consumers read a floating-ui MutableRefObject lazily,
+ * at the moment the floating element mounts.
+ *
+ * @internal
+ */
+export function useRegisterFloatingAnchor(setFloating, anchor) {
+    return useCallback((node) => {
+        setFloating(node);
+        const anchorEl = typeof anchor === "function" ? anchor() : anchor;
+        registerFloatingAnchor(node, anchorEl);
+    }, [setFloating, anchor]);
+}
+/**
+ * Whether `target` lives inside the subtree owned by `ownFloating` — either
+ * directly (DOM containment) or transitively through a nested floating panel
+ * whose anchor chain leads back into `ownFloating`. Both portal to body, so
+ * DOM containment alone can't distinguish nested children from foreign
+ * siblings; the floating-panel-anchor registry bridges the gap.
+ *
+ * @internal
+ */
+export function isClickInsideOwnSubtree(target, ownFloating) {
+    if (!target || !ownFloating)
+        return false;
+    if (ownFloating.contains(target))
+        return true;
+    let cursor = target.closest(`[${FLOATING_ELEMENT_DATA_ATTR}]`);
+    while (cursor) {
+        const anchor = floatingPanelAnchors.get(cursor);
+        if (!anchor)
+            return false;
+        if (ownFloating.contains(anchor))
+            return true;
+        cursor = anchor.closest(`[${FLOATING_ELEMENT_DATA_ATTR}]`);
+    }
+    return false;
+}
 /**
  * Hook to trigger a callback when clicking outside of a target element.
  *
@@ -22,15 +92,12 @@ export function useCloseOnOutsideClick(isOpen, onClose, options) {
         }
         const handleClick = (event) => {
             const target = event.target;
-            if (floatingRef.current?.contains(target)) {
+            if (isClickInsideOwnSubtree(target, floatingRef.current)) {
                 return;
             }
             if (anchorRef.current instanceof Element && anchorRef.current.contains(target)) {
                 return;
             }
-            if (target.closest(`[${FLOATING_ELEMENT_DATA_ATTR}]`)) {
-                return;
-            }
             if (isClickOnIgnoredElement(target, ignoreClicksOn)) {
                 return;
             }

package/esm/Dialog/ShareDialog/ShareDialog.d.ts

@@ -2,5 +2,5 @@ import { type IShareDialogProps } from "./types.js";
 /**
  * @internal
  */
-export declare function ShareDialog({ backend, workspace, locale, sharedObject, currentUser, onApply, onCancel, onError, onInteraction, isLockingSupported, isCurrentUserWorkspaceManager, isGranteeShareLoading, labels, currentUserPermissions, dashboardFilters, dashboardParameters, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, onShareLinkCopy }: IShareDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShareDialog({ backend, workspace, locale, sharedObject, currentUser, onApply, onCancel, onError, onInteraction, isLockingSupported, isCurrentUserWorkspaceManager, isGranteeShareLoading, labels, currentUserPermissions, dashboardFilters, dashboardParameters, dashboardLinkBasePath, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, onShareLinkCopy }: IShareDialogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ShareDialog.d.ts.map

package/esm/Dialog/ShareDialog/ShareDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAwB,EACxB,kBAAkB,EAClB,6BAA6B,EAC7B,qBAAqB,EACrB,MAAM,EACN,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,EAClB,EAAE,iBAAiB,2CAgHnB"}
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAwB,EACxB,kBAAkB,EAClB,6BAA6B,EAC7B,qBAAqB,EACrB,MAAM,EACN,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,EAClB,EAAE,iBAAiB,2CAiHnB"}

package/esm/Dialog/ShareDialog/ShareDialog.js

@@ -9,7 +9,7 @@ import { mapGranteesToGranularAccessGrantees, mapGranteesToShareStatus, mapOwner
 /**
  * @internal
  */
-export function ShareDialog({ backend, workspace, locale, sharedObject, currentUser, onApply, onCancel, onError, onInteraction = () => { }, isLockingSupported, isCurrentUserWorkspaceManager, isGranteeShareLoading, labels, currentUserPermissions, dashboardFilters, dashboardParameters, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, onShareLinkCopy, }) {
+export function ShareDialog({ backend, workspace, locale, sharedObject, currentUser, onApply, onCancel, onError, onInteraction = () => { }, isLockingSupported, isCurrentUserWorkspaceManager, isGranteeShareLoading, labels, currentUserPermissions, dashboardFilters, dashboardParameters, dashboardLinkBasePath, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, onShareLinkCopy, }) {
     const effectiveBackend = useBackendStrict(backend);
     const effectiveWorkspace = useWorkspaceStrict(workspace);
     const areGranularPermissionsSupported = effectiveBackend.capabilities.supportsGranularAccessControl;
@@ -54,5 +54,5 @@ export function ShareDialog({ backend, workspace, locale, sharedObject, currentU
         isMetadataObjectLockingSupported,
         canWorkspaceManagerSeeEverySharedObject,
     ]);
-    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(ComponentLabelsProvider, { labels: labels, children: _jsx(ComponentInteractionProvider, { onInteraction: onInteraction, currentUser: currentUser, currentUserPermissions: currentUserPermissions, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager, sharedObjectStatus: affectedSharedObject.shareStatus, isSharedObjectLocked: affectedSharedObject.isLocked, children: _jsx(ShareDialogBase, { currentUser: currentUser, sharedObject: affectedSharedObject, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager, currentUserPermissions: currentUserPermissions, dashboardFilters: dashboardFilters, dashboardParameters: dashboardParameters, onCancel: onCancel, onSubmit: onSubmit, onError: onShareDialogBaseError, isShareGrantHidden: isShareGrantHidden, applyShareGrantOnSelect: applyShareGrantOnSelect, showDashboardShareLink: showDashboardShareLink, onShareLinkCopy: onShareLinkCopy, isGranteeShareLoading: isGranteeShareLoading }) }) }) }) }) }));
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(ComponentLabelsProvider, { labels: labels, children: _jsx(ComponentInteractionProvider, { onInteraction: onInteraction, currentUser: currentUser, currentUserPermissions: currentUserPermissions, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager, sharedObjectStatus: affectedSharedObject.shareStatus, isSharedObjectLocked: affectedSharedObject.isLocked, children: _jsx(ShareDialogBase, { currentUser: currentUser, sharedObject: affectedSharedObject, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager, currentUserPermissions: currentUserPermissions, dashboardFilters: dashboardFilters, dashboardParameters: dashboardParameters, dashboardLinkBasePath: dashboardLinkBasePath, onCancel: onCancel, onSubmit: onSubmit, onError: onShareDialogBaseError, isShareGrantHidden: isShareGrantHidden, applyShareGrantOnSelect: applyShareGrantOnSelect, showDashboardShareLink: showDashboardShareLink, onShareLinkCopy: onShareLinkCopy, isGranteeShareLoading: isGranteeShareLoading }) }) }) }) }) }));
 }

package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareDialogBase.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAKxD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,2CAoG3D"}
+{"version":3,"file":"ShareDialogBase.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAKxD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,2CAsG3D"}

package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js

@@ -11,7 +11,7 @@ const alignPoints = [{ align: "cc cc" }];
  * @internal
  */
 export function ShareDialogBase(props) {
-    const { onCancel, sharedObject, currentUser, currentUserPermissions, dashboardFilters, dashboardParameters, isCurrentUserWorkspaceManager, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, isGranteeShareLoading, onShareLinkCopy, } = props;
+    const { onCancel, sharedObject, currentUser, currentUserPermissions, dashboardFilters, dashboardParameters, dashboardLinkBasePath, isCurrentUserWorkspaceManager, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, isGranteeShareLoading, onShareLinkCopy, } = props;
     const { openInteraction, closeInteraction } = useShareDialogInteraction();
     useEffect(() => {
         openInteraction();
@@ -22,5 +22,5 @@ export function ShareDialogBase(props) {
     }, [onCancel, closeInteraction]);
     const { onAddedGranteeDelete, onSharedGranteeDelete, onAddGranteeBackClick, onAddGranteeButtonClick, onGranteeAdd, onSubmitShareGrantee, onSubmitAddGrantee, granteesToAdd, dialogMode, isShareDialogDirty, isAddDialogDirty, sharedGrantees, appliedGranteesWithOwner, isGranteesLoading, isLockedNow, isUnderLenientControlNow, onLockChange, onUnderLenientControlChange, onGranularGranteeAddChange, onGranularGranteeShareChange, } = useShareDialogBase(props);
     const previouslyFocusedRef = useRef(document.activeElement);
-    return (_jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: "gd-share-dialog-overlay", children: _jsx("div", { className: "s-gd-share-dialog", children: dialogMode === "ShareGrantee" ? (_jsx(ShareGranteeBase, { currentUserPermissions: currentUserPermissions, dashboardFilters: dashboardFilters, dashboardParameters: dashboardParameters, isShareGrantHidden: isShareGrantHidden, applyShareGrantOnSelect: applyShareGrantOnSelect, showDashboardShareLink: showDashboardShareLink, onShareLinkCopy: onShareLinkCopy, isGranteeShareLoading: isGranteeShareLoading, isLoading: isGranteesLoading, isDirty: isShareDialogDirty, isLockedNow: isLockedNow, isUnderLenientControlNow: isUnderLenientControlNow, sharedObject: sharedObject, grantees: sharedGrantees, onCancel: handleCancel, onSubmit: onSubmitShareGrantee, onAddGranteeButtonClick: onAddGranteeButtonClick, onGranteeDelete: onSharedGranteeDelete, onLockChange: onLockChange, onUnderLenientControlChange: onUnderLenientControlChange, onGranularGranteeChange: onGranularGranteeShareChange, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager })) : (_jsx(AddGranteeBase, { currentUserPermissions: currentUserPermissions, isDirty: isAddDialogDirty, currentUser: currentUser, appliedGrantees: appliedGranteesWithOwner, addedGrantees: granteesToAdd, sharedObject: sharedObject, previouslyFocusedRef: previouslyFocusedRef, onAddUserOrGroups: onGranteeAdd, onDelete: onAddedGranteeDelete, onCancel: handleCancel, onSubmit: onSubmitAddGrantee, onBackClick: onAddGranteeBackClick, onGranularGranteeChange: onGranularGranteeAddChange, isGranteeShareLoading: isGranteeShareLoading })) }) }));
+    return (_jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: "gd-share-dialog-overlay", children: _jsx("div", { className: "s-gd-share-dialog", children: dialogMode === "ShareGrantee" ? (_jsx(ShareGranteeBase, { currentUserPermissions: currentUserPermissions, dashboardFilters: dashboardFilters, dashboardParameters: dashboardParameters, dashboardLinkBasePath: dashboardLinkBasePath, isShareGrantHidden: isShareGrantHidden, applyShareGrantOnSelect: applyShareGrantOnSelect, showDashboardShareLink: showDashboardShareLink, onShareLinkCopy: onShareLinkCopy, isGranteeShareLoading: isGranteeShareLoading, isLoading: isGranteesLoading, isDirty: isShareDialogDirty, isLockedNow: isLockedNow, isUnderLenientControlNow: isUnderLenientControlNow, sharedObject: sharedObject, grantees: sharedGrantees, onCancel: handleCancel, onSubmit: onSubmitShareGrantee, onAddGranteeButtonClick: onAddGranteeButtonClick, onGranteeDelete: onSharedGranteeDelete, onLockChange: onLockChange, onUnderLenientControlChange: onUnderLenientControlChange, onGranularGranteeChange: onGranularGranteeShareChange, isCurrentUserWorkspaceManager: isCurrentUserWorkspaceManager })) : (_jsx(AddGranteeBase, { currentUserPermissions: currentUserPermissions, isDirty: isAddDialogDirty, currentUser: currentUser, appliedGrantees: appliedGranteesWithOwner, addedGrantees: granteesToAdd, sharedObject: sharedObject, previouslyFocusedRef: previouslyFocusedRef, onAddUserOrGroups: onGranteeAdd, onDelete: onAddedGranteeDelete, onCancel: handleCancel, onSubmit: onSubmitAddGrantee, onBackClick: onAddGranteeBackClick, onGranularGranteeChange: onGranularGranteeAddChange, isGranteeShareLoading: isGranteeShareLoading })) }) }));
 }