@uipath/apollo-wind 2.53.1 → 2.53.2

package/dist/components/custom/global-header.cjs

@@ -33,6 +33,7 @@ const external_react_namespaceObject = require("react");
 const avatar_cjs_namespaceObject = require("../ui/avatar.cjs");
 const dropdown_menu_cjs_namespaceObject = require("../ui/dropdown-menu.cjs");
 const popover_cjs_namespaceObject = require("../ui/popover.cjs");
+const portal_container_cjs_namespaceObject = require("../ui/portal-container.cjs");
 const sheet_cjs_namespaceObject = require("../ui/sheet.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 function HeaderIconButton({ icon, label, onClick, disabled }) {
@@ -334,6 +335,7 @@ function AvatarDropdown({ themeClass }) {
 function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantName = 'Select', menuContent, onSearchClick }) {
     const themeClass = theme;
     const [menuOpen, setMenuOpen] = external_react_namespaceObject.useState(false);
+    const resolvedPortalContainer = (0, portal_container_cjs_namespaceObject.useResolvedPortalContainer)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
@@ -398,6 +400,7 @@ function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantNam
                 open: menuOpen,
                 onOpenChange: setMenuOpen,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(sheet_cjs_namespaceObject.SheetPortal, {
+                    container: resolvedPortalContainer,
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sheet_cjs_namespaceObject.SheetOverlay, {
                             className: "top-12"

package/dist/components/custom/global-header.js

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { Avatar, AvatarFallback } from "../ui/avatar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { useResolvedPortalContainer } from "../ui/portal-container.js";
 import { Sheet, SheetOverlay, SheetPortal, SheetTitle } from "../ui/sheet.js";
 import { cn } from "../../lib/index.js";
 function HeaderIconButton({ icon, label, onClick, disabled }) {
@@ -306,6 +307,7 @@ function AvatarDropdown({ themeClass }) {
 function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantName = 'Select', menuContent, onSearchClick }) {
     const themeClass = theme;
     const [menuOpen, setMenuOpen] = useState(false);
+    const resolvedPortalContainer = useResolvedPortalContainer();
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("header", {
@@ -370,6 +372,7 @@ function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantNam
                 open: menuOpen,
                 onOpenChange: setMenuOpen,
                 children: /*#__PURE__*/ jsxs(SheetPortal, {
+                    container: resolvedPortalContainer,
                     children: [
                         /*#__PURE__*/ jsx(SheetOverlay, {
                             className: "top-12"

package/dist/components/ui/context-menu.cjs

@@ -45,6 +45,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_context_menu_namespaceObject = require("@radix-ui/react-context-menu");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ContextMenu = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Root, {
         "data-slot": "context-menu",
@@ -99,14 +100,18 @@ const ContextMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwa
         ...props
     }));
 ContextMenuSubContent.displayName = react_context_menu_namespaceObject.SubContent.displayName;
-const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
+const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, container, ...props }, ref)=>{
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ContextMenuPortal, {
+        container: resolvedContainer,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content, {
             ref: ref,
             "data-slot": "context-menu-content",
             className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
             ...props
         })
-    }));
+    });
+});
 ContextMenuContent.displayName = react_context_menu_namespaceObject.Content.displayName;
 const ContextMenuItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Item, {
         ref: ref,

package/dist/components/ui/context-menu.d.ts

@@ -1,5 +1,6 @@
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare const ContextMenu: {
     (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -19,7 +20,9 @@ declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Contex
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: PortalContainerOverride;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/context-menu.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import { forwardRef } from "react";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 const ContextMenu = (props)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "context-menu",
@@ -57,14 +58,18 @@ const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props },
         ...props
     }));
 ContextMenuSubContent.displayName = SubContent.displayName;
-const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, container, ...props }, ref)=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsx(ContextMenuPortal, {
+        container: resolvedContainer,
         children: /*#__PURE__*/ jsx(Content, {
             ref: ref,
             "data-slot": "context-menu-content",
             className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
             ...props
         })
-    }));
+    });
+});
 ContextMenuContent.displayName = Content.displayName;
 const ContextMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
         ref: ref,

package/dist/components/ui/drawer.cjs

