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

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"}

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

@@ -12,26 +12,29 @@ const { b, e } = bem("gd-ui-kit-tooltip");
 /**
  * @internal
  */
-export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, anchorWrapperStyles, }) {
+export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles, }) {
     const [isOpenInternal, setIsOpen] = useState(false);
-    const isOpen = !disabled && (isOpenProp === undefined ? isOpenInternal || triggerBy.length === 0 : isOpenProp);
+    const isControlled = isOpenProp !== undefined;
+    const isOpen = !disabled && (isControlled ? isOpenProp : isOpenInternal || triggerBy.length === 0);
     const arrowRef = useRef(null);
     const themeFromContext = useTheme();
     const isScopeThemed = useIsScopeThemed();
     const theme = isScopeThemed ? themeFromContext : undefined;
     const handleOpenChange = useCallback((open) => {
         setIsOpen(open);
+        onOpenChange?.(open);
         if (open) {
             onOpen?.();
         }
         else {
             onClose?.();
         }
-    }, [onClose, onOpen]);
+    }, [onClose, onOpen, onOpenChange]);
     const handleClose = useCallback(() => {
         setIsOpen(false);
+        onOpenChange?.(false);
         onClose?.();
-    }, [onClose]);
+    }, [onClose, onOpenChange]);
     // Custom shift middleware for tooltip arrow positioning
     const customShiftMiddleware = useMemo(() => ({
         name: "customShift",
@@ -77,9 +80,13 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
             setFloatingDimensions({ width: 0, height: 0 });
         }
     }, [isOpen, refs.floating]);
-    // Trigger events using floating-ui interactions (handles hover, focus, click)
+    // Trigger events using floating-ui interactions (handles hover, focus, click).
+    // When controlled the open state is owned by the parent, so the anchor's own
+    // triggers are suppressed — otherwise an anchor that is shared with another
+    // popover (e.g. the labels picker reusing the permission-menu button) would
+    // toggle both.
     const hover = useHover(context, {
-        enabled: triggerBy.includes("hover"),
+        enabled: !isControlled && triggerBy.includes("hover"),
         move: false,
         handleClose: safePolygon({ requireIntent: true }),
         delay: {
@@ -88,17 +95,18 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
         },
     });
     const focus = useFocus(context, {
-        enabled: triggerBy.includes("focus"),
+        enabled: !isControlled && triggerBy.includes("focus"),
     });
     const click = useClick(context, {
-        enabled: triggerBy.includes("click"),
+        enabled: !isControlled && triggerBy.includes("click"),
     });
     // 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);
+    // Dismiss stays enabled even when controlled so outside-click / Escape can
+    // request a close; the request is surfaced through handleOpenChange → onOpenChange.
     const dismiss = useDismiss(context, {
-        enabled: isOpenProp === undefined,
         outsidePress: (event) => !isClickInsideOwnSubtree(event.target, refs.floating.current),
     });
     const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover, focus, click]);

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

@@ -55,9 +55,18 @@ export interface IUiTooltipProps {
      */
     onClose?: () => void;
     /**
-     * Controls the open state of the tooltip, overrides the triggerBy prop if set
+     * Controls the open state of the tooltip, overrides the triggerBy prop if set.
+     * In controlled mode the anchor's own hover/focus/click triggers are
+     * suppressed — open state is driven solely by this prop — but outside-click
+     * and Escape still request a close via `onOpenChange`.
      */
     isOpen?: boolean;
+    /**
+     * Fires whenever an interaction requests an open-state change (anchor
+     * triggers when uncontrolled, outside-click / Escape always). Pair with
+     * `isOpen` to drive the tooltip from the parent.
+     */
+    onOpenChange?: (open: boolean) => void;
     /**
      * Custom styles for the anchor wrapper element
      */

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

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

package/esm/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD;;GAEG;AACH,eAAO,MAAM,MAAM,sGAsHjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD;;GAEG;AACH,eAAO,MAAM,MAAM,sGAwHjB,CAAC"}

package/esm/Button/Button.js

@@ -20,7 +20,7 @@ function Icon({ icon }) {
  * @internal
  */
 export const Button = forwardRef(function Button({ className, describedByFromValidation: isDescribedByFromValidation = false, disabled = false, onClick = () => { }, tabIndex = 0, tagName = "button", type = "button", id, title, iconLeft, iconRight, accessibilityConfig, dataId, dataTestId, intent, size, variant, value, children, }, ref) {
-    const { isExpanded, popupId, ariaLabel, ariaLabelledBy, ariaDescribedBy: ariaDescribedByFromConfig, popupType, ariaHaspopup, role = "button", ariaControls, ariaExpanded, } = accessibilityConfig ?? {};
+    const { isExpanded, popupId, ariaLabel, ariaLabelledBy, ariaDescribedBy: ariaDescribedByFromConfig, popupType, ariaHaspopup, role = "button", ariaControls, ariaExpanded, ariaPressed, } = accessibilityConfig ?? {};
     const ariaDropdownProps = {
         ...(popupId && isExpanded ? { "aria-controls": popupId } : {}),
         ...(ariaHaspopup ? { "aria-haspopup": ariaHaspopup } : {}),
@@ -63,7 +63,7 @@ export const Button = forwardRef(function Button({ className, describedByFromVal
         ]);
     }, [className, disabled, effectiveValue, intent, size, variant]);
     const TagName = tagName;
-    return (_jsxs(TagName, { id: id, "data-id": dataId, "data-testid": testId, ref: ref, title: title, className: classNames, type: type, onClick: handleClick, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...ariaDropdownAttributesFromConfig, ...(tagName === "button" ? {} : { tabIndex }), ...(tagName !== "button" || role !== "button" ? { role } : {}), children: [
+    return (_jsxs(TagName, { id: id, "data-id": dataId, "data-testid": testId, ref: ref, title: title, className: classNames, type: type, onClick: handleClick, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-pressed": ariaPressed, ...ariaDropdownAttributesFromConfig, ...(tagName === "button" ? {} : { tabIndex }), ...(tagName !== "button" || role !== "button" ? { role } : {}), children: [
             _jsx(Icon, { icon: iconLeft }), effectiveValue ? _jsx("span", { className: "gd-button-text", children: effectiveValue }) : null, _jsx(Icon, { icon: iconRight })
         ] }));
 });

package/esm/Datepicker/Datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}

package/esm/Datepicker/Datepicker.js

@@ -282,7 +282,7 @@ export class WrappedDatePicker extends PureComponent {
             root: this.getOverlayWrapperClasses(),
         };
         return (_jsxs("div", { "data-testid": "datepicker", className: this.getComponentClasses(), ref: this.setComponentRef, onClick: this.handleWrapperClick, children: [
-                _jsx("input", { role: "combobox", autoComplete: "off", "aria-haspopup": "dialog", "aria-expanded": isOpen ? "true" : "false", "aria-controls": isOpen ? `datepicker-popup-${this.datePickerId}` : undefined, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-label": accessibilityConfig?.ariaLabel ||
+                _jsx("input", { autoComplete: "off", "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-label": accessibilityConfig?.ariaLabel ||
                         intl.formatMessage({ id: "datePicker.accessibility.label" }), "aria-describedby": accessibilityConfig?.ariaDescribedBy, onKeyDown: this.onKeyDown, tabIndex: tabIndex, onClick: () => this.setState({ isOpen: true }), ref: this.inputRef, value: inputValue, className: this.getInputClasses(), placeholder: placeholder, onChange: this.handleInputChanged, onBlur: this.handleInputBlur }), isOpen ? (_jsx("div", { id: `datepicker-popup-${this.datePickerId}`, role: "dialog", ref: this.datePickerContainerRef, children: _jsx(DayPicker, { classNames: classNamesProps, locale: convertLocale(intl.locale), showOutsideDays: true, mode: "single", selected: selectedDate, month: monthDate, onMonthChange: this.handleMonthChanged, weekStartsOn: convertWeekStart(this.props.weekStart ?? "Sunday"), onDayClick: this.handleCustomDayClick }) })) : null, _jsx("span", { className: "gd-datepicker-icon gd-icon-calendar" })
             ] }));
     }

package/esm/Icon/icons/InsightIcons/Radar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radar.d.ts","sourceRoot":"","sources":["../../../../src/Icon/icons/InsightIcons/Radar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,UAAU,2CAoChF"}
+{"version":3,"file":"Radar.d.ts","sourceRoot":"","sources":["../../../../src/Icon/icons/InsightIcons/Radar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,UAAU,2CA8DhF"}

package/esm/Icon/icons/InsightIcons/Radar.js

@@ -5,6 +5,8 @@ import { combineIconClasses } from "../../utils.js";
  */
 export function Radar({ className, width, height, color, ariaHidden }) {
     return (_jsxs("svg", { width: width ?? 32, height: height ?? 30, className: combineIconClasses(className), viewBox: "0 0 32 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": ariaHidden, children: [
-            _jsx("path", { d: "M14.4122 15.4619L9.40442 22.4717C7.31888 20.639 6.0011 17.9536 6.0011 14.959C6.0011 14.1517 6.0988 13.3672 6.27942 12.6152L14.4122 15.4619Z", fill: color ?? "#B0BECA", fillOpacity: "0.6" }), _jsx("path", { d: "M17.0011 4.00488C21.0165 4.36689 24.4069 6.887 26.0089 10.3965L17.0011 13.5488V4.00488Z", fill: color ?? "#B0BECA", fillOpacity: "0.6" }), _jsx("path", { d: "M15.0011 13.5488L5.04504 10.0645C6.78918 6.16628 10.5491 3.36728 15.0011 3V13.5488Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M24.7734 12.9201C24.9196 13.5616 25 14.2285 25 14.9142C25 17.5737 23.8441 19.9605 22.0098 21.6076L17.5889 15.4191L24.7734 12.9201Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M22.1359 25.2676C20.3405 26.3395 18.2441 26.959 16.0011 26.959C13.7577 26.959 11.66 26.3406 9.86438 25.2686L16.0011 16.6787L22.1359 25.2676Z", fill: color ?? "#B0BECA", fillOpacity: "0.4" })
+            _jsxs("g", { clipPath: "url(#clip0_8094_5335)", children: [
+                    _jsx("path", { d: "M24.4203 13.5509L18.8012 20.1236L10.9219 23.2587L9.32422 14.1222L16.0015 9.3075L24.4203 13.5509Z", fill: color ?? "#B0BECA", fillOpacity: "0.3" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M27.4131 12.5663L23.0537 25.9823H8.94629L4.58691 12.5663L16 4.27429L27.4131 12.5663ZM13.0889 21.1288L10.2861 24.9823H21.7139L18.9111 21.1288H13.0889ZM21.5137 15.0106L19.7178 20.537L22.5195 24.3895L26.043 13.5419L21.5137 15.0106ZM9.47949 24.3885L12.2803 20.536L10.4893 15.0214L5.96094 13.5604L9.47949 24.3885ZM13.8154 20.1288H18.1846L16 17.1249L13.8154 20.1288ZM16.8096 16.538L18.9912 19.538L20.3379 15.3925L16.8096 16.538ZM13.0078 19.537L15.1895 16.538L11.6631 15.4003L13.0078 19.537ZM16.5 15.5878L20.0342 14.4403L16.5 11.8729V15.5878ZM11.959 14.4442L15.5 15.5868V11.8719L11.959 14.4442ZM6.23926 12.5995L10.7822 14.0643L15.5 10.6366V5.87195L6.23926 12.5995ZM16.5 10.6366L21.21 14.0594L25.7441 12.5887L16.5 5.87195V10.6366Z", fill: color ?? "#B0BECA", fillOpacity: "0.3" }), _jsx("path", { d: "M9.32617 24.4735C9.87846 24.4735 10.3262 24.9212 10.3262 25.4735C10.3262 26.0258 9.87846 26.4735 9.32617 26.4735C8.77389 26.4735 8.32617 26.0258 8.32617 25.4735C8.32617 24.9212 8.77389 24.4735 9.32617 24.4735Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M22.6904 24.4735C23.2427 24.4735 23.6904 24.9212 23.6904 25.4735C23.6904 26.0258 23.2427 26.4735 22.6904 26.4735C22.1381 26.4735 21.6904 26.0258 21.6904 25.4735C21.6904 24.9212 22.1381 24.4735 22.6904 24.4735Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M16 15.2743C16.5523 15.2743 17 15.722 17 16.2743C17 16.8266 16.5523 17.2743 16 17.2743C15.4477 17.2743 15 16.8266 15 16.2743C15 15.722 15.4477 15.2743 16 15.2743Z", fill: color ?? "#B0BECA" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.2148 13.3905L19.1006 20.5419L18.9863 20.5868L10.5352 23.9501L8.83203 14.2069L8.77734 13.8983L9.03223 13.7157L15.9551 8.72351L25.2148 13.3905ZM9.87012 14.3436L11.3076 22.5653L18.501 19.703L23.626 13.7089L16.0469 9.88855L9.87012 14.3436Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M5.17969 11.7743C5.73197 11.7743 6.17969 12.222 6.17969 12.7743C6.17969 13.3266 5.73197 13.7743 5.17969 13.7743C4.6274 13.7743 4.17969 13.3266 4.17969 12.7743C4.17969 12.222 4.6274 11.7743 5.17969 11.7743Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M26.8203 11.7743C27.3726 11.7743 27.8203 12.222 27.8203 12.7743C27.8203 13.3266 27.3726 13.7743 26.8203 13.7743C26.268 13.7743 25.8203 13.3266 25.8203 12.7743C25.8203 12.222 26.268 11.7743 26.8203 11.7743Z", fill: color ?? "#B0BECA" }), _jsx("path", { d: "M16 3.91492C16.5523 3.91492 17 4.36263 17 4.91492C17 5.4672 16.5523 5.91492 16 5.91492C15.4477 5.91492 15 5.4672 15 4.91492C15 4.36263 15.4477 3.91492 16 3.91492Z", fill: color ?? "#B0BECA" })
+                ] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_8094_5335", children: _jsx("rect", { width: "24", height: "24", fill: "white", transform: "translate(4 3)" }) }) })
         ] }));
 }

package/esm/List/MenuList.d.ts

@@ -39,10 +39,11 @@ export interface IItemProps {
     children: ReactNode;
     className?: string;
     style?: CSSProperties;
+    testId?: string;
     onClick?: (e: MouseEvent<HTMLDivElement>) => void;
 }
 /**
  * @internal
  */
-export declare function Item({ checked, subMenu, disabled, className, children, style, onClick }: IItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function Item({ checked, subMenu, disabled, className, children, style, testId, onClick }: IItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuList.d.ts.map

package/esm/List/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../src/List/MenuList.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAErF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EACzB,iBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACb,EAAE,kBAAkB,2CAgBpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAE9D;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,YAAY,2CAM9D;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACrD;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACjB,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACV,EAAE,UAAU,2CAmBZ"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../src/List/MenuList.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAErF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EACzB,iBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACb,EAAE,kBAAkB,2CAgBpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAE9D;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,YAAY,2CAM9D;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACrD;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACjB,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACV,EAAE,UAAU,2CAoBZ"}

package/esm/List/MenuList.js

@@ -24,12 +24,12 @@ export function Header({ children, ...restProps }) {
 /**
  * @internal
  */
-export function Item({ checked = false, subMenu = false, disabled = false, className, children, style, onClick, }) {
+export function Item({ checked = false, subMenu = false, disabled = false, className, children, style, testId, onClick, }) {
     return (_jsx("div", { className: classnames({
             "gd-list-item": true,
             "gd-menu-item": true,
             "is-checked": checked,
             "is-submenu": subMenu,
             "is-disabled": disabled,
-        }, className), style: style, onClick: onClick, children: children }));
+        }, className), "data-testid": testId, style: style, onClick: onClick, children: children }));
 }

package/esm/index.d.ts

@@ -474,8 +474,9 @@ export { UiGeneralAccessRadio, type IUiGeneralAccessRadioProps, type GeneralAcce
 export { UiLabelRow, type IUiLabelRowProps, type LabelRowKind } from "./@ui/UiLabelRow/UiLabelRow.js";
 export { UiLabelChecklistRow, type IUiLabelChecklistRowProps, } from "./@ui/UiLabelChecklistRow/UiLabelChecklistRow.js";
 export { UiLabelsList, type IUiLabelsListProps, type IUiLabelsListItem, } from "./@ui/UiLabelsList/UiLabelsList.js";
-export { UiLabelsPicker, isLabelsPickerItemChecked, type IUiLabelsPickerProps, type IUiLabelsPickerItem, } from "./@ui/UiLabelsPicker/UiLabelsPicker.js";
+export { UiLabelsChecklist, isLabelsChecklistItemChecked, type IUiLabelsChecklistProps, type IUiLabelsChecklistItem, } from "./@ui/UiLabelsChecklist/UiLabelsChecklist.js";
 export { UiPermissionMenu, type IUiPermissionMenuProps, type PermissionMenuLevel, } from "./@ui/UiPermissionMenu/UiPermissionMenu.js";
+export { UiMoreOptionsMenu, type IUiMoreOptionsMenuProps, } from "./@ui/UiMoreOptionsMenu/UiMoreOptionsMenu.js";
 export { UiGranteeRowControls, type IUiGranteeRowControlsProps, } from "./@ui/UiGranteeRowControls/UiGranteeRowControls.js";
 export { UiToastProvider, useUiToast } from "./@ui/UiToast/UiToastProvider.js";
 export { UiToastItem, UiToastsContainer, type IUiToastItemProps, type IUiToastsContainerProps, } from "./@ui/UiToast/UiToastsContainer.js";