@uipath/apollo-wind 2.53.0 → 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

@@ -24,10 +24,10 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
@@ -36,10 +36,10 @@ var __webpack_modules__ = {
     "./chart" (module) {
         module.exports = require("./chart.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -48,7 +48,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (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) {
@@ -81,16 +81,16 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "@/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");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "@/components/ui/label" (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) {
@@ -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__("./button");
+    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -296,7 +296,7 @@ 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__("./calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)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__("./checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/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",
@@ -345,7 +345,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_16 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_16)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",
@@ -422,7 +422,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_27 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_27 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_27)if ([
         "TreeView",
@@ -436,14 +436,14 @@ 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__("./input");
+    var _input__rspack_import_29 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_29)if ([
         "TreeView",
         "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",

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,16 +52,20 @@ 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,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]', className),
+        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;

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,16 +20,20 @@ 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,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: cn('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]', className),
+        className: cn('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = Content.displayName;

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

@@ -1707,6 +1707,9 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .\!animate-none {
+    animation: none !important;
+  }
   .animate-none {
     animation: none;
   }
@@ -1993,6 +1996,9 @@
       margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -2029,6 +2035,9 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-14 {
+    row-gap: calc(var(--spacing) * 14);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2236,6 +2245,12 @@
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .border-accent-foreground\/20 {
+    border-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent-foreground) 20%, transparent);
+    }
+  }
   .border-border {
     border-color: var(--ap-wind-border);
   }
@@ -2314,12 +2329,6 @@
       border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
-  .border-foreground-inverse\/20 {
-    border-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--foreground-inverse) 20%, transparent);
-    }
-  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2494,6 +2503,18 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-foreground\/10 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent);
+    }
+  }
+  .bg-accent-foreground\/15 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 15%, transparent);
+    }
+  }
   .bg-accent\/50 {
     background-color: var(--accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2743,18 +2764,6 @@
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
-  .bg-foreground-inverse\/10 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 10%, transparent);
-    }
-  }
-  .bg-foreground-inverse\/15 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 15%, transparent);
-    }
-  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -4000,6 +4009,12 @@
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
+  .text-accent-foreground\/70 {
+    color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--accent-foreground) 70%, transparent);
+    }
+  }
   .text-amber-500 {
     color: var(--color-amber-500);
   }
@@ -4063,12 +4078,6 @@
   .text-foreground-inverse {
     color: var(--foreground-inverse);
   }
-  .text-foreground-inverse\/70 {
-    color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--foreground-inverse) 70%, transparent);
-    }
-  }
   .text-foreground-link {
     color: var(--foreground-link);
   }
@@ -6153,6 +6162,11 @@
       border-left-width: 1px;
     }
   }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:px-8 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 8);

package/package.json

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