@uipath/apollo-wind 2.53.1 → 2.54.0

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

@@ -24,22 +24,22 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
         module.exports = require("./chart.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -69,7 +69,7 @@ var __webpack_modules__ = {
     "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -90,10 +90,10 @@ var __webpack_modules__ = {
     "./input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -108,7 +108,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "@/components/ui/portal-container" (module) {
@@ -162,7 +162,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -282,7 +282,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -296,14 +296,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
         "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",
@@ -317,14 +317,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
         "TreeView",
         "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",
@@ -394,7 +394,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_23 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_23 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_23)if ([
         "TreeView",
@@ -436,7 +436,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_29 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_29 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_29)if ([
         "TreeView",
@@ -450,7 +450,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_31 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_31 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_31)if ([
         "TreeView",
@@ -485,7 +485,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_36 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_36 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_36)if ([
         "TreeView",
@@ -611,7 +611,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_53[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_54 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_54 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_54)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/editor-themes/codemirror.cjs

@@ -68,15 +68,15 @@ const apolloFutureLightCodeMirror = {
         meta: '#71717a'
     },
     ui: {
-        background: '#f4f4f5',
+        background: '#ffffff',
         foreground: '#52525b',
-        cursor: '#0891b2',
+        cursor: '#0092b8',
         selection: '#d4d4d866',
         lineHighlight: '#e4e4e780',
         lineNumber: '#a1a1aa',
         lineNumberActive: '#71717a',
         indentGuide: '#d4d4d8',
-        matchingBracket: '#0891b2'
+        matchingBracket: '#0092b8'
     }
 };
 const apolloCoreDarkCodeMirror = {

package/dist/editor-themes/codemirror.js

@@ -35,15 +35,15 @@ const apolloFutureLightCodeMirror = {
         meta: '#71717a'
     },
     ui: {
-        background: '#f4f4f5',
+        background: '#ffffff',
         foreground: '#52525b',
-        cursor: '#0891b2',
+        cursor: '#0092b8',
         selection: '#d4d4d866',
         lineHighlight: '#e4e4e780',
         lineNumber: '#a1a1aa',
         lineNumberActive: '#71717a',
         indentGuide: '#d4d4d8',
-        matchingBracket: '#0891b2'
+        matchingBracket: '#0092b8'
     }
 };
 const apolloCoreDarkCodeMirror = {

package/dist/editor-themes/monaco.cjs

@@ -333,32 +333,32 @@ const apolloFutureLightMonaco = {
     inherit: false,
     rules: lightRules,
     colors: {
-        'editor.background': '#e4e4e7',
+        'editor.background': '#ffffff',
         'editor.foreground': '#52525b',
         'editorLineNumber.foreground': '#a1a1aa',
         'editorLineNumber.activeForeground': '#71717a',
         'editor.selectionBackground': '#d4d4d866',
         'editor.inactiveSelectionBackground': '#d4d4d833',
         'editor.lineHighlightBackground': '#e4e4e780',
-        'editorCursor.foreground': '#0891b2',
+        'editorCursor.foreground': '#0092b8',
         'editorWhitespace.foreground': '#d4d4d8',
         'editorIndentGuide.background1': '#e4e4e7',
         'editorIndentGuide.activeBackground1': '#d4d4d8',
-        'editorBracketMatch.background': '#0891b21a',
-        'editorBracketMatch.border': '#0891b2',
+        'editorBracketMatch.background': '#0092b81a',
+        'editorBracketMatch.border': '#0092b8',
         'editor.findMatchBackground': '#b4530940',
         'editor.findMatchHighlightBackground': '#b4530920',
-        'editorWidget.background': '#e4e4e7',
+        'editorWidget.background': '#ffffff',
         'editorWidget.border': '#d4d4d8',
-        'editorSuggestWidget.background': '#e4e4e7',
+        'editorSuggestWidget.background': '#ffffff',
         'editorSuggestWidget.border': '#d4d4d8',
         'editorSuggestWidget.selectedBackground': '#d4d4d8',
-        'editorHoverWidget.background': '#e4e4e7',
+        'editorHoverWidget.background': '#ffffff',
         'editorHoverWidget.border': '#d4d4d8',
         'scrollbarSlider.background': '#d4d4d866',
         'scrollbarSlider.hoverBackground': '#a1a1aa80',
         'scrollbarSlider.activeBackground': '#71717a80',
-        focusBorder: '#0891b2',
+        focusBorder: '#0092b8',
         'input.background': '#ffffff',
         'input.border': '#d4d4d8',
         'input.foreground': '#52525b',

package/dist/editor-themes/monaco.js

@@ -300,32 +300,32 @@ const apolloFutureLightMonaco = {
     inherit: false,
     rules: lightRules,
     colors: {
-        'editor.background': '#e4e4e7',
+        'editor.background': '#ffffff',
         'editor.foreground': '#52525b',
         'editorLineNumber.foreground': '#a1a1aa',
         'editorLineNumber.activeForeground': '#71717a',
         'editor.selectionBackground': '#d4d4d866',
         'editor.inactiveSelectionBackground': '#d4d4d833',
         'editor.lineHighlightBackground': '#e4e4e780',
-        'editorCursor.foreground': '#0891b2',
+        'editorCursor.foreground': '#0092b8',
         'editorWhitespace.foreground': '#d4d4d8',
         'editorIndentGuide.background1': '#e4e4e7',
         'editorIndentGuide.activeBackground1': '#d4d4d8',
-        'editorBracketMatch.background': '#0891b21a',
-        'editorBracketMatch.border': '#0891b2',
+        'editorBracketMatch.background': '#0092b81a',
+        'editorBracketMatch.border': '#0092b8',
         'editor.findMatchBackground': '#b4530940',
         'editor.findMatchHighlightBackground': '#b4530920',
-        'editorWidget.background': '#e4e4e7',
+        'editorWidget.background': '#ffffff',
         'editorWidget.border': '#d4d4d8',
-        'editorSuggestWidget.background': '#e4e4e7',
+        'editorSuggestWidget.background': '#ffffff',
         'editorSuggestWidget.border': '#d4d4d8',
         'editorSuggestWidget.selectedBackground': '#d4d4d8',
-        'editorHoverWidget.background': '#e4e4e7',
+        'editorHoverWidget.background': '#ffffff',
         'editorHoverWidget.border': '#d4d4d8',
         'scrollbarSlider.background': '#d4d4d866',
         'scrollbarSlider.hoverBackground': '#a1a1aa80',
         'scrollbarSlider.activeBackground': '#71717a80',
-        focusBorder: '#0891b2',
+        focusBorder: '#0092b8',
         'input.background': '#ffffff',
         'input.border': '#d4d4d8',
         'input.foreground': '#52525b',

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/dist/styles.css

@@ -4359,9 +4359,6 @@
   .ring-background {
     --tw-ring-color: var(--background);
   }
-  .ring-brand {
-    --tw-ring-color: var(--brand);
-  }
   .ring-brand\/30 {
     --tw-ring-color: var(--brand);
     @supports (color: color-mix(in lab, red, red)) {
@@ -7684,7 +7681,7 @@
   --color-background-selected-dark: #374652;
   --color-background-selected-dark-hc: #374652;
   --color-background-selected-future-dark: #3f3f46;
-  --color-background-selected-future-light: #d4d4d8;
+  --color-background-selected-future-light: #e4e4e7;
   --color-selection-indicator-light: #0067df;
   --color-selection-indicator-light-hc: #00489d;
   --color-selection-indicator-dark: #66adff;
@@ -7828,7 +7825,7 @@
   --color-primary-dark: #66adff;
   --color-primary-dark-hc: #badaff;
   --color-primary-future-dark: #00b8db;
-  --color-primary-future-light: #00b8db;
+  --color-primary-future-light: #0092b8;
   --color-primary-lighter-light: #badaff;
   --color-primary-lighter-light-hc: #badaff;
   --color-primary-lighter-dark: #00489d;
@@ -7840,25 +7837,25 @@
   --color-primary-darker-dark: #badaff;
   --color-primary-darker-dark-hc: #badaff;
   --color-primary-darker-future-dark: #0092b8;
-  --color-primary-darker-future-light: #007595;
+  --color-primary-darker-future-light: #005f78;
   --color-primary-hover-light: #0056ba;
   --color-primary-hover-light-hc: #00336f;
   --color-primary-hover-dark: #87bfff;
   --color-primary-hover-dark-hc: #87bfff;
   --color-primary-hover-future-dark: #00d3f2;
-  --color-primary-hover-future-light: #0092b8;
+  --color-primary-hover-future-light: #007595;
   --color-primary-focused-light: #0056ba;
   --color-primary-focused-light-hc: #00336f;
   --color-primary-focused-dark: #87bfff;
   --color-primary-focused-dark-hc: #87bfff;
   --color-primary-focused-future-dark: #00d3f2;
-  --color-primary-focused-future-light: #0092b8;
+  --color-primary-focused-future-light: #007595;
   --color-primary-pressed-light: #0067df;
   --color-primary-pressed-light-hc: #00336f;
   --color-primary-pressed-dark: #66adff;
   --color-primary-pressed-dark-hc: #66adff;
   --color-primary-pressed-future-dark: #00b8db;
-  --color-primary-pressed-future-light: #00b8db;
+  --color-primary-pressed-future-light: #005f78;
   --color-secondary-focused-light: #e9f1fa;
   --color-secondary-focused-light-hc: #e9f1fa;
   --color-secondary-focused-dark: #374652;
@@ -8344,7 +8341,7 @@
   --color-background-overlay-dark: #374652;
   --color-background-overlay-dark-hc: #374652;
   --color-background-overlay-future-dark: #27272a;
-  --color-background-overlay-future-light: #e4e4e7;
+  --color-background-overlay-future-light: #ffffff;
   --color-foreground-secondary-light: #182027;
   --color-foreground-secondary-light-hc: #182027;
   --color-foreground-secondary-dark: #f8f9fa;
@@ -8362,7 +8359,7 @@
   --color-foreground-on-accent-dark: #182027;
   --color-foreground-on-accent-dark-hc: #182027;
   --color-foreground-on-accent-future-dark: #09090b;
-  --color-foreground-on-accent-future-light: #09090b;
+  --color-foreground-on-accent-future-light: #fafafa;
   --color-primary-subtle-light: #badaff;
   --color-primary-subtle-light-hc: #badaff;
   --color-primary-subtle-dark: #00489d;
@@ -9347,7 +9344,7 @@ body.future-light, .future-light {
   --color-background-gray-emp: #9f9fa9;
   --color-background-hover: #52525c14;
   --color-background-pressed: #52525c1f;
-  --color-background-selected: #d4d4d8;
+  --color-background-selected: #e4e4e7;
   --color-selection-indicator: #00b8db;
   --color-notification-badge: #000000;
   --color-notification-indicator: #ec003f;
@@ -9371,12 +9368,12 @@ body.future-light, .future-light {
   --color-foreground-link: #007595;
   --color-foreground-link-pressed: #005f78;
   --color-foreground-inv-de-emp: #d4d4d8;
-  --color-primary: #00b8db;
+  --color-primary: #0092b8;
   --color-primary-lighter: #cefafe;
-  --color-primary-darker: #007595;
-  --color-primary-hover: #0092b8;
-  --color-primary-focused: #0092b8;
-  --color-primary-pressed: #00b8db;
+  --color-primary-darker: #005f78;
+  --color-primary-hover: #007595;
+  --color-primary-focused: #007595;
+  --color-primary-pressed: #005f78;
   --color-secondary-focused: #cefafe;
   --color-secondary-pressed: #a2f4fd;
   --color-chip-default-background: #d4d4d8;
@@ -9457,10 +9454,10 @@ body.future-light, .future-light {
   --color-gradient-human-end: #d8eeff;
   --color-canvas-background: #fafafa;
   --color-dot-grid: #e4e4e7;
-  --color-background-overlay: #e4e4e7;
+  --color-background-overlay: #ffffff;
   --color-foreground-secondary: #18181b;
   --color-foreground-hover: #52525c;
-  --color-foreground-on-accent: #09090b;
+  --color-foreground-on-accent: #fafafa;
   --color-primary-subtle: #ecfeff;
   --color-border-muted: #f4f4f5;
   --color-border-deep: #fafafa;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.53.1",
+  "version": "2.54.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -127,7 +127,7 @@
     "tailwindcss": "^4.1.17",
     "vaul": "^1.1.2",
     "zod": "^4.3.5",
-    "@uipath/apollo-core": "5.14.1"
+    "@uipath/apollo-core": "5.15.0"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.5",
@@ -169,7 +169,7 @@
     "semantic-release": "^25.0.3",
     "storybook": "^10.4.1",
     "typescript": "^5.9.3",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.11"
   },
   "keywords": [
     "react",