@hanzogui/toast 2.0.0

package/dist/cjs/ToastImpl.native.js

@@ -0,0 +1,326 @@
+"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 ToastImpl_exports = {};
+__export(ToastImpl_exports, {
+  ToastImpl: () => ToastImpl,
+  ToastImplFrame: () => ToastImplFrame,
+  useToastInteractiveContext: () => useToastInteractiveContext
+});
+module.exports = __toCommonJS(ToastImpl_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_animate_presence = require("@hanzo/gui-animate-presence"),
+  import_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_dismissable = require("@hanzo/gui-dismissable"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_portal = require("@hanzo/gui-portal"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  React = __toESM(require("react"), 1),
+  import_react_native = require("react-native"),
+  import_constants = require("./constants.native.js"),
+  import_ToastAnnounce = require("./ToastAnnounce.native.js"),
+  import_ToastProvider = require("./ToastProvider.native.js"),
+  import_ToastViewport = require("./ToastViewport.native.js"),
+  ToastImplFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: "ToastImpl",
+    tabIndex: 0,
+    variants: {
+      unstyled: {
+        false: {
+          focusStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          backgroundColor: "$color6",
+          borderRadius: "$4",
+          paddingHorizontal: "$4",
+          paddingVertical: "$3",
+          marginHorizontal: "auto",
+          marginVertical: "$1",
+          elevation: "$3"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  {
+    Provider: ToastInteractiveProvider,
+    useStyledContext: useToastInteractiveContext
+  } = (0, import_gui_core.createStyledContext)({
+    onClose() {}
+  }),
+  ToastImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        scope,
+        type = "foreground",
+        duration: durationProp,
+        open,
+        onClose,
+        onEscapeKeyDown,
+        onPause,
+        onResume,
+        onSwipeStart,
+        onSwipeMove,
+        onSwipeCancel,
+        onSwipeEnd,
+        viewportName = "default",
+        ...toastProps
+      } = props,
+      isPresent = (0, import_gui_animate_presence.useIsPresent)(),
+      context = (0, import_ToastProvider.useToastProviderContext)(scope),
+      [node, setNode] = React.useState(null),
+      composedRefs = (0, import_gui_compose_refs.useComposedRefs)(forwardedRef, setNode),
+      duration = durationProp || context.duration,
+      closeTimerStartTimeRef = React.useRef(0),
+      closeTimerRemainingTimeRef = React.useRef(duration),
+      closeTimerRef = React.useRef(0),
+      {
+        onToastAdd,
+        onToastRemove
+      } = context,
+      viewport = React.useMemo(function () {
+        return context.viewports[viewportName];
+      }, [context.viewports, viewportName]),
+      handleClose = (0, import_gui_core.useEvent)(function () {
+        if (isPresent) {
+          if (import_gui_constants.isWeb) {
+            var isFocusInToast = node?.contains(document.activeElement);
+            isFocusInToast && viewport?.focus();
+          }
+          onClose();
+        }
+      }),
+      startTimer = React.useCallback(function (duration2) {
+        !duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
+      }, [handleClose]),
+      handleResume = React.useCallback(function () {
+        startTimer(closeTimerRemainingTimeRef.current), onResume?.();
+      }, [onResume, startTimer]),
+      handlePause = React.useCallback(function () {
+        var elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
+        closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
+      }, [onPause]);
+    React.useEffect(function () {
+      if (import_gui_constants.isWeb && viewport) return viewport.addEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.addEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume), function () {
+        viewport.removeEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+      };
+    }, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(function () {
+      open && !context.isClosePausedRef.current && startTimer(duration);
+    }, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(function () {
+      return onToastAdd(), function () {
+        return onToastRemove();
+      };
+    }, [onToastAdd, onToastRemove]);
+    var announceTextContent = React.useMemo(function () {
+        return import_gui_constants.isWeb && node ? getAnnounceTextContent(node) : null;
+      }, [node]),
+      isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection),
+      {
+        animationDriver
+      } = (0, import_gui_core.useConfiguration)();
+    if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
+    var {
+        useAnimatedNumber,
+        useAnimatedNumberStyle
+      } = animationDriver,
+      animatedNumber = useAnimatedNumber(0),
+      _animationDriver_NumberView,
+      _ref,
+      AnimatedView = (_ref = (_animationDriver_NumberView = animationDriver.NumberView) !== null && _animationDriver_NumberView !== void 0 ? _animationDriver_NumberView : animationDriver.View) !== null && _ref !== void 0 ? _ref : import_gui_core.View,
+      animatedStyles = useAnimatedNumberStyle(animatedNumber, function (val) {
+        "worklet";
+
+        return {
+          transform: [isHorizontalSwipe ? {
+            translateX: val
+          } : {
+            translateY: val
+          }]
+        };
+      }),
+      panResponder = React.useMemo(function () {
+        return import_react_native.PanResponder.create({
+          onMoveShouldSetPanResponder: function (e, gesture) {
+            var shouldMove = shouldGrantGestureMove(context.swipeDirection, gesture);
+            return shouldMove ? (onSwipeStart?.(e), !0) : !1;
+          },
+          onPanResponderGrant: function (e) {
+            import_gui_constants.isWeb || handlePause?.();
+          },
+          onPanResponderMove: function (e, gesture) {
+            var {
+                x,
+                y
+              } = getGestureDistance(context.swipeDirection, gesture),
+              delta = {
+                x,
+                y
+              };
+            animatedNumber.setValue(isHorizontalSwipe ? x : y, {
+              type: "direct"
+            }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
+          },
+          onPanResponderEnd: function (e, param) {
+            var {
+              dx,
+              dy
+            } = param;
+            isDeltaInDirection({
+              x: dx,
+              y: dy
+            }, context.swipeDirection, context.swipeThreshold) || (import_gui_constants.isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, {
+              type: "spring"
+            }));
+          }
+        });
+      }, [handlePause, handleResume]),
+      themeName = (0, import_gui_core.useThemeName)();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [announceTextContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounce, {
+        scope,
+        // toasts are always role=status to avoid stuttering issues with role=alert in SRs
+        role: "status",
+        "aria-live": type === "foreground" ? "assertive" : "polite",
+        "aria-atomic": !0,
+        children: announceTextContent
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_portal.PortalItem, {
+        hostName: viewportName ?? "default",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastInteractiveProvider, {
+          scope,
+          onClose: function () {
+            handleClose();
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_dismissable.Dismissable, {
+            // asChild
+            onEscapeKeyDown: (0, import_gui_helpers.composeEventHandlers)(onEscapeKeyDown, function () {
+              context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_core.Theme, {
+              contain: !0,
+              forceClassName: !0,
+              name: themeName,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+                ...panResponder?.panHandlers,
+                style: [{
+                  margin: "auto"
+                }, animatedStyles],
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.ItemSlot, {
+                  scope: context.toastScope,
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastImplFrame, {
+                    // Ensure toasts are announced as status list or status when focused
+                    role: "status",
+                    "aria-live": "off",
+                    "aria-atomic": !0,
+                    "data-state": open ? "open" : "closed",
+                    "data-swipe-direction": context.swipeDirection,
+                    pointerEvents: "auto",
+                    "$platform-web": {
+                      touchAction: "none",
+                      userSelect: "none"
+                    },
+                    ...toastProps,
+                    ref: composedRefs,
+                    ...(import_gui_constants.isWeb && {
+                      onKeyDown: (0, import_gui_helpers.composeEventHandlers)(props.onKeyDown, function (event) {
+                        event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }, props.id)
+      })]
+    });
+  });
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      var error = `Invalid prop \`type\` supplied to \`${import_constants.TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+var isDeltaInDirection = function (delta, direction) {
+  var threshold = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0,
+    deltaX = Math.abs(delta.x),
+    deltaY = Math.abs(delta.y),
+    isDeltaX = deltaX > deltaY;
+  return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
+};
+function getAnnounceTextContent(container) {
+  if (!import_gui_constants.isWeb) return "";
+  var textContent = [],
+    childNodes = Array.from(container.childNodes);
+  return childNodes.forEach(function (node) {
+    if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
+      var isHidden = node.ariaHidden || node.hidden || node.style.display === "none",
+        isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden) if (isExcluded) {
+        var altText = node.dataset.toastAnnounceAlt;
+        altText && textContent.push(altText);
+      } else textContent.push(...getAnnounceTextContent(node));
+    }
+  }), textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+var GESTURE_GRANT_THRESHOLD = 10,
+  shouldGrantGestureMove = function (dir, param) {
+    var {
+      dx,
+      dy
+    } = param;
+    return (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD;
+  },
+  getGestureDistance = function (dir, param) {
+    var {
+        dx,
+        dy
+      } = param,
+      y = 0,
+      x = 0;
+    return dir === "horizontal" ? x = dx : dir === "left" ? x = Math.min(0, dx) : dir === "right" ? x = Math.max(0, dx) : dir === "vertical" ? y = dy : dir === "up" ? y = Math.min(0, dy) : dir === "down" && (y = Math.max(0, dy)), {
+      x,
+      y
+    };
+  };
+//# sourceMappingURL=ToastImpl.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastImpl_exports","__export","ToastImpl","ToastImplFrame","useToastInteractiveContext","module","exports","import_jsx_runtime","require","import_gui_animate_presence","import_gui_compose_refs","import_gui_constants","import_gui_core","import_gui_dismissable","import_gui_helpers","import_gui_portal","import_gui_stacks","React","__toESM","import_react_native","import_constants","import_ToastAnnounce","import_ToastProvider","import_ToastViewport","styled","YStack","name","tabIndex","variants","unstyled","false","focusStyle","outlineStyle","outlineWidth","outlineColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","elevation","defaultVariants","process","env","HANZO_GUI_HEADLESS","Provider","ToastInteractiveProvider","useStyledContext","createStyledContext","onClose","forwardRef","props","forwardedRef","scope","type","duration","durationProp","open","onEscapeKeyDown","onPause","onResume","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","viewportName","toastProps","isPresent","useIsPresent","context","useToastProviderContext","node","setNode","useState","composedRefs","useComposedRefs","closeTimerStartTimeRef","useRef","closeTimerRemainingTimeRef","closeTimerRef","onToastAdd","onToastRemove","viewport","useMemo","viewports","handleClose","useEvent","isWeb","isFocusInToast","contains","document","activeElement","focus","startTimer","useCallback","duration2","Number","POSITIVE_INFINITY","clearTimeout","current","Date","getTime","setTimeout","handleResume","handlePause","elapsedTime","window","useEffect","addEventListener","VIEWPORT_PAUSE","VIEWPORT_RESUME","removeEventListener","isClosePausedRef","announceTextContent","getAnnounceTextContent","isHorizontalSwipe","includes","swipeDirection","animationDriver","useConfiguration","Error","useAnimatedNumber","useAnimatedNumberStyle","animatedNumber","_animationDriver_NumberView","_ref","AnimatedView","NumberView","View","animatedStyles","val","transform","translateX","translateY","panResponder","PanResponder","create","onMoveShouldSetPanResponder","e","gesture","shouldMove","shouldGrantGestureMove","onPanResponderGrant","onPanResponderMove","x","y","getGestureDistance","delta","setValue","isDeltaInDirection","swipeThreshold","onPanResponderEnd","param","dx","dy","themeName","useThemeName","jsxs","Fragment","children","jsx","ToastAnnounce","role","PortalItem","hostName","Dismissable","composeEventHandlers","isFocusedToastEscapeKeyDownRef","Theme","contain","forceClassName","panHandlers","style","margin","Collection","ItemSlot","toastScope","pointerEvents","touchAction","userSelect","ref","onKeyDown","event","key","defaultPrevented"],"sources":["../../src/ToastImpl.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastPortal.cjs

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var ToastPortal_exports = {};
+__export(ToastPortal_exports, {
+  ToastPortal: () => ToastPortal
+});
+module.exports = __toCommonJS(ToastPortal_exports);
+var import_gui_portal = require("@hanzo/gui-portal"),
+  import_react_native = require("react-native-web"),
+  import_ToastProvider = require("./ToastProvider.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function ToastPortal(props) {
+  const {
+    context,
+    children,
+    zIndex
+  } = props;
+  let content = children;
+  return (import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios") && (content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.ReprogapateToastProvider, {
+    context,
+    children
+  })), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_portal.Portal, {
+    zIndex: zIndex || Number.MAX_SAFE_INTEGER,
+    children: content
+  });
+}

package/dist/cjs/ToastPortal.native.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var ToastPortal_exports = {};
+__export(ToastPortal_exports, {
+  ToastPortal: () => ToastPortal
+});
+module.exports = __toCommonJS(ToastPortal_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_portal = require("@hanzo/gui-portal"),
+  import_react_native = require("react-native"),
+  import_ToastProvider = require("./ToastProvider.native.js");
+function ToastPortal(props) {
+  var {
+      context,
+      children,
+      zIndex
+    } = props,
+    content = children;
+  return (import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios") && (content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.ReprogapateToastProvider, {
+    context,
+    children
+  })), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_portal.Portal, {
+    zIndex: zIndex || Number.MAX_SAFE_INTEGER,
+    children: content
+  });
+}
+//# sourceMappingURL=ToastPortal.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastPortal_exports","__export","ToastPortal","module","exports","import_jsx_runtime","require","import_gui_portal","import_react_native","import_ToastProvider","props","context","children","zIndex","content","Platform","OS","jsx","ReprogapateToastProvider"],"sources":["../../src/ToastPortal.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,mBAAA;AAKhB,IAAAK,kBAAqB,GAAAC,OAIzB;EAAAC,iBAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,oBAAA,GAAAH,OAAA;AACD,SAAMJ,WAAWA,CAAAQ,KAAA;EACjB,IAAI;MAAAC,OAAA;MAAUC,QAAA;MAAAC;IAAA,IAAAH,KAAA;IAAAI,OAAA,GAAAF,QAAA;EACd,QAAIJ,mBAAA,CAAAO,QAAA,CAASC,EAAA,KAAO,aAAaR,mBAAA,CAAAO,QAAA,CAASC,EAAA,KAAO,WAC/CF,OAAA,GACE,mBAAAT,kBAAA,CAAAY,GAAA,EAACR,oBAAA,CAAAS,wBAAA;IAIPP,OAAA","ignoreList":[]}

package/dist/cjs/ToastProvider.cjs

@@ -0,0 +1,146 @@
+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 ToastProvider_exports = {};
+__export(ToastProvider_exports, {
+  Collection: () => Collection,
+  ReprogapateToastProvider: () => ReprogapateToastProvider,
+  ToastProvider: () => ToastProvider,
+  useCollection: () => useCollection,
+  useToastProviderContext: () => useToastProviderContext
+});
+module.exports = __toCommonJS(ToastProvider_exports);
+var import_gui_collection = require("@hanzo/gui-collection"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_start_transition = require("@hanzo/gui-start-transition"),
+  React = __toESM(require("react"), 1),
+  import_constants = require("./constants.cjs"),
+  import_ToastImperative = require("./ToastImperative.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const PROVIDER_NAME = "ToastProvider",
+  [Collection, useCollection] = (0, import_gui_collection.createCollection)("Toast"),
+  {
+    Provider: ToastProviderProvider,
+    useStyledContext: useToastProviderContext
+  } = (0, import_gui_core.createStyledContext)(
+  // since we always provide this we can avoid setting here
+  {}, "Toast__"),
+  ToastProvider = props => {
+    const {
+        scope = import_constants.TOAST_CONTEXT,
+        id: providedId,
+        burntOptions,
+        native,
+        notificationOptions,
+        label = "Notification",
+        duration = 5e3,
+        swipeDirection = "right",
+        swipeThreshold = 50,
+        children
+      } = props,
+      backupId = React.useId(),
+      id = providedId ?? backupId,
+      [viewports, setViewports] = React.useState({}),
+      [toastCount, setToastCount] = React.useState(0),
+      isFocusedToastEscapeKeyDownRef = React.useRef(!1),
+      isClosePausedRef = React.useRef(!1),
+      handleViewportChange = React.useCallback((name, viewport) => {
+        (0, import_gui_start_transition.startTransition)(() => {
+          setViewports(prev => ({
+            ...prev,
+            [name]: viewport
+          }));
+        });
+      }, []),
+      options = React.useMemo(() => ({
+        duration,
+        burntOptions,
+        native,
+        notificationOptions
+      }), [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
+      scope,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastProviderProvider, {
+        scope,
+        id,
+        label,
+        duration,
+        swipeDirection,
+        swipeThreshold,
+        toastCount,
+        viewports,
+        onViewportChange: handleViewportChange,
+        onToastAdd: React.useCallback(() => {
+          (0, import_gui_start_transition.startTransition)(() => {
+            setToastCount(prevCount => prevCount + 1);
+          });
+        }, []),
+        onToastRemove: React.useCallback(() => {
+          (0, import_gui_start_transition.startTransition)(() => {
+            setToastCount(prevCount => prevCount - 1);
+          });
+        }, []),
+        isFocusedToastEscapeKeyDownRef,
+        isClosePausedRef,
+        options,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, {
+          options,
+          children
+        })
+      })
+    });
+  };
+function ReprogapateToastProvider(props) {
+  const {
+    children,
+    context
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
+    scope: context.toastScope,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastProviderProvider, {
+      ...context,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, {
+        options: context.options,
+        children
+      })
+    })
+  });
+}
+ToastProvider.propTypes = {
+  label(props) {
+    if (props.label && typeof props.label == "string" && !props.label.trim()) {
+      const error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+ToastProvider.displayName = PROVIDER_NAME;