@@ -39,6 +39,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const external_vaul_namespaceObject = require("vaul");
+const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Drawer = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Root, {
         "data-slot": "drawer",
@@ -69,7 +70,10 @@ const DrawerOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
         ...props
     }));
 DrawerOverlay.displayName = external_vaul_namespaceObject.Drawer.Overlay.displayName;
-const DrawerContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DrawerPortal, {
+const DrawerContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, container, ...props }, ref)=>{
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DrawerPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DrawerOverlay, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content, {
@@ -85,7 +89,8 @@ const DrawerContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
                 ]
             })
         ]
-    }));
+    });
+});
 DrawerContent.displayName = 'DrawerContent';
 const DrawerHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         "data-slot": "drawer-header",

package/dist/components/ui/drawer.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
+import { type PortalContainerOverride } from './portal-container';
 declare const Drawer: {
     (props: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -11,7 +12,9 @@ declare const DrawerPortal: {
 };
 declare const DrawerClose: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: PortalContainerOverride;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/drawer.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Drawer } from "vaul";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 const drawer_Drawer = (props)=>/*#__PURE__*/ jsx(Drawer.Root, {
         "data-slot": "drawer",
@@ -32,7 +33,10 @@ const DrawerOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/
         ...props
     }));
 DrawerOverlay.displayName = Drawer.Overlay.displayName;
-const DrawerContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(DrawerPortal, {
+const DrawerContent = /*#__PURE__*/ forwardRef(({ className, children, container, ...props }, ref)=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsxs(DrawerPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ jsx(DrawerOverlay, {}),
             /*#__PURE__*/ jsxs(Drawer.Content, {
@@ -48,7 +52,8 @@ const DrawerContent = /*#__PURE__*/ forwardRef(({ className, children, ...props
                 ]
             })
         ]
-    }));
+    });
+});
 DrawerContent.displayName = 'DrawerContent';
 const DrawerHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
         "data-slot": "drawer-header",

package/dist/components/ui/index.cjs

@@ -30,7 +30,7 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -39,13 +39,13 @@ var __webpack_modules__ = {
     "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "./command" (module) {
+    "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
     "@/components/ui/context-menu" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
@@ -87,7 +87,7 @@ var __webpack_modules__ = {
     "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
-    "./input-group" (module) {
+    "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
     "@/components/ui/input" (module) {
@@ -168,7 +168,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -177,7 +177,7 @@ var __webpack_modules__ = {
     "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
-    "./tooltip" (module) {
+    "@/components/ui/tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
@@ -303,7 +303,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("./card");
+    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -324,7 +324,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_13 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_13 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_13)if ([
         "TreeView",
@@ -338,7 +338,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_15 = __webpack_require__("./command");
+    var _command__rspack_import_15 = __webpack_require__("@/components/ui/command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_15)if ([
         "TreeView",
@@ -373,7 +373,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_20 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_20 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_20)if ([
         "TreeView",
@@ -443,7 +443,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input_group__rspack_import_30 = __webpack_require__("./input-group");
+    var _input_group__rspack_import_30 = __webpack_require__("@/components/ui/input-group");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input_group__rspack_import_30)if ([
         "TreeView",
@@ -625,7 +625,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_55[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_56 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_56 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_56)if ([
         "TreeView",
@@ -646,7 +646,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_58[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_59 = __webpack_require__("./tooltip");
+    var _tooltip__rspack_import_59 = __webpack_require__("@/components/ui/tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _tooltip__rspack_import_59)if ([
         "TreeView",

package/dist/components/ui/portal-container.d.ts

@@ -2,27 +2,28 @@ import * as React from 'react';
 /**
  * Per-overlay portal target: `undefined`/`null` inherit the nearest
  * {@link PortalContainerProvider} (or `document.body` if none), `'body'` forces
- * `document.body`, an element portals into it. `null` inherits rather than
+ * `document.body`, a node portals into it. `null` inherits rather than
  * forcing body so `container={ref.current}` is safe before the ref attaches.
+ *
+ * `DocumentFragment` so a `ShadowRoot` can be passed directly — the shadow-DOM host this exists
+ * for is otherwise the one target it cannot name. Radix accepts both.
  */
-export type PortalContainerOverride = HTMLElement | 'body' | null;
+export type PortalContainerOverride = Element | DocumentFragment | 'body' | null;
 /**
  * Resolves an overlay's portal target from its `container` and the ambient
  * provider, shared so the behavior stays identical across overlays. `undefined`
  * is Radix's default (`document.body`) and keeps SSR clear of `document`.
  */
-export declare function useResolvedPortalContainer(container?: PortalContainerOverride): HTMLElement | undefined;
+export declare function useResolvedPortalContainer(container?: PortalContainerOverride): Element | DocumentFragment | undefined;
 export interface PortalContainerProviderProps {
     children: React.ReactNode;
     /** Node to portal into; omit (or pass a not-yet-attached ref, i.e. `null`) for an auto in-tree boundary. */
     container?: HTMLElement | null;
 }
 /**
- * Portals Popover/Select/DropdownMenu content (and Combobox/MultiSelect built on
- * them) into its own subtree instead of `document.body`, keeping overlays in the
- * trigger's DOM root and focus boundary. Without it they break under shadow-DOM
- * or focus-trapped hosts, where body-level content escapes the root. Mount one
- * per React root.
+ * Portals overlay content into its own subtree instead of `document.body`, keeping overlays in the
+ * trigger's DOM root and focus boundary. Without it they break under shadow-DOM or focus-trapped
+ * hosts, where body-level content escapes the root. Mount one per React root.
  *
  * Known limitation: an overlay open *on mount* portals to `document.body` for
  * the first commit (the boundary ref hasn't attached yet) then remounts; pass a

package/dist/components/ui/tooltip.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -33,6 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
 const external_react_namespaceObject = require("react");
+const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const TooltipProvider = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider, {
         "data-slot": "tooltip-provider",
@@ -50,10 +52,14 @@ const TooltipTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
         ...props
     }));
 TooltipTrigger.displayName = react_tooltip_namespaceObject.Trigger.displayName;
-const TooltipPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
+const TooltipPortal = ({ container, ...props })=>{
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
         "data-slot": "tooltip-portal",
-        ...props
+        ...props,
+        container: resolvedContainer
     });
+};
 TooltipPortal.displayName = 'TooltipPortal';
 const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
         ref: ref,

package/dist/components/ui/tooltip.d.ts

@@ -1,5 +1,6 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare const TooltipProvider: {
     (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -9,8 +10,14 @@ declare const Tooltip: {
     displayName: string;
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Resolves the container here rather than in `TooltipContent`: Tooltip is the one overlay whose
+ * portal is a sibling the consumer composes, not something `*Content` owns.
+ */
 declare const TooltipPortal: {
-    (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    ({ container, ...props }: Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Portal>, "container"> & {
+        container?: PortalContainerOverride;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/tooltip.js

@@ -1,6 +1,8 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 import { forwardRef } from "react";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 const TooltipProvider = (props)=>/*#__PURE__*/ jsx(Provider, {
         "data-slot": "tooltip-provider",
@@ -18,10 +20,14 @@ const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(
         ...props
     }));
 TooltipTrigger.displayName = Trigger.displayName;
-const TooltipPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
+const TooltipPortal = ({ container, ...props })=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsx(Portal, {
         "data-slot": "tooltip-portal",
-        ...props
+        ...props,
+        container: resolvedContainer
     });
+};
 TooltipPortal.displayName = 'TooltipPortal';
 const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,

package/dist/index.d.ts

@@ -71,7 +71,7 @@ export type { MultiSelectProps } from './components/ui/multi-select';
 export { MultiSelect } from './components/ui/multi-select';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/ui/pagination';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from './components/ui/popover';
-export type { PortalContainerProviderProps } from './components/ui/portal-container';
+export type { PortalContainerOverride, PortalContainerProviderProps, } from './components/ui/portal-container';
 export { PortalContainerProvider } from './components/ui/portal-container';
 export { Progress } from './components/ui/progress';
 export type { MarkdownPreviewTokenOverride, PromptEditorAutoCompleteOption, PromptEditorAutocompleteMenuProps, PromptEditorDiffType, PromptEditorMode, PromptEditorProps, PromptEditorRef, PromptEditorRenderTokenPill, PromptEditorStrings, PromptEditorToken, PromptEditorTokenPillSlotProps, PromptEditorTokenType, PromptEditorToolbarActiveFormats, PromptTokenNode, TokenPillProps, TokenPillWithTooltipProps, } from './components/ui/prompt-editor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.53.1",
+  "version": "2.53.2",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",