@gooddata/sdk-ui-kit 11.43.0-alpha.0 → 11.43.0-alpha.1

package/esm/@ui/UiPopover/UiPopover.js

@@ -23,7 +23,7 @@ function buildAnchorAriaAttrs(cfg) {
 /**
  * @internal
  */
-export function UiPopover({ id, accessibilityConfig = defaultAccessibilityConfig, anchor, anchorAccessibilityConfig, width = "default", title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy = ["click"], returnFocusAfterClose = true, focusCheckFn = defaultFocusCheckFn, enableFocusTrap = false, onOpen, onClose, }) {
+export function UiPopover({ id, accessibilityConfig = defaultAccessibilityConfig, anchor, anchorAccessibilityConfig, width = "default", title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy = ["click"], returnFocusAfterClose = true, focusCheckFn = defaultFocusCheckFn, enableFocusTrap = false, isOpen, onOpenChange, onOpen, onClose, }) {
     const ref = useRef(null);
     const returnFocus = useMemo(() => {
         return returnFocusTo ?? ref;
@@ -35,7 +35,7 @@ export function UiPopover({ id, accessibilityConfig = defaultAccessibilityConfig
     // popovers (e.g. UiPermissionMenu) emit a dangling reference. Caller-supplied
     // ariaLabel / ariaLabelledBy in accessibilityConfig still takes precedence.
     const titleLabelledBy = title ? titleId : undefined;
-    return (_jsx(UiTooltip, { onOpen: onOpen, onClose: onClose, accessibilityConfig: {
+    return (_jsx(UiTooltip, { isOpen: isOpen, onOpenChange: onOpenChange, onOpen: onOpen, onClose: onClose, accessibilityConfig: {
             ariaLabelledBy: titleLabelledBy,
             ...accessibilityConfig,
             role: "dialog",

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

@@ -26,6 +26,7 @@ export type UiTagProps = {
     onDeleteKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
     tabIndex?: number;
     deleteTabIndex?: number;
+    labelAs?: "button" | "span";
 };
 /**
  * @internal

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

@@ -1 +1 @@
-{"version":3,"file":"UiTag.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTag/UiTag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAyC,MAAM,OAAO,CAAC;AAEnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAO3D;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,0GA0FhB,CAAC"}
+{"version":3,"file":"UiTag.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTag/UiTag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAyC,MAAM,OAAO,CAAC;AAEnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAO3D;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,0GA8GhB,CAAC"}

package/esm/@ui/UiTag/UiTag.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2025-2026 GoodData Corporation
 import { forwardRef, useLayoutEffect, useState } from "react";
 import { bem } from "../@utils/bem.js";
@@ -8,7 +8,7 @@ const { b, e } = bem("gd-ui-kit-tag");
 /**
  * @internal
  */
-export const UiTag = forwardRef(function UiTag({ label, size = "small", variant = "solid", iconBefore, iconBeforeColor, tabIndex, deleteTabIndex, accessibilityConfig, isDisabled, isDeletable, dataTestId, onClick, onDelete, onDeleteKeyDown, }, ref) {
+export const UiTag = forwardRef(function UiTag({ label, size = "small", variant = "solid", iconBefore, iconBeforeColor, tabIndex, deleteTabIndex, accessibilityConfig, isDisabled, isDeletable, dataTestId, labelAs, onClick, onDelete, onDeleteKeyDown, }, ref) {
     const [labelRef, setLabelRef] = useState(null);
     const [hasTooltip, setHasTooltip] = useState(false);
     const { ariaLabel, ariaLabelledBy, deleteAriaLabel } = accessibilityConfig ?? {};
@@ -23,7 +23,13 @@ export const UiTag = forwardRef(function UiTag({ label, size = "small", variant
     const iconSize = size === "small" ? 14 : 16;
     const defaultIconColor = variant === "decorated" ? "complementary-0" : "complementary-6";
     const iconColor = iconBeforeColor ?? defaultIconColor;
-    const button = (_jsxs("button", { ref: ref, tabIndex: tabIndex, "data-testid": dataTestId, className: e("trigger", { isDeletable: isDeletable ?? false, isDisabled: isDisabled ?? false }), disabled: isDisabled, "aria-disabled": isDisabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onClick: onClick, children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: iconSize, color: iconColor }) })) : null, _jsx("span", { className: e("label"), ref: setLabelRef, children: label })
+    const labelIsButton = labelAs ? labelAs === "button" : onClick !== undefined;
+    const labelClassName = e("trigger", {
+        isDeletable: isDeletable ?? false,
+        isDisabled: isDisabled ?? false,
+    });
+    const labelInner = (_jsxs(_Fragment, { children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: iconSize, color: iconColor }) })) : null, _jsx("span", { className: e("label"), ref: setLabelRef, children: label })
         ] }));
-    return (_jsxs("div", { className: b({ size, variant }), children: [hasTooltip ? (_jsx(UiTooltip, { anchor: button, content: _jsx("div", { className: e("tooltip"), children: label }), triggerBy: ["hover"], arrowPlacement: "top" })) : (button), isDeletable && !isDisabled ? (_jsx("button", { tabIndex: deleteTabIndex, "data-testid": dataTestId ? `${dataTestId}-delete-button` : undefined, "aria-label": deleteAriaLabel, className: e("delete"), onClick: onDelete, onKeyDown: onDeleteKeyDown, children: _jsx("span", { className: e("icon-delete"), children: _jsx(UiIcon, { size: 14, type: "cross", color: variant === "decorated" ? "complementary-0" : "complementary-6" }) }) })) : null] }));
+    const labelElement = labelIsButton ? (_jsx("button", { ref: ref, tabIndex: tabIndex, "data-testid": dataTestId, className: labelClassName, disabled: isDisabled, "aria-disabled": isDisabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onClick: onClick, children: labelInner })) : (_jsx("span", { className: labelClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "data-testid": dataTestId, children: labelInner }));
+    return (_jsxs("div", { className: b({ size, variant }), children: [hasTooltip ? (_jsx(UiTooltip, { anchor: labelElement, content: _jsx("div", { className: e("tooltip"), children: label }), triggerBy: ["hover"], arrowPlacement: "top" })) : (labelElement), isDeletable && !isDisabled ? (_jsx("button", { tabIndex: deleteTabIndex, "data-testid": dataTestId ? `${dataTestId}-delete-button` : undefined, "aria-label": deleteAriaLabel, className: e("delete"), onClick: onDelete, onKeyDown: onDeleteKeyDown, children: _jsx("span", { className: e("icon-delete"), children: _jsx(UiIcon, { size: 14, type: "cross", color: variant === "decorated" ? "complementary-0" : "complementary-6" }) }) })) : null] }));
 });

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

@@ -3,9 +3,7 @@ export interface IUiTagProps {
     tag: IUiTagDef;
     isDeletable: boolean;
     deleteLabel?: string;
-    isReadOnly?: boolean;
     isDisabled?: boolean;
-    isFocused?: boolean;
     size?: "small" | "large";
     onDelete?: (tag: IUiTagDef) => void;
     onClick?: (tag: IUiTagDef) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"UiTag.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/UiTag.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI5C,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,SAAS,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,2GA+BhB,CAAC"}
+{"version":3,"file":"UiTag.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/UiTag.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI5C,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,SAAS,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,2GA6ChB,CAAC"}

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

@@ -4,16 +4,21 @@ import { forwardRef } from "react";
 import { bem } from "../@utils/bem.js";
 import { UiTag as UiTagComponent } from "../UiTag/UiTag.js";
 const { e } = bem("gd-ui-kit-tags");
-export const UiTag = forwardRef(function UiTag({ tag, maxWidth, isDeletable, isDisabled, isFocused, size, deleteLabel, onDelete, onClick }, ref) {
+export const UiTag = forwardRef(function UiTag({ tag, maxWidth, isDeletable, isDisabled, size, deleteLabel, onDelete, onClick }, ref) {
     const canBeDeleted = isDeletable && (tag.isDeletable ?? true);
-    return (_jsx("div", { className: e("tag", { isFocused: isFocused ?? false }), role: "listitem", style: { maxWidth }, children: _jsx(UiTagComponent, { ref: ref, tabIndex: -1, deleteTabIndex: -1, label: `${tag.label}`, size: size, iconBefore: tag.iconBefore, isDeletable: canBeDeleted, isDisabled: isDisabled, accessibilityConfig: {
+    const isClickable = onClick !== undefined;
+    return (_jsx("div", { className: e("tag"), style: { maxWidth }, "data-tag-id": tag.id, tabIndex: -1, "aria-label": tag.label, children: _jsx(UiTagComponent, { ref: isClickable ? ref : undefined, labelAs: isClickable ? "button" : "span", label: `${tag.label}`, size: size, iconBefore: tag.iconBefore, isDeletable: canBeDeleted, isDisabled: isDisabled, accessibilityConfig: {
                 ariaLabel: tag.label,
                 deleteAriaLabel: `${deleteLabel ?? "Delete"} ${tag.label}`,
-            }, onDelete: (e) => {
-                onDelete?.(tag);
-                e.stopPropagation();
-            }, onClick: (e) => {
-                onClick?.(tag);
-                e.stopPropagation();
-            } }) }));
+            }, onDelete: canBeDeleted
+                ? (e) => {
+                    onDelete?.(tag);
+                    e.stopPropagation();
+                }
+                : undefined, onClick: isClickable
+                ? (e) => {
+                    onClick(tag);
+                    e.stopPropagation();
+                }
+                : undefined }) }));
 });

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,2CAmUd"}
+{"version":3,"file":"UiTags.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/UiTags.tsx"],"names":[],"mappings":"AAsBA,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,UAAU,EACV,QAAmB,EACnB,WAAsB,EACtB,mBAAgD,EAChD,eAAe,EAClB,EAAE,YAAY,2CAuVd"}

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

@@ -9,6 +9,7 @@ import { UiComboboxList } from "../UiCombobox/UiComboboxList.js";
 import { UiComboboxListItem, UiComboboxListItemCreatableLabel, UiComboboxListItemLabel, } from "../UiCombobox/UiComboboxListItem.js";
 import { UiComboboxPopup } from "../UiCombobox/UiComboboxPopup.js";
 import { UiPopover } from "../UiPopover/UiPopover.js";
+import { UiTooltip } from "../UiTooltip/UiTooltip.js";
 import { useResponsiveTags } from "./hooks/useResponsiveTags.js";
 import { useTagsInteractions } from "./interactions.js";
 import { UiTag } from "./UiTag.js";
@@ -17,7 +18,7 @@ const defaultAccessibilityConfig = {};
 /**
  * @internal
  */
-export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Name", cancelLabel = "Cancel", closeLabel = "Close", saveLabel = "Save", noTagsLabel = "No tags", moreLabel = "More tags", removeLabel = "Remove", creatableLabel = "(Create new)", mode = "single-line", size = "small", canDeleteTags = true, canCreateTag = true, readOnly = false, onTagClick = () => { }, onTagAdd = () => { }, onTagRemove = () => { }, accessibilityConfig = defaultAccessibilityConfig, renderAddButton, }) {
+export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Name", cancelLabel = "Cancel", closeLabel = "Close", saveLabel = "Save", noTagsLabel = "No tags", moreLabel = "More tags", removeLabel = "Remove", creatableLabel = "(Create new)", mode = "single-line", size = "small", canDeleteTags = true, canCreateTag = true, readOnly = false, onTagClick, onTagAdd = () => { }, onTagRemove = () => { }, accessibilityConfig = defaultAccessibilityConfig, renderAddButton, }) {
     const inputRef = useRef(null);
     const [popupOpen, setPopupOpen] = useState(false);
     const popupId = useId();
@@ -27,7 +28,13 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
     const isAddable = canCreateTag && !readOnly && !hasCustomAddButton;
     const { rootRef, showedTags, hiddenTags, tagsContainerRef, hiddenTagsContainerRef, tooltipTagsContainerRef, addButtonRef, allContainerRef, tooltipWidth, availableWidth, lastAvailableWidth, setTooltipContainer, } = useResponsiveTags(tags, mode, [canCreateTag, canDeleteTags, readOnly, hasCustomAddButton]);
     const items = [...showedTags, hiddenTags];
-    const { handleKeyDown, interactionState, onMoreOpen, onMoreClose, onAddOpen, onAddClose, showedFocusedIndex, hiddenFocusedIndex, tag, setTag, onTagClickHandler, onTagRemoveHandler, onTagAddHandler, } = useTagsInteractions(rootRef, tooltipTagsContainerRef, showedTags, hiddenTags, onTagClick, onTagAdd, onTagRemove);
+    const { interactionState, onAddOpen, onAddClose, onMoreOpen, onMoreClose, tag, setTag, onTagClickHandler, onTagRemoveHandler, onTagAddHandler, } = useTagsInteractions(tagsContainerRef, tooltipTagsContainerRef, showedTags, hiddenTags, onTagAdd, onTagRemove, onTagClick);
+    const [morePopoverOpen, setMorePopoverOpen] = useState(false);
+    const morePopoverId = useId();
+    const groupLabelId = useId();
+    const hasTagClickHandler = onTagClick !== undefined;
+    const groupLabelledBy = accessibilityConfig?.ariaLabelledBy ?? groupLabelId;
+    const groupLabelText = accessibilityConfig?.ariaLabel ?? (tags.length === 1 ? "Tags, 1" : `Tags, ${tags.length}`);
     const comboboxOptions = useMemo(() => {
         if (!tagOptions) {
             return [];
@@ -37,36 +44,44 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
             .filter((tagOption) => !tagIds.has(tagOption.id))
             .map((tagOption) => ({ id: tagOption.id, label: tagOption.label }));
     }, [tagOptions, tags]);
-    return (_jsxs("div", { ref: rootRef, tabIndex: tags.length === 0 ? -1 : 0, onKeyDown: handleKeyDown, className: b({ readOnly, mode }), "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, role: accessibilityConfig?.role ?? "list", children: [
-            _jsx("div", { className: e("shadow-container"), ref: allContainerRef, children: tags.map((tag) => {
+    return (_jsxs("div", { ref: rootRef, className: b({ readOnly, mode }), "aria-labelledby": groupLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, role: accessibilityConfig?.role ?? "group", children: [accessibilityConfig?.ariaLabelledBy ? null : (_jsx("span", { className: "sr-only", id: groupLabelId, children: groupLabelText })), _jsx("div", { className: e("shadow-container"), ref: allContainerRef, children: tags.map((tag) => {
                     return (_jsx(UiTag, { tag: tag, isDeletable: isDeletable, size: size }, getKey(tag, isDeletable, readOnly)));
                 }) }), _jsxs("div", { className: e("tags-container"), ref: tagsContainerRef, children: [items.map((tag, i) => {
                         if (Array.isArray(tag)) {
                             if (hiddenTags.length === 0) {
                                 return null;
                             }
-                            return (_jsx("div", { role: "listitem", className: e("hidden-tags", { isFocused: showedFocusedIndex === i }), onClick: (e) => {
+                            return (_jsx("div", { className: e("hidden-tags"), onClick: (e) => {
                                     e.stopPropagation();
                                     e.preventDefault();
-                                }, children: hiddenTags.length > 0 ? (_jsx(UiPopover, { onOpen: onMoreOpen, onClose: onMoreClose, enableFocusTrap: true, initialFocus: tooltipTagsContainerRef, returnFocusTo: rootRef, anchor: _jsx(UiButton, { tabIndex: -1, label: `+${hiddenTags.length}`, size: "small", variant: "tertiary", ref: (ref) => {
+                                }, children: hiddenTags.length > 0 ? (_jsx(UiPopover, { id: morePopoverId, onOpen: () => {
+                                        setMorePopoverOpen(true);
+                                        onMoreOpen();
+                                    }, onClose: () => {
+                                        setMorePopoverOpen(false);
+                                        onMoreClose();
+                                    }, enableFocusTrap: true, initialFocus: tooltipTagsContainerRef, returnFocusTo: hiddenTagsContainerRef, anchorAccessibilityConfig: {
+                                        ariaHaspopup: "dialog",
+                                        ariaControls: morePopoverId,
+                                    }, anchor: _jsx(UiButton, { label: `+${hiddenTags.length}`, size: "small", variant: "tertiary", accessibilityConfig: {
+                                            ariaLabel: moreLabel,
+                                            ariaExpanded: morePopoverOpen,
+                                        }, ref: (ref) => {
                                             hiddenTagsContainerRef.current = ref;
-                                            interactionState.current.more = ref;
-                                        } }), width: 300, title: moreLabel, content: () => (_jsx("div", { onKeyDown: handleKeyDown, className: e("tags-more-tooltip"), ref: (ref) => {
+                                        } }), width: 300, title: moreLabel, content: () => (_jsx("div", { className: e("tags-more-tooltip"), ref: (ref) => {
                                             tooltipTagsContainerRef.current = ref;
                                             setTooltipContainer(ref);
-                                        }, tabIndex: 0, children: hiddenTags.map((tag, i) => {
-                                            return (_jsx(UiTag, { tag: tag, deleteLabel: removeLabel, ref: (ref) => {
-                                                    interactionState.current.tags[tag.id] = ref;
-                                                }, isDeletable: isDeletable, isDisabled: readOnly, isFocused: hiddenFocusedIndex === i, size: size, maxWidth: tooltipWidth, onDelete: onTagRemoveHandler, onClick: onTagClickHandler }, i));
+                                        }, children: hiddenTags.map((tag, i) => {
+                                            return (_jsx(UiTag, { tag: tag, deleteLabel: removeLabel, isDeletable: isDeletable, isDisabled: readOnly, size: size, maxWidth: tooltipWidth, onDelete: onTagRemoveHandler, onClick: hasTagClickHandler
+                                                    ? onTagClickHandler
+                                                    : undefined }, i));
                                         }) })), footer: ({ onClose }) => (_jsx(_Fragment, { children: _jsx(UiButton, { ref: (ref) => {
                                                 interactionState.current.close = ref;
                                             }, label: closeLabel, variant: "secondary", onClick: () => {
                                                 onClose();
                                             } }) })) })) : null }, i));
                         }
-                        return (_jsx(UiTag, { tag: tag, ref: (ref) => {
-                                interactionState.current.tags[tag.id] = ref;
-                            }, isDeletable: isDeletable, isDisabled: readOnly, deleteLabel: removeLabel, isFocused: showedFocusedIndex === i, size: size, onDelete: onTagRemoveHandler, onClick: onTagClickHandler, maxWidth: i === showedTags.length - 1 ? lastAvailableWidth : availableWidth }, getKey(tag, isDeletable, readOnly)));
+                        return (_jsx(UiTag, { tag: tag, isDeletable: isDeletable, isDisabled: readOnly, deleteLabel: removeLabel, size: size, onDelete: onTagRemoveHandler, onClick: hasTagClickHandler ? onTagClickHandler : undefined, maxWidth: i === showedTags.length - 1 ? lastAvailableWidth : availableWidth }, getKey(tag, isDeletable, readOnly)));
                     }), hasCustomAddButton ? (_jsx("div", { className: e("add-button"), ref: addButtonRef, onClick: (e) => {
                             e.stopPropagation();
                             e.preventDefault();
@@ -82,15 +97,14 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
                                 setTag("");
                                 onAddClose();
                                 setPopupOpen(false);
-                            }, enableFocusTrap: true, anchor: _jsx(UiButton, { label: showedTags.length > 0 ? "" : addLabel, accessibilityConfig: {
-                                    ariaHaspopup: true,
-                                    ariaControls: popupId,
-                                    ariaLabel: showedTags.length > 0 ? addLabel : undefined,
-                                    ariaExpanded: popupOpen,
-                                    role: "listitem",
-                                }, size: "small", iconBefore: "plus", variant: "tertiary", ref: (ref) => {
-                                    interactionState.current.add = ref;
-                                } }), title: addLabel, initialFocus: inputRef, content: ({ onClose }) => (_jsxs(UiCombobox, { options: comboboxOptions, value: tag, onValueChange: setTag, creatable: true, children: [
+                            }, enableFocusTrap: true, anchor: _jsx(UiTooltip, { content: addLabel, triggerBy: ["hover", "focus"], anchorWrapperStyles: { display: "flex", alignItems: "center" }, anchor: _jsx(UiButton, { label: showedTags.length > 0 ? "" : addLabel, accessibilityConfig: {
+                                        ariaHaspopup: true,
+                                        ariaControls: popupId,
+                                        ariaLabel: addLabel,
+                                        ariaExpanded: popupOpen,
+                                    }, size: "small", iconBefore: "plus", variant: "tertiary", ref: (ref) => {
+                                        interactionState.current.add = ref;
+                                    } }) }), title: addLabel, initialFocus: inputRef, content: ({ onClose }) => (_jsxs(UiCombobox, { options: comboboxOptions, value: tag, onValueChange: setTag, creatable: true, children: [
                                     _jsx(UiComboboxInput, { ref: (node) => {
                                             inputRef.current = node;
                                             interactionState.current.input = node;

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

@@ -3,27 +3,22 @@ import { type IUiTagDef, type IUiTagsProps } from "./types.js";
 type InteractionState = {
     moreOpen: boolean;
     addOpen: boolean;
-    tags: Record<string, HTMLButtonElement>;
-    more: HTMLButtonElement | null;
     add: HTMLButtonElement | null;
     close: HTMLButtonElement | null;
     save: HTMLButtonElement | null;
     input: HTMLInputElement | null;
 };
-export declare function useTagsInteractions(rootRef: MutableRefObject<HTMLDivElement | null>, hiddenTagsRef: MutableRefObject<HTMLDivElement | null>, showedTags: IUiTagDef[], hiddenTags: IUiTagDef[], onTagClick: IUiTagsProps["onTagClick"], onTagAdd: IUiTagsProps["onTagAdd"], onTagRemove: IUiTagsProps["onTagRemove"]): {
+export declare function useTagsInteractions(tagsContainerRef: MutableRefObject<HTMLDivElement | null>, tooltipTagsContainerRef: MutableRefObject<HTMLDivElement | null>, showedTags: IUiTagDef[], hiddenTags: IUiTagDef[], onTagAdd: IUiTagsProps["onTagAdd"], onTagRemove: IUiTagsProps["onTagRemove"], onTagClick: IUiTagsProps["onTagClick"]): {
     tag: string;
     setTag: import("react").Dispatch<import("react").SetStateAction<string>>;
     onAddOpen: () => void;
     onAddClose: () => void;
     onMoreOpen: () => void;
     onMoreClose: () => void;
-    handleKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
-    interactionState: import("react").RefObject<InteractionState>;
-    showedFocusedIndex: number;
-    hiddenFocusedIndex: number;
     onTagAddHandler: () => void;
-    onTagRemoveHandler: (tag: IUiTagDef) => void;
-    onTagClickHandler: (tag: IUiTagDef) => void;
+    onTagRemoveHandler: (removedTag: IUiTagDef) => void;
+    onTagClickHandler: (clickedTag: IUiTagDef) => void;
+    interactionState: import("react").RefObject<InteractionState>;
 };
 export {};
 //# sourceMappingURL=interactions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/interactions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA0C,MAAM,OAAO,CAAC;AAItF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/D,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IACxC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,mBAAmB,CAC/B,OAAO,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EAChD,aAAa,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EACtD,UAAU,EAAE,SAAS,EAAE,EACvB,UAAU,EAAE,SAAS,EAAE,EACvB,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,EACtC,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,EAClC,WAAW,EAAE,YAAY,CAAC,aAAa,CAAC;;;;;;;;;;;;;;EA8R3C"}
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/interactions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAkD,MAAM,OAAO,CAAC;AAI9F,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/D,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAAC;AAmBF,wBAAgB,mBAAmB,CAC/B,gBAAgB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EACzD,uBAAuB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EAChE,UAAU,EAAE,SAAS,EAAE,EACvB,UAAU,EAAE,SAAS,EAAE,EACvB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,EAClC,WAAW,EAAE,YAAY,CAAC,aAAa,CAAC,EACxC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC;;;;;;;;;;;EAiHzC"}

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

@@ -1,33 +1,47 @@
 // (C) 2025-2026 GoodData Corporation
-import { useCallback, useMemo, useRef, useState } from "react";
-import { makeTabsKeyboardNavigation } from "../@utils/keyboardNavigation.js";
-export function useTagsInteractions(rootRef, hiddenTagsRef, showedTags, hiddenTags, onTagClick, onTagAdd, onTagRemove) {
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { programaticFocusManagement } from "../UiFocusManager/utils.js";
+const TAG_SELECTOR = ".gd-ui-kit-tags__tag";
+function getTagElements(container) {
+    if (!container) {
+        return [];
+    }
+    return Array.from(container.querySelectorAll(TAG_SELECTOR));
+}
+function findTagIndex(container, tagId) {
+    return getTagElements(container).findIndex((element) => element.dataset["tagId"] === tagId);
+}
+export function useTagsInteractions(tagsContainerRef, tooltipTagsContainerRef, showedTags, hiddenTags, onTagAdd, onTagRemove, onTagClick) {
     const [tag, setTag] = useState("");
-    const [showedFocusedIndex, setShowedFocusedIndex] = useState(0);
-    const [hiddenFocusedIndex, setHiddenFocusedIndex] = useState(0);
-    const rootItems = useMemo(() => {
-        return [...showedTags, ...(hiddenTags.length > 0 ? [hiddenTags] : [])];
-    }, [showedTags, hiddenTags]);
+    const pendingTagFocus = useRef(null);
     const interactionState = useRef({
         moreOpen: false,
         addOpen: false,
-        tags: {},
-        more: null,
         add: null,
         close: null,
         save: null,
         input: null,
     });
+    const focusTagByIndex = (tagElements, index) => {
+        if (tagElements.length === 0) {
+            interactionState.current.add?.focus();
+            return false;
+        }
+        const focusIndex = Math.min(Math.max(index, 0), tagElements.length - 1);
+        const tagWrapper = tagElements[focusIndex];
+        if (!tagWrapper) {
+            return false;
+        }
+        const innerTag = tagWrapper.querySelector(".gd-ui-kit-tag");
+        programaticFocusManagement(innerTag ?? tagWrapper);
+        return true;
+    };
     const onMoreOpen = useCallback(() => {
         interactionState.current.moreOpen = true;
-        setShowedFocusedIndex(rootItems.length - 1);
-        setHiddenFocusedIndex(0);
-    }, [rootItems]);
+    }, []);
     const onMoreClose = useCallback(() => {
         interactionState.current.moreOpen = false;
-        setShowedFocusedIndex(rootItems.length - 1);
-        setHiddenFocusedIndex(0);
-    }, [rootItems]);
+    }, []);
     const onAddOpen = useCallback(() => {
         interactionState.current.addOpen = true;
     }, []);
@@ -41,182 +55,37 @@ export function useTagsInteractions(rootRef, hiddenTagsRef, showedTags, hiddenTa
         onTagAdd?.({ id: tag, label: tag });
         setTag("");
     }, [tag, onTagAdd]);
-    const onTagRemoveHandler = useCallback((tag) => {
-        const deletedShowedTag = showedTags.findIndex((t) => t === tag);
-        const deletedHiddenTag = hiddenTags.findIndex((t) => t === tag);
-        if (deletedShowedTag !== -1) {
-            setShowedFocusedIndex(Math.min(deletedShowedTag, showedTags.length - 1));
+    const onTagRemoveHandler = useCallback((removedTag) => {
+        let area = "root";
+        let deletedIndex = findTagIndex(tooltipTagsContainerRef.current, removedTag.id);
+        if (deletedIndex === -1) {
+            deletedIndex = findTagIndex(tagsContainerRef.current, removedTag.id);
         }
-        if (deletedHiddenTag !== -1) {
-            setHiddenFocusedIndex(Math.min(deletedHiddenTag, hiddenTags.length - 1));
+        else {
+            area = "dialog";
         }
-        onTagRemove?.(tag);
-    }, [hiddenTags, onTagRemove, showedTags]);
-    const onTagClickHandler = useCallback((tag) => {
-        const showedTag = showedTags.findIndex((t) => t === tag);
-        if (showedTag !== -1) {
-            setShowedFocusedIndex(showedTag);
+        if (deletedIndex !== -1) {
+            pendingTagFocus.current = { area, deletedIndex };
         }
-        const hiddenTag = hiddenTags.findIndex((t) => t === tag);
-        if (hiddenTag !== -1) {
-            setHiddenFocusedIndex(hiddenTag);
+        onTagRemove?.(removedTag);
+    }, [onTagRemove, tagsContainerRef, tooltipTagsContainerRef]);
+    const onTagClickHandler = useCallback((clickedTag) => {
+        onTagClick?.(clickedTag);
+    }, [onTagClick]);
+    useLayoutEffect(() => {
+        if (!pendingTagFocus.current) {
+            return;
         }
-        onTagClick?.(tag);
-    }, [hiddenTags, onTagClick, showedTags]);
-    const handleKeyDown = useMemo(() => makeTabsKeyboardNavigation({
-        onFocusPrevious: (event) => {
-            if (interactionState.current.addOpen) {
-                return;
-            }
-            if (event.target === interactionState.current.add) {
-                return;
-            }
-            if (interactionState.current.moreOpen) {
-                hiddenTagsRef.current?.focus();
-                if (hiddenFocusedIndex === 0) {
-                    setHiddenFocusedIndex(hiddenTags.length - 1);
-                }
-                else {
-                    setHiddenFocusedIndex(Math.min(hiddenFocusedIndex - 1, hiddenTags.length - 1));
-                }
-            }
-            else {
-                rootRef.current?.focus();
-                if (showedFocusedIndex === 0) {
-                    setShowedFocusedIndex(rootItems.length - 1);
-                }
-                else {
-                    setShowedFocusedIndex(Math.min(showedFocusedIndex - 1, showedTags.length - 1));
-                }
-            }
-        },
-        onFocusNext: (event) => {
-            if (interactionState.current.addOpen) {
-                return;
-            }
-            if (event.target === interactionState.current.add) {
-                return;
-            }
-            if (interactionState.current.moreOpen) {
-                hiddenTagsRef.current?.focus();
-                if (hiddenTags.length - 1 <= hiddenFocusedIndex) {
-                    setHiddenFocusedIndex(0);
-                }
-                else {
-                    setHiddenFocusedIndex(hiddenFocusedIndex + 1);
-                }
-            }
-            else {
-                rootRef.current?.focus();
-                if (rootItems.length - 1 <= showedFocusedIndex) {
-                    setShowedFocusedIndex(0);
-                }
-                else {
-                    setShowedFocusedIndex(showedFocusedIndex + 1);
-                }
-            }
-        },
-        onFocusFirst: (event) => {
-            if (interactionState.current.addOpen) {
-                return;
-            }
-            if (event.target === interactionState.current.add) {
-                return;
-            }
-            if (interactionState.current.moreOpen) {
-                hiddenTagsRef.current?.focus();
-                setHiddenFocusedIndex(0);
-            }
-            else {
-                rootRef.current?.focus();
-                setShowedFocusedIndex(0);
-            }
-        },
-        onFocusLast: (event) => {
-            if (interactionState.current.addOpen) {
-                return;
-            }
-            if (event.target === interactionState.current.add) {
-                return;
-            }
-            if (interactionState.current.moreOpen) {
-                hiddenTagsRef.current?.focus();
-                setHiddenFocusedIndex(hiddenTags.length - 1);
-            }
-            else {
-                rootRef.current?.focus();
-                setShowedFocusedIndex(rootItems.length - 1);
-            }
-        },
-        onSelect: (event) => {
-            const { button, input } = loadActiveElement(interactionState, event.target);
-            if (button) {
-                button.click();
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-            // Do not handle any select if add is open
-            if (input) {
-                event.stopPropagation();
-                return;
-            }
-            // Tags
-            if (interactionState.current.moreOpen) {
-                const item = loadActiveTag(interactionState, hiddenTags, hiddenFocusedIndex, false);
-                if (item) {
-                    item.click();
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-            }
-            else {
-                const item = loadActiveTag(interactionState, showedTags, showedFocusedIndex, true);
-                if (item) {
-                    item.click();
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-            }
-        },
-        onUnhandledKeyDown: (event) => {
-            //Delete
-            if (event.key === "Backspace" || event.key === "Delete") {
-                const { button, input } = loadActiveElement(interactionState, event.target);
-                if (button || input) {
-                    return;
-                }
-                if (interactionState.current.moreOpen) {
-                    const item = loadActiveTag(interactionState, hiddenTags, hiddenFocusedIndex, false);
-                    if (item) {
-                        onTagRemoveHandler(hiddenTags[hiddenFocusedIndex]);
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }
-                else {
-                    const item = loadActiveTag(interactionState, showedTags, showedFocusedIndex, false);
-                    if (item) {
-                        onTagRemoveHandler(showedTags[showedFocusedIndex]);
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }
-            }
-        },
-    }, {
-        shouldPreventDefault: false,
-        shouldStopPropagation: false,
-    }), [
-        hiddenTagsRef,
-        hiddenFocusedIndex,
-        hiddenTags,
-        rootRef,
-        showedFocusedIndex,
-        rootItems.length,
-        showedTags,
-        onTagRemoveHandler,
-    ]);
+        const { area, deletedIndex } = pendingTagFocus.current;
+        pendingTagFocus.current = null;
+        const primaryContainer = area === "dialog" ? tooltipTagsContainerRef.current : tagsContainerRef.current;
+        const primaryTagElements = getTagElements(primaryContainer);
+        if (focusTagByIndex(primaryTagElements, deletedIndex)) {
+            return;
+        }
+        const showedTagElements = getTagElements(tagsContainerRef.current);
+        focusTagByIndex(showedTagElements, showedTagElements.length - 1);
+    }, [showedTags, hiddenTags, tagsContainerRef, tooltipTagsContainerRef]);
     return {
         tag,
         setTag,
@@ -224,48 +93,9 @@ export function useTagsInteractions(rootRef, hiddenTagsRef, showedTags, hiddenTa
         onAddClose,
         onMoreOpen,
         onMoreClose,
-        handleKeyDown,
-        interactionState,
-        showedFocusedIndex,
-        hiddenFocusedIndex,
         onTagAddHandler,
         onTagRemoveHandler,
         onTagClickHandler,
+        interactionState,
     };
 }
-function loadActiveTag(interactionState, tags, index, allowMore) {
-    // More
-    if (index === tags.length) {
-        if (!allowMore) {
-            return null;
-        }
-        const more = interactionState.current.more;
-        if (more) {
-            return more;
-        }
-        return null;
-    }
-    // Tag
-    const tag = tags[index];
-    const item = interactionState.current.tags[tag?.id];
-    if (item) {
-        return item;
-    }
-    return null;
-}
-function loadActiveElement(interactionState, target) {
-    const buttons = [
-        interactionState.current.add,
-        interactionState.current.close,
-        interactionState.current.save,
-    ];
-    const button = buttons.find((b) => b === target);
-    if (button) {
-        return { button };
-    }
-    // Do not handle any select if add is open
-    if (target === interactionState.current.input) {
-        return { input: interactionState.current.input };
-    }
-    return {};
-}

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, variant, disabled, isOpen: isOpenProp, onOpen, onClose, 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, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: 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,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,mBAAmB,EACtB,EAAE,eAAe,2CAmLjB"}
+{"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,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CA0LjB"}