@wix/site-ui 1.232.0 → 1.233.0

package/dist/Toast/index.d.ts

@@ -1,4 +1,5 @@
 import { ForwardRefExoticComponent } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Padding } from '@floating-ui/react-dom';
 import * as React_2 from 'react';
 import { Rect } from '@floating-ui/utils';
@@ -128,6 +129,10 @@ declare type OffsetFunction = (data: {
     };
 }) => number;
 
+declare const Portal: ({ container, ...props }: PortalProps) => JSX_2.Element;
+
+declare type PortalProps = React_2.ComponentPropsWithoutRef<typeof Toast_2.Portal>;
+
 declare const Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<ToastRootProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
     className?: string;
 } & {
@@ -368,7 +373,7 @@ export declare interface ToastManagerUpdateOptions<Data extends object> extends
 
 declare type ToastNamespace = {
     Provider: typeof Toast_2.Provider;
-    Portal: typeof Toast_2.Portal;
+    Portal: typeof Portal;
     Viewport: typeof Viewport;
     Root: typeof Root;
     Title: typeof Title;

package/dist/Toast/index.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
+import { FloatingPortalLite_FloatingPortalLite } from "../8960.js";
 import { useRefWithInit, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { Timeout, useTimeout } from "../42.js";
 import { getTarget, contains, activeElement } from "../4549.js";
@@ -19,9 +20,9 @@ import { useId } from "../2205.js";
 import { useButton } from "../9189.js";
 import { ReactStore, createSelector } from "../2445.js";
 import { useOnMount } from "../2861.js";
-import { FloatingPortalLite_FloatingPortalLite } from "../8960.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
+const ToastPortal = FloatingPortalLite_FloatingPortalLite;
 const ToastContext = /*#__PURE__*/ __rspack_external_react.createContext(void 0);
 if ("production" !== process.env.NODE_ENV) ToastContext.displayName = "ToastContext";
 function useToastProviderContext() {
@@ -1127,7 +1128,6 @@ const ToastProvider_ToastProvider = function(props) {
     });
 };
 if ("production" !== process.env.NODE_ENV) ToastProvider_ToastProvider.displayName = "ToastProvider";
-const ToastPortal = FloatingPortalLite_FloatingPortalLite;
 function useToastManager() {
     const store = __rspack_external_react.useContext(ToastContext);
     if (!store) throw new Error("production" !== process.env.NODE_ENV ? 'Base UI: useToastManager must be used within <Toast.Provider>.' : esm_formatErrorMessage(73));
@@ -1164,6 +1164,10 @@ 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':
@@ -1177,6 +1181,10 @@ function getSkinClassName(skin) {
             return Toast_module.status;
     }
 }
+const Portal = ({ container, ...props })=>/*#__PURE__*/ jsx(ToastPortal, {
+        container: container ?? getDefaultContainer(),
+        ...props
+    });
 const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ToastViewport_ToastViewport, {
         ref: ref,
         className: clsx(Toast_module.viewport, 'theme-vars', className),
@@ -1204,7 +1212,7 @@ const CloseButton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ classNam
     }));
 const Toast = {
     Provider: ToastProvider_ToastProvider,
-    Portal: ToastPortal,
+    Portal: Portal,
     Viewport: Viewport,
     Root: Root,
     Title: Title,

package/dist/index.d.ts

@@ -7796,6 +7796,10 @@ declare class PopupTriggerMap {
     get size(): number;
 }
 
+declare const Portal: ({ container, ...props }: PortalProps) => JSX_2.Element;
+
+declare type PortalProps = 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"> & {
         className?: string;
@@ -12781,7 +12785,7 @@ export declare interface ToastManagerUpdateOptions<Data extends object> extends
 
 declare type ToastNamespace = {
     Provider: typeof Toast_2.Provider;
-    Portal: typeof Toast_2.Portal;
+    Portal: typeof Portal;
     Viewport: typeof Viewport;
     Root: typeof Root_6;
     Title: typeof Title_2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.232.0",
+  "version": "1.233.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": "07cc45adc328146402ef46657b1a9ce76e6d18695562f3d61ecc2c36"
+  "falconPackageHash": "aaa2ac8f445402908b853f97f3d5165fd7daf29c54a616be17c2b5ed"
 }