@tamagui/v2-toast 2.0.0-1769464493958

package/dist/cjs/ToastViewport.cjs

@@ -0,0 +1,278 @@
+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_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.cjs"),
+  import_ToastPortal = require("./ToastPortal.cjs"),
+  import_ToastProvider = require("./ToastProvider.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const 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 = React.memo(React.forwardRef((props, forwardedRef) => {
+    const {
+        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(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(() => {
+      if (!import_constants.isWeb || context.toastCount === 0) return;
+      const handleKeyDown = event => {
+        hotkey.every(key => event[key] || event.code === key) && ref.current?.focus();
+      };
+      return document.addEventListener("keydown", handleKeyDown), () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [hotkey, context.toastCount]), React.useEffect(() => {
+      if (!import_constants.isWeb || context.toastCount === 0) return;
+      const wrapper = wrapperRef.current,
+        viewport = ref.current;
+      if (hasToasts && wrapper && viewport) {
+        const handlePause = () => {
+            if (!context.isClosePausedRef.current) {
+              const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+              viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
+            }
+          },
+          handleResume = () => {
+            if (context.isClosePausedRef.current) {
+              const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+              viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
+            }
+          },
+          handleFocusOutResume = event => {
+            !wrapper.contains(event.relatedTarget) && handleResume();
+          },
+          handlePointerLeaveResume = () => {
+            wrapper.contains(document.activeElement) || 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), () => {
+          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]);
+    const getSortedTabbableCandidates = React.useCallback(({
+      tabbingDirection
+    }) => {
+      const tabbableCandidates = getItems().map(toastItem => {
+        const toastNode = toastItem.ref.current,
+          toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
+        return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+      });
+      return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+    }, [getItems]);
+    React.useEffect(() => {
+      if (!import_constants.isWeb || context.toastCount === 0) return;
+      const viewport = ref.current;
+      if (viewport) {
+        const handleKeyDown = event => {
+          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+          if (event.key === "Tab" && !isMetaKey) {
+            const focusedElement = document.activeElement,
+              isTabbingBackwards = event.shiftKey;
+            if (event.target === viewport && isTabbingBackwards) {
+              headFocusProxyRef.current?.focus();
+              return;
+            }
+            const sortedCandidates = getSortedTabbableCandidates({
+                tabbingDirection: isTabbingBackwards ? "backwards" : "forwards"
+              }),
+              index = sortedCandidates.findIndex(candidate => candidate === focusedElement);
+            focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ?
+            // @ts-ignore ali TODO type
+            headFocusProxyRef.current?.focus() :
+            // @ts-ignore ali TODO type
+            tailFocusProxyRef.current?.focus();
+          }
+        };
+        return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
+      }
+    }, [getItems, getSortedTabbableCandidates, context.toastCount]);
+    const contents = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ToastViewportWrapperFrame, {
+      ref: wrapperRef,
+      role: "region",
+      "aria-label": label.replace("{hotkey}", hotkeyLabel),
+      tabIndex: -1,
+      children: [hasToasts && /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusProxy, {
+        context,
+        viewportName: name,
+        ref: headFocusProxyRef,
+        onFocusFromOutsideViewport: () => {
+          const tabbableCandidates = getSortedTabbableCandidates({
+            tabbingDirection: "forwards"
+          });
+          focusFirst(tabbableCandidates);
+        }
+      }), /* @__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: children => /* @__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: () => {
+          const 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;
+const FOCUS_PROXY_NAME = "ToastFocusProxy",
+  FocusProxy = React.forwardRef((props, forwardedRef) => {
+    const {
+        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,
+      position: import_constants.isWeb ? "fixed" : "absolute",
+      onFocus: event => {
+        if (!import_constants.isWeb) return;
+        const prevFocusedElement = event.relatedTarget;
+        !viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
+      }
+    });
+  });
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+function focusFirst(candidates) {
+  if (!import_constants.isWeb) return;
+  const previouslyFocusedElement = document.activeElement;
+  return candidates.some(candidate => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
+}
+function getTabbableCandidates(container) {
+  if (!import_constants.isWeb) return [];
+  const containerHtml = container,
+    nodes = [],
+    walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: node => {
+        const 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;
+      }
+    });
+  for (; walker.nextNode();) nodes.push(walker.currentNode);
+  return nodes;
+}

package/dist/cjs/ToastViewport.js

@@ -0,0 +1,263 @@
+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_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"), import_ToastPortal = require("./ToastPortal"), import_ToastProvider = require("./ToastProvider"), import_jsx_runtime = require("react/jsx-runtime");
+const 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 = React.memo(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        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(
+        (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(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const handleKeyDown = (event) => {
+          hotkey.every(
+            (key) => event[key] || event.code === key
+          ) && ref.current?.focus();
+        };
+        return document.addEventListener("keydown", handleKeyDown), () => {
+          document.removeEventListener("keydown", handleKeyDown);
+        };
+      }, [hotkey, context.toastCount]), React.useEffect(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const wrapper = wrapperRef.current, viewport = ref.current;
+        if (hasToasts && wrapper && viewport) {
+          const handlePause = () => {
+            if (!context.isClosePausedRef.current) {
+              const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+              viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
+            }
+          }, handleResume = () => {
+            if (context.isClosePausedRef.current) {
+              const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+              viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
+            }
+          }, handleFocusOutResume = (event) => {
+            !wrapper.contains(
+              event.relatedTarget
+            ) && handleResume();
+          }, handlePointerLeaveResume = () => {
+            wrapper.contains(document.activeElement) || 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), () => {
+            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]);
+      const getSortedTabbableCandidates = React.useCallback(
+        ({ tabbingDirection }) => {
+          const tabbableCandidates = getItems().map((toastItem) => {
+            const toastNode = toastItem.ref.current, toastTabbableCandidates = [
+              toastNode,
+              ...getTabbableCandidates(toastNode)
+            ];
+            return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+          });
+          return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+        },
+        [getItems]
+      );
+      React.useEffect(() => {
+        if (!import_constants.isWeb || context.toastCount === 0) return;
+        const viewport = ref.current;
+        if (viewport) {
+          const handleKeyDown = (event) => {
+            const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+            if (event.key === "Tab" && !isMetaKey) {
+              const focusedElement = document.activeElement, isTabbingBackwards = event.shiftKey;
+              if (event.target === viewport && isTabbingBackwards) {
+                headFocusProxyRef.current?.focus();
+                return;
+              }
+              const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection: isTabbingBackwards ? "backwards" : "forwards" }), index = sortedCandidates.findIndex(
+                (candidate) => candidate === focusedElement
+              );
+              focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ? (
+                // @ts-ignore ali TODO type
+                headFocusProxyRef.current?.focus()
+              ) : (
+                // @ts-ignore ali TODO type
+                tailFocusProxyRef.current?.focus()
+              );
+            }
+          };
+          return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
+        }
+      }, [getItems, getSortedTabbableCandidates, context.toastCount]);
+      const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        ToastViewportWrapperFrame,
+        {
+          ref: wrapperRef,
+          role: "region",
+          "aria-label": label.replace("{hotkey}", hotkeyLabel),
+          tabIndex: -1,
+          children: [
+            hasToasts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FocusProxy,
+              {
+                context,
+                viewportName: name,
+                ref: headFocusProxyRef,
+                onFocusFromOutsideViewport: () => {
+                  const tabbableCandidates = getSortedTabbableCandidates({
+                    tabbingDirection: "forwards"
+                  });
+                  focusFirst(tabbableCandidates);
+                }
+              }
+            ),
+            /* @__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: (children) => /* @__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: () => {
+                  const 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;
+const FOCUS_PROXY_NAME = "ToastFocusProxy", FocusProxy = React.forwardRef(
+  (props, forwardedRef) => {
+    const { 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,
+        position: import_constants.isWeb ? "fixed" : "absolute",
+        onFocus: (event) => {
+          if (!import_constants.isWeb) return;
+          const prevFocusedElement = event.relatedTarget;
+          !viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
+        }
+      }
+    );
+  }
+);
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+function focusFirst(candidates) {
+  if (!import_constants.isWeb) return;
+  const previouslyFocusedElement = document.activeElement;
+  return candidates.some((candidate) => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
+}
+function getTabbableCandidates(container) {
+  if (!import_constants.isWeb) return [];
+  const containerHtml = container, nodes = [], walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const 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;
+    }
+  });
+  for (; walker.nextNode(); ) nodes.push(walker.currentNode);
+  return nodes;
+}
+//# sourceMappingURL=ToastViewport.js.map

package/dist/cjs/ToastViewport.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastViewport.tsx"],
+  "mappings": "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",
+  "names": ["import_constants"]
+}