@uipath/apollo-wind 2.32.3 → 2.32.4

package/dist/components/ui/alert-dialog.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -37,10 +38,11 @@ __webpack_require__.d(__webpack_exports__, {
     AlertDialogAction: ()=>AlertDialogAction
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
 const AlertDialog = react_alert_dialog_namespaceObject.Root;
 const AlertDialogTrigger = react_alert_dialog_namespaceObject.Trigger;
 const AlertDialogPortal = react_alert_dialog_namespaceObject.Portal;
@@ -50,7 +52,10 @@ const AlertDialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardR
         ref: ref
     }));
 AlertDialogOverlay.displayName = react_alert_dialog_namespaceObject.Overlay.displayName;
-const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(AlertDialogPortal, {
+const AlertDialogContent = /*#__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.jsxs)(AlertDialogPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AlertDialogOverlay, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
@@ -59,7 +64,8 @@ const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardR
                 ...props
             })
         ]
-    }));
+    });
+});
 AlertDialogContent.displayName = react_alert_dialog_namespaceObject.Content.displayName;
 const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),

package/dist/components/ui/alert-dialog.d.ts

@@ -1,10 +1,13 @@
-import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: PortalContainerOverride;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/alert-dialog.js

@@ -1,8 +1,10 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
 import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
 const AlertDialog = Root;
 const AlertDialogTrigger = Trigger;
 const AlertDialogPortal = Portal;
@@ -12,7 +14,10 @@ const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, re
         ref: ref
     }));
 AlertDialogOverlay.displayName = Overlay.displayName;
-const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(AlertDialogPortal, {
+const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, container, ...props }, ref)=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsxs(AlertDialogPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
             /*#__PURE__*/ jsx(Content, {
@@ -21,7 +26,8 @@ const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, re
                 ...props
             })
         ]
-    }));
+    });
+});
 AlertDialogContent.displayName = Content.displayName;
 const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
         className: cn('flex flex-col space-y-2 text-center sm:text-left', className),

package/dist/components/ui/dialog.cjs

@@ -40,6 +40,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
 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");
 function Dialog({ ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
@@ -75,9 +76,11 @@ const dialog_DialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwar
         ...props
     });
 });
-const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
+const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, container, ...props }, ref) {
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogPortal, {
         "data-slot": "dialog-portal",
+        container: resolvedContainer,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_DialogOverlay, {
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
                 "data-slot": "dialog-content",

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

@@ -1,5 +1,6 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
@@ -7,6 +8,7 @@ declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     showCloseButton?: boolean;
+    container?: PortalContainerOverride;
 } & React.RefAttributes<HTMLDivElement>>;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/dialog.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import { forwardRef } from "react";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 function Dialog({ ...props }) {
     return /*#__PURE__*/ jsx(Root, {
@@ -38,9 +39,11 @@ const dialog_DialogOverlay = /*#__PURE__*/ forwardRef(function({ className, ...p
         ...props
     });
 });
-const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
+const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, container, ...props }, ref) {
+    const resolvedContainer = useResolvedPortalContainer(container);
     return /*#__PURE__*/ jsx(DialogPortal, {
         "data-slot": "dialog-portal",
+        container: resolvedContainer,
         children: /*#__PURE__*/ jsx(dialog_DialogOverlay, {
             children: /*#__PURE__*/ jsxs(Content, {
                 "data-slot": "dialog-content",

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -24,7 +24,7 @@ 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) {
@@ -33,7 +33,7 @@ var __webpack_modules__ = {
     "./card" (module) {
         module.exports = require("./card.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./collapsible" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./dropdown-menu" (module) {
@@ -78,10 +78,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) {
@@ -150,13 +150,13 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (module) {
@@ -247,7 +247,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("./badge");
+    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -261,7 +261,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",
@@ -289,7 +289,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
@@ -345,7 +345,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -387,7 +387,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_25 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
@@ -401,7 +401,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_27 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_27 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_27)if ([
         "TreeView",
@@ -562,14 +562,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_49[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_50 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_50 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_50)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_50[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_51 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_51 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_51)if ([
         "TreeView",

package/dist/components/ui/sheet.cjs

@@ -41,6 +41,7 @@ const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 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 Sheet = react_dialog_namespaceObject.Root;
 const SheetTrigger = react_dialog_namespaceObject.Trigger;
@@ -65,7 +66,10 @@ const sheetVariants = (0, external_class_variance_authority_namespaceObject.cva)
         side: 'right'
     }
 });
-const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SheetPortal, {
+const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SheetPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SheetOverlay, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
@@ -91,7 +95,8 @@ const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
                 ]
             })
         ]
-    }));
+    });
+});
 SheetContent.displayName = react_dialog_namespaceObject.Content.displayName;
 const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),

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

@@ -1,6 +1,7 @@
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -10,6 +11,7 @@ declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    container?: PortalContainerOverride;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/components/ui/sheet.js

@@ -4,6 +4,7 @@ import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } fr
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
 import { forwardRef } from "react";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 const Sheet = Root;
 const SheetTrigger = Trigger;
@@ -28,7 +29,10 @@ const sheetVariants = cva('fixed z-50 gap-4 bg-background p-6 shadow-lg transiti
         side: 'right'
     }
 });
-const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SheetPortal, {
+const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsxs(SheetPortal, {
+        container: resolvedContainer,
         children: [
             /*#__PURE__*/ jsx(SheetOverlay, {}),
             /*#__PURE__*/ jsxs(Content, {
@@ -54,7 +58,8 @@ const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, chil
                 ]
             })
         ]
-    }));
+    });
+});
 SheetContent.displayName = Content.displayName;
 const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
         className: cn('flex flex-col space-y-2 text-center sm:text-left', className),

package/package.json

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