@wix/site-ui 1.281.0 → 1.283.0

package/dist/3699.js

@@ -0,0 +1,5 @@
+function getThemedContainer() {
+    if ("u" < typeof document) return;
+    return document.querySelector('#SITE_PAGES > .theme-vars') ?? document.body;
+}
+export { getThemedContainer };

package/dist/Dialog/index.d.ts

@@ -2,7 +2,6 @@ import { AlertDialogBackdropProps } from '@base-ui/react';
 import { AlertDialogCloseProps } from '@base-ui/react';
 import { AlertDialogDescriptionProps } from '@base-ui/react';
 import { AlertDialogPopupProps } from '@base-ui/react';
-import { AlertDialogPortalProps } from '@base-ui/react';
 import { AlertDialogTitleProps } from '@base-ui/react';
 import { AlertDialogViewportProps } from '@base-ui/react';
 import { FloatingRootContext as FloatingRootContext_2 } from '../../floating-ui-react/index.js';
@@ -142,7 +141,7 @@ export declare const Dialog: {
     } & React_2.RefAttributes<HTMLDivElement>>;
     Root: typeof Dialog_2.Root;
     Trigger: typeof Trigger;
-    Portal: React_2.ForwardRefExoticComponent<Omit<AlertDialogPortalProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    Portal: ({ container, ...props }: PortalProps) => JSX_2.Element;
     Handle: typeof Dialog_2.Handle;
     createHandle: typeof Dialog_2.createHandle;
 };
@@ -862,6 +861,8 @@ declare class PopupTriggerMap {
     get size(): number;
 }
 
+declare type PortalProps = React_2.ComponentPropsWithoutRef<typeof Dialog_2.Portal>;
+
 declare namespace REASONS {
     export {
         none,

package/dist/Dialog/index.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { DialogPopup_DialogPopup, DialogBackdrop_DialogBackdrop } from "../9352.js";
 import { DialogClose_DialogClose, DialogTrigger_DialogTrigger, DialogDescription_DialogDescription, DialogTitle_DialogTitle, DialogHandle, createDialogHandle, DialogViewport_DialogViewport, DialogPortal_DialogPortal } from "../6270.js";
+import { getThemedContainer } from "../3699.js";
+import { DialogPopup_DialogPopup, DialogBackdrop_DialogBackdrop } from "../9352.js";
 import { DialogRoot } from "../3020.js";
 import * as __rspack_external_react from "react";
 const Dialog_module = {
@@ -12,6 +13,10 @@ const Dialog_module = {
     title: "title-U8Hyut",
     description: "description-ZV1a4j"
 };
+const Portal = ({ container, ...props })=>/*#__PURE__*/ jsx(DialogPortal_DialogPortal, {
+        container: container ?? getThemedContainer(),
+        ...props
+    });
 const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(DialogBackdrop_DialogBackdrop, {
         ref: ref,
         className: clsx(Dialog_module.backdrop, className),
@@ -57,7 +62,7 @@ const Dialog = {
     Viewport: Viewport,
     Root: DialogRoot,
     Trigger: Trigger,
-    Portal: DialogPortal_DialogPortal,
+    Portal: Portal,
     Handle: DialogHandle,
     createHandle: createDialogHandle
 };

package/dist/Toast/index.js

@@ -20,6 +20,7 @@ import { useId } from "../2205.js";
 import { useButton } from "../9189.js";
 import { ReactStore, createSelector } from "../2445.js";
 import { useOnMount } from "../2861.js";
+import { getThemedContainer } from "../3699.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 const ToastPortal = FloatingPortalLite_FloatingPortalLite;
@@ -1164,10 +1165,6 @@ const Close = ({ size, ...props })=>/*#__PURE__*/ jsx("svg", {
             d: "M19.2928932,3.99989322 L20,4.707 L12.7068932,11.9998932 L20,19.2928932 L19.2928932,20 L11.9998932,12.7068932 L4.707,20 L3.99989322,19.2928932 L11.2928932,11.9998932 L3.99989322,4.707 L4.707,3.99989322 L11.9998932,11.2928932 L19.2928932,3.99989322 Z"
         })
     });
-const getDefaultContainer = ()=>{
-    if ("u" < typeof document) return;
-    return document.querySelector('#SITE_PAGES > .theme-vars') ?? document.body;
-};
 function getSkinClassName(skin) {
     switch(skin){
         case 'success':
@@ -1182,7 +1179,7 @@ function getSkinClassName(skin) {
     }
 }
 const Portal = ({ container, ...props })=>/*#__PURE__*/ jsx(ToastPortal, {
-        container: container ?? getDefaultContainer(),
+        container: container ?? getThemedContainer(),
         ...props
     });
 const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ToastViewport_ToastViewport, {

package/dist/index.d.ts

@@ -3159,7 +3159,7 @@ export declare const Dialog: {
     } & React_2.RefAttributes<HTMLDivElement>>;
     Root: typeof Dialog_2.Root;
     Trigger: typeof Trigger_3;
-    Portal: React_2.ForwardRefExoticComponent<Omit<AlertDialogPortalProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    Portal: ({ container, ...props }: PortalProps) => JSX_2.Element;
     Handle: typeof Dialog_2.Handle;
     createHandle: typeof Dialog_2.createHandle;
 };
@@ -7796,9 +7796,11 @@ declare class PopupTriggerMap {
     get size(): number;
 }
 
-declare const Portal: ({ container, ...props }: PortalProps) => JSX_2.Element;
+declare const Portal: ({ container, ...props }: PortalProps_2) => JSX_2.Element;
+
+declare type PortalProps = React_2.ComponentPropsWithoutRef<typeof Dialog_2.Portal>;
 
-declare type PortalProps = React_2.ComponentPropsWithoutRef<typeof Toast_2.Portal>;
+declare type PortalProps_2 = React_2.ComponentPropsWithoutRef<typeof Toast_2.Portal>;
 
 export declare const PreviewCard: {
     Positioner: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<PreviewCardPositionerProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.281.0",
+  "version": "1.283.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -94,5 +94,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "d5c39bcb316fe5e60c5fe53af6c89c9b15b08cef45c44d3917c1858e"
+  "falconPackageHash": "2ec1d05aedf56f79ccdcc5d4b84818c5c8f1782f1838e3e9f9c44db3"
 }