@tamagui/v2-toast 2.0.0-1769464493958

package/dist/cjs/ToastViewport.native.js

@@ -0,0 +1,316 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastViewport_exports = {};
+__export(ToastViewport_exports, {
+  ToastViewport: () => ToastViewport,
+  VIEWPORT_DEFAULT_HOTKEY: () => VIEWPORT_DEFAULT_HOTKEY,
+  VIEWPORT_PAUSE: () => VIEWPORT_PAUSE,
+  VIEWPORT_RESUME: () => VIEWPORT_RESUME
+});
+module.exports = __toCommonJS(ToastViewport_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_animate_presence = require("@tamagui/animate-presence"),
+  import_compose_refs = require("@tamagui/compose-refs"),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_portal = require("@tamagui/portal"),
+  import_stacks = require("@tamagui/stacks"),
+  import_visually_hidden = require("@tamagui/visually-hidden"),
+  React = __toESM(require("react"), 1),
+  import_constants2 = require("./constants.native.js"),
+  import_ToastPortal = require("./ToastPortal.native.js"),
+  import_ToastProvider = require("./ToastProvider.native.js"),
+  VIEWPORT_NAME = "ToastViewport",
+  VIEWPORT_DEFAULT_HOTKEY = ["F8"],
+  VIEWPORT_PAUSE = "toast.viewportPause",
+  VIEWPORT_RESUME = "toast.viewportResume",
+  ToastViewportWrapperFrame = (0, import_core.styled)(import_stacks.YStack, {
+    name: "ViewportWrapper",
+    variants: {
+      unstyled: {
+        false: {
+          pointerEvents: "box-none",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          position: import_constants.isWeb ? "fixed" : "absolute",
+          maxWidth: "100%",
+          tabIndex: 0,
+          zIndex: 1e5
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  ToastViewportFrame = (0, import_core.styled)(import_stacks.YStack, {
+    name: VIEWPORT_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          pointerEvents: "box-none",
+          position: import_constants.isWeb ? "fixed" : "absolute",
+          maxWidth: "100%"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  ToastViewport = /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        scope,
+        hotkey = VIEWPORT_DEFAULT_HOTKEY,
+        label = "Notifications ({hotkey})",
+        name = "default",
+        multipleToasts,
+        zIndex,
+        portalToRoot,
+        ...viewportProps
+      } = props,
+      context = (0, import_ToastProvider.useToastProviderContext)(scope),
+      getItems = (0, import_ToastProvider.useCollection)(scope || import_constants2.TOAST_CONTEXT),
+      headFocusProxyRef = React.useRef(null),
+      tailFocusProxyRef = React.useRef(null),
+      wrapperRef = React.useRef(null),
+      ref = React.useRef(null),
+      onViewportChange = React.useCallback(function (el) {
+        context.viewports[name] !== el && context.onViewportChange(name, el);
+      }, [name, context.viewports]),
+      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, onViewportChange),
+      hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""),
+      hasToasts = context.toastCount > 0;
+    React.useEffect(function () {
+      if (import_constants.isWeb && context.toastCount !== 0) {
+        var handleKeyDown = function (event) {
+          var _ref_current,
+            isHotkeyPressed = hotkey.every(function (key) {
+              return event[key] || event.code === key;
+            });
+          isHotkeyPressed && ((_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus());
+        };
+        return document.addEventListener("keydown", handleKeyDown), function () {
+          document.removeEventListener("keydown", handleKeyDown);
+        };
+      }
+    }, [hotkey, context.toastCount]), React.useEffect(function () {
+      if (import_constants.isWeb && context.toastCount !== 0) {
+        var wrapper = wrapperRef.current,
+          viewport = ref.current;
+        if (hasToasts && wrapper && viewport) {
+          var handlePause = function () {
+              if (!context.isClosePausedRef.current) {
+                var pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+                viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
+              }
+            },
+            handleResume = function () {
+              if (context.isClosePausedRef.current) {
+                var resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+                viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
+              }
+            },
+            handleFocusOutResume = function (event) {
+              var isFocusMovingOutside = !wrapper.contains(event.relatedTarget);
+              isFocusMovingOutside && handleResume();
+            },
+            handlePointerLeaveResume = function () {
+              var isFocusInside = wrapper.contains(document.activeElement);
+              isFocusInside || handleResume();
+            };
+          return wrapper.addEventListener("focusin", handlePause), wrapper.addEventListener("focusout", handleFocusOutResume), wrapper.addEventListener("pointermove", handlePause), wrapper.addEventListener("pointerleave", handlePointerLeaveResume), window.addEventListener("blur", handlePause), window.addEventListener("focus", handleResume), function () {
+            wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
+          };
+        }
+      }
+    }, [hasToasts, context.isClosePausedRef, context.toastCount]);
+    var getSortedTabbableCandidates = React.useCallback(function (param) {
+      var {
+          tabbingDirection
+        } = param,
+        toastItems = getItems(),
+        tabbableCandidates = toastItems.map(function (toastItem) {
+          var toastNode = toastItem.ref.current,
+            toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
+          return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+        });
+      return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+    }, [getItems]);
+    React.useEffect(function () {
+      if (import_constants.isWeb && context.toastCount !== 0) {
+        var viewport = ref.current;
+        if (viewport) {
+          var handleKeyDown = function (event) {
+            var isMetaKey = event.altKey || event.ctrlKey || event.metaKey,
+              isTabKey = event.key === "Tab" && !isMetaKey;
+            if (isTabKey) {
+              var focusedElement = document.activeElement,
+                isTabbingBackwards = event.shiftKey,
+                targetIsViewport = event.target === viewport;
+              if (targetIsViewport && isTabbingBackwards) {
+                var _headFocusProxyRef_current;
+                (_headFocusProxyRef_current = headFocusProxyRef.current) === null || _headFocusProxyRef_current === void 0 || _headFocusProxyRef_current.focus();
+                return;
+              }
+              var tabbingDirection = isTabbingBackwards ? "backwards" : "forwards",
+                sortedCandidates = getSortedTabbableCandidates({
+                  tabbingDirection
+                }),
+                index = sortedCandidates.findIndex(function (candidate) {
+                  return candidate === focusedElement;
+                });
+              if (focusFirst(sortedCandidates.slice(index + 1))) event.preventDefault();else {
+                var _headFocusProxyRef_current1, _tailFocusProxyRef_current;
+                isTabbingBackwards ? (_headFocusProxyRef_current1 = headFocusProxyRef.current) === null || _headFocusProxyRef_current1 === void 0 || _headFocusProxyRef_current1.focus() : (_tailFocusProxyRef_current = tailFocusProxyRef.current) === null || _tailFocusProxyRef_current === void 0 || _tailFocusProxyRef_current.focus();
+              }
+            }
+          };
+          return viewport.addEventListener("keydown", handleKeyDown), function () {
+            return viewport.removeEventListener("keydown", handleKeyDown);
+          };
+        }
+      }
+    }, [getItems, getSortedTabbableCandidates, context.toastCount]);
+    var contents = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ToastViewportWrapperFrame, {
+      ref: wrapperRef,
+      // biome-ignore lint/a11y/useSemanticElements: <explanation>
+      role: "region",
+      "aria-label": label.replace("{hotkey}", hotkeyLabel),
+      // // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume
+      tabIndex: -1,
+      children: [
+      // // incase list has size when empty (e.g. padding), we remove pointer events so
+      // // it doesn't prevent interactions with page elements that it overlays
+      // pointerEvents={hasToasts ? undefined : 'none'}
+      hasToasts && /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusProxy, {
+        context,
+        viewportName: name,
+        ref: headFocusProxyRef,
+        onFocusFromOutsideViewport: function () {
+          var tabbableCandidates = getSortedTabbableCandidates({
+            tabbingDirection: "forwards"
+          });
+          focusFirst(tabbableCandidates);
+        }
+      }),
+      /**
+      * tabindex on the the list so that it can be focused when items are removed. we focus
+      * the list instead of the viewport so it announces number of items remaining.
+      */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.Slot, {
+        scope: context.toastScope,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastViewportFrame, {
+          focusable: context.toastCount > 0,
+          ref: composedRefs,
+          ...viewportProps,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+            render: function (children) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+                exitBeforeEnter: !multipleToasts,
+                children
+              });
+            },
+            name: name ?? "default"
+          })
+        })
+      }), hasToasts && /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusProxy, {
+        context,
+        viewportName: name,
+        ref: tailFocusProxyRef,
+        onFocusFromOutsideViewport: function () {
+          var tabbableCandidates = getSortedTabbableCandidates({
+            tabbingDirection: "backwards"
+          });
+          focusFirst(tabbableCandidates);
+        }
+      })]
+    });
+    return portalToRoot ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastPortal.ToastPortal, {
+      context,
+      ...(typeof zIndex == "number" ? {
+        zIndex
+      } : {}),
+      children: contents
+    }) : contents;
+  }));
+ToastViewport.displayName = VIEWPORT_NAME;
+var FOCUS_PROXY_NAME = "ToastFocusProxy",
+  FocusProxy = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        onFocusFromOutsideViewport,
+        viewportName,
+        context,
+        ...proxyProps
+      } = props,
+      viewport = context.viewports[viewportName];
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
+      "aria-hidden": !0,
+      tabIndex: 0,
+      ...proxyProps,
+      ref: forwardedRef,
+      // Avoid page scrolling when focus is on the focus proxy
+      position: import_constants.isWeb ? "fixed" : "absolute",
+      onFocus: function (event) {
+        if (import_constants.isWeb) {
+          var prevFocusedElement = event.relatedTarget,
+            isFocusFromOutsideViewport = !viewport?.contains(prevFocusedElement);
+          isFocusFromOutsideViewport && onFocusFromOutsideViewport();
+        }
+      }
+    });
+  });
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+function focusFirst(candidates) {
+  if (import_constants.isWeb) {
+    var previouslyFocusedElement = document.activeElement;
+    return candidates.some(function (candidate) {
+      return candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement);
+    });
+  }
+}
+function getTabbableCandidates(container) {
+  if (!import_constants.isWeb) return [];
+  for (var containerHtml = container, nodes = [], walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: function (node) {
+        var isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+        return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      }
+    }); walker.nextNode();) nodes.push(walker.currentNode);
+  return nodes;
+}
+//# sourceMappingURL=ToastViewport.native.js.map

package/dist/cjs/ToastViewport.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastViewport_exports","__export","ToastViewport","VIEWPORT_DEFAULT_HOTKEY","VIEWPORT_PAUSE","VIEWPORT_RESUME","module","exports","import_jsx_runtime","require","import_animate_presence","import_compose_refs","import_constants","import_core","import_portal","import_stacks","import_visually_hidden","React","__toESM","import_constants2","import_ToastPortal","import_ToastProvider","VIEWPORT_NAME","ToastViewportWrapperFrame","styled","YStack","name","variants","unstyled","false","pointerEvents","top","bottom","left","right","position","isWeb","maxWidth","tabIndex","zIndex","defaultVariants","process","env","TAMAGUI_HEADLESS","ToastViewportFrame","memo","forwardRef","props","forwardedRef","scope","hotkey","label","multipleToasts","portalToRoot","viewportProps","context","useToastProviderContext","getItems","useCollection","TOAST_CONTEXT","headFocusProxyRef","useRef","tailFocusProxyRef","wrapperRef","ref","onViewportChange","useCallback","el","viewports","composedRefs","useComposedRefs","hotkeyLabel","join","replace","hasToasts","toastCount","useEffect","handleKeyDown","event","_ref_current","isHotkeyPressed","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","viewport","handlePause","isClosePausedRef","pauseEvent","CustomEvent","dispatchEvent","handleResume","resumeEvent","handleFocusOutResume","isFocusMovingOutside","contains","relatedTarget","handlePointerLeaveResume","isFocusInside","activeElement","window","getSortedTabbableCandidates","param","tabbingDirection","toastItems","tabbableCandidates","map","toastItem","toastNode","toastTabbableCandidates","getTabbableCandidates","reverse","flat","isMetaKey","altKey","ctrlKey","metaKey","isTabKey","focusedElement","isTabbingBackwards","shiftKey","targetIsViewport","target","_headFocusProxyRef_current","sortedCandidates","index","findIndex","candidate","focusFirst","slice","preventDefault","_headFocusProxyRef_current1","_tailFocusProxyRef_current","contents","jsxs","role","children","jsx","FocusProxy","viewportName","onFocusFromOutsideViewport","Collection","Slot","toastScope","focusable","PortalHost","render","AnimatePresence","exitBeforeEnter","ToastPortal","displayName","FOCUS_PROXY_NAME","proxyProps","VisuallyHidden","onFocus","prevFocusedElement","isFocusFromOutsideViewport","candidates","previouslyFocusedElement","some","container","containerHtml","nodes","walker","createTreeWalker","NodeFilter","SHOW_ELEMENT"],"sources":["../../src/ToastViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Toaster.cjs

@@ -0,0 +1,219 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Toaster_exports = {};
+__export(Toaster_exports, {
+  Toaster: () => Toaster
+});
+module.exports = __toCommonJS(Toaster_exports);
+var import_animate_presence = require("@tamagui/animate-presence"),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_portal = require("@tamagui/portal"),
+  React = __toESM(require("react"), 1),
+  import_ToastItem = require("./ToastItem.cjs"),
+  import_ToastState = require("./ToastState.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const VISIBLE_TOASTS_AMOUNT = 4,
+  VIEWPORT_OFFSET = 24,
+  TOAST_GAP = 14,
+  TOAST_LIFETIME = 4e3,
+  TOAST_WIDTH = 356,
+  ToasterFrame = (0, import_core.styled)(import_core.View, {
+    name: "Toaster",
+    variants: {
+      unstyled: {
+        false: {
+          position: "fixed",
+          zIndex: 1e5,
+          pointerEvents: "box-none",
+          maxWidth: "100%",
+          // need min-height to contain absolutely positioned toasts
+          // toasts will overflow upward/downward from their anchor position
+          minHeight: 1
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  Toaster = React.forwardRef(function (props, _ref) {
+    const {
+        position = "bottom-right",
+        width = TOAST_WIDTH,
+        expand = !1,
+        visibleToasts = VISIBLE_TOASTS_AMOUNT,
+        gap = TOAST_GAP,
+        duration = TOAST_LIFETIME,
+        offset = VIEWPORT_OFFSET,
+        hotkey = ["altKey", "KeyT"],
+        swipeDirection = "right",
+        swipeThreshold = 50,
+        closeButton = !1,
+        theme: themeProp,
+        icons,
+        toastOptions,
+        containerAriaLabel = "Notifications",
+        disableNative = !1,
+        burntOptions,
+        notificationOptions,
+        className,
+        style
+      } = props,
+      [toasts, setToasts] = React.useState([]),
+      [heights, setHeights] = React.useState([]),
+      [expanded, setExpanded] = React.useState(!1),
+      [interacting, setInteracting] = React.useState(!1),
+      listRef = React.useRef(null),
+      lastFocusedElementRef = React.useRef(null),
+      isFocusWithinRef = React.useRef(!1);
+    React.useEffect(() => import_ToastState.ToastState.subscribe(toast => {
+      if (toast.dismiss) {
+        setToasts(toasts2 => toasts2.map(t => t.id === toast.id ? {
+          ...t,
+          delete: !0
+        } : t));
+        return;
+      }
+      setToasts(toasts2 => {
+        const indexOfExistingToast = toasts2.findIndex(t => t.id === toast.id);
+        return indexOfExistingToast !== -1 ? [...toasts2.slice(0, indexOfExistingToast), {
+          ...toasts2[indexOfExistingToast],
+          ...toast
+        }, ...toasts2.slice(indexOfExistingToast + 1)] : [toast, ...toasts2];
+      });
+    }), []), React.useEffect(() => {
+      toasts.length <= 1 && setExpanded(!1);
+    }, [toasts.length]), React.useEffect(() => {
+      if (!import_constants.isWeb) return;
+      const handleKeyDown = event => {
+        hotkey.length > 0 && hotkey.every(key => event[key] || event.code === key) && (setExpanded(!0), listRef.current?.focus()), event.code === "Escape" && (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement)) && setExpanded(!1);
+      };
+      return document.addEventListener("keydown", handleKeyDown), () => document.removeEventListener("keydown", handleKeyDown);
+    }, [hotkey]), React.useEffect(() => {
+      if (!(!import_constants.isWeb || !listRef.current)) return () => {
+        lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
+          preventScroll: !0
+        }), lastFocusedElementRef.current = null, isFocusWithinRef.current = !1);
+      };
+    }, []);
+    const removeToast = React.useCallback(toastToRemove => {
+        setToasts(toasts2 => (toasts2.find(toast => toast.id === toastToRemove.id)?.delete || import_ToastState.ToastState.dismiss(toastToRemove.id), toasts2.filter(({
+          id
+        }) => id !== toastToRemove.id)));
+      }, []),
+      [yPosition, xPosition] = position.split("-"),
+      offsetStyles = React.useMemo(() => {
+        const styles = {},
+          defaultOffset = typeof offset == "number" ? offset : VIEWPORT_OFFSET,
+          offsetObj = typeof offset == "object" ? offset : {
+            top: defaultOffset,
+            right: defaultOffset,
+            bottom: defaultOffset,
+            left: defaultOffset
+          };
+        return yPosition === "top" ? styles.top = offsetObj.top ?? defaultOffset : styles.bottom = offsetObj.bottom ?? defaultOffset, xPosition === "left" ? styles.left = offsetObj.left ?? defaultOffset : xPosition === "right" ? styles.right = offsetObj.right ?? defaultOffset : (styles.left = "50%", styles.transform = "translateX(-50%)"), styles;
+      }, [offset, yPosition, xPosition]),
+      currentTheme = (0, import_core.useThemeName)(),
+      resolvedTheme = themeProp === "system" || !themeProp ? currentTheme?.includes("dark") ? "dark" : "light" : themeProp,
+      hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+    if (toasts.length === 0) return null;
+    const content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToasterFrame, {
+      ref: listRef,
+      width,
+      "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
+      tabIndex: -1,
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": !1,
+      style: {
+        ...offsetStyles,
+        ...style
+      },
+      className,
+      "data-y-position": yPosition,
+      "data-x-position": xPosition,
+      onMouseEnter: () => setExpanded(!0),
+      onMouseMove: () => setExpanded(!0),
+      onMouseLeave: () => {
+        interacting || setExpanded(!1);
+      },
+      onPointerDown: () => setInteracting(!0),
+      onPointerUp: () => setInteracting(!1),
+      ...(import_constants.isWeb && {
+        onBlur: event => {
+          isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget) && (isFocusWithinRef.current = !1, lastFocusedElementRef.current && (lastFocusedElementRef.current.focus({
+            preventScroll: !0
+          }), lastFocusedElementRef.current = null));
+        },
+        onFocus: event => {
+          isFocusWithinRef.current || (isFocusWithinRef.current = !0, lastFocusedElementRef.current = event.relatedTarget);
+        }
+      }),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+        children: toasts.map((toast, index) => {
+          const isVisible = index < visibleToasts,
+            isFront = index === 0;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastItem.ToastItem, {
+            toast,
+            index,
+            expanded: expanded || expand,
+            interacting,
+            position,
+            visibleToasts,
+            removeToast,
+            heights,
+            setHeights,
+            duration: toast.duration ?? toastOptions?.duration ?? duration,
+            gap,
+            swipeDirection,
+            swipeThreshold,
+            closeButton: toast.closeButton ?? closeButton,
+            icons,
+            disableNative,
+            burntOptions,
+            notificationOptions
+          }, toast.id);
+        })
+      })
+    });
+    return import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
+        name: resolvedTheme,
+        children: content
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
+      name: resolvedTheme,
+      children: content
+    });
+  });
+Toaster.displayName = "Toaster";