@hanzogui/toast 3.0.2 → 7.3.0

package/dist/cjs/Toast.cjs

@@ -2,33 +2,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Toast_exports = {};
 __export(Toast_exports, {
   Toast: () => Toast2,
@@ -39,132 +41,138 @@ __export(Toast_exports, {
   useToastState: () => import_ToastImperative.useToastState
 });
 module.exports = __toCommonJS(Toast_exports);
-var import_gui_animate_presence = require("@hanzogui/animate-presence"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_gui_text = require("@hanzogui/text"),
-  import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_ToastAnnounce = require("./ToastAnnounce.cjs"),
-  import_ToastImperative = require("./ToastImperative.cjs"),
-  import_ToastImpl = require("./ToastImpl.cjs"),
-  import_ToastProvider = require("./ToastProvider.cjs"),
-  import_ToastViewport = require("./ToastViewport.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const TITLE_NAME = "ToastTitle",
-  ToastTitle = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: TITLE_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color",
-          size: "$4"
-        }
+var import_animate_presence = require("@hanzogui/animate-presence");
+var import_core = require("@hanzogui/core");
+var import_helpers = require("@hanzogui/helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_text = require("@hanzogui/text");
+var import_use_controllable_state = require("@hanzogui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_ToastAnnounce = require("./ToastAnnounce.cjs");
+var import_ToastImperative = require("./ToastImperative.cjs");
+var import_ToastImpl = require("./ToastImpl.cjs");
+var import_ToastProvider = require("./ToastProvider.cjs");
+var import_ToastViewport = require("./ToastViewport.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TITLE_NAME = "ToastTitle";
+const ToastTitle = (0, import_core.styled)(import_text.SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
     }
-  }),
-  DESCRIPTION_NAME = "ToastDescription",
-  ToastDescription = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: DESCRIPTION_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color11",
-          size: "$1"
-        }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const DESCRIPTION_NAME = "ToastDescription";
+const ToastDescription = (0, import_core.styled)(import_text.SizableText, {
+  name: DESCRIPTION_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color11",
+        size: "$1"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
     }
-  }),
-  ACTION_NAME = "ToastAction",
-  ToastAction = React.forwardRef(function (props, forwardedRef) {
-    const {
-      altText,
-      ...actionProps
-    } = props;
-    return altText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      altText,
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
-        ...actionProps,
-        ref: forwardedRef
-      })
-    }) : null;
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const ACTION_NAME = "ToastAction";
+const ToastAction = React.forwardRef(function ToastAction2(props, forwardedRef) {
+  const {
+    altText,
+    ...actionProps
+  } = props;
+  if (!altText) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
+    altText,
+    asChild: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
+      ...actionProps,
+      ref: forwardedRef
+    })
   });
+});
 ToastAction.propTypes = {
   altText(props) {
-    return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    if (!props.altText) {
+      return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    }
+    return null;
   }
 };
-const CLOSE_NAME = "ToastClose",
-  ToastCloseFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: CLOSE_NAME,
-    render: "button"
-  }),
-  ToastClose = React.forwardRef(function (props, forwardedRef) {
-    const {
-        scope,
-        ...closeProps
-      } = props,
-      interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
-        "aria-label": "Close",
-        ...closeProps,
-        ref: forwardedRef,
-        onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
+const CLOSE_NAME = "ToastClose";
+const ToastCloseFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: CLOSE_NAME,
+  render: "button"
+});
+const ToastClose = React.forwardRef(function ToastClose2(props, forwardedRef) {
+  const {
+    scope,
+    ...closeProps
+  } = props;
+  const interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
+    asChild: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
+      "aria-label": "Close",
+      ...closeProps,
+      ref: forwardedRef,
+      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
+    })
+  });
+});
+const ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function Toast(props, forwardedRef) {
+  const {
+    forceMount,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    ...toastProps
+  } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen ?? true,
+    onChange: onOpenChange,
+    strategy: "most-recent-wins"
+  });
+  const currentToast = (0, import_ToastImperative.useToastState)();
+  const {
+    hide
+  } = (0, import_ToastImperative.useToastController)();
+  const id = React.useId();
+  const onPause = (0, import_core.useEvent)(props.onPause);
+  const onResume = (0, import_core.useEvent)(props.onResume);
+  const isHide = currentToast?.hide === true;
+  const shouldShow = (forceMount || open) && !isHide;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+    children: shouldShow ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
+      id,
+      open,
+      ...toastProps,
+      ref: forwardedRef,
+      onClose: () => {
+        setOpen(false);
+        hide();
+      },
+      onPause,
+      onResume,
+      onSwipeEnd: (0, import_helpers.composeEventHandlers)(props.onSwipeEnd, event => {
+        setOpen(false);
       })
-    });
-  }),
-  ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function (props, forwardedRef) {
-    const {
-        forceMount,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        ...toastProps
-      } = props,
-      [open, setOpen] = (0, import_gui_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen ?? !0,
-        onChange: onOpenChange,
-        strategy: "most-recent-wins"
-      }),
-      currentToast = (0, import_ToastImperative.useToastState)(),
-      {
-        hide
-      } = (0, import_ToastImperative.useToastController)(),
-      id = React.useId(),
-      onPause = (0, import_gui_core.useEvent)(props.onPause),
-      onResume = (0, import_gui_core.useEvent)(props.onResume),
-      isHide = currentToast?.hide === !0;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
-      children: (forceMount || open) && !isHide ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
-        id,
-        open,
-        ...toastProps,
-        ref: forwardedRef,
-        onClose: () => {
-          setOpen(!1), hide();
-        },
-        onPause,
-        onResume,
-        onSwipeEnd: (0, import_gui_helpers.composeEventHandlers)(props.onSwipeEnd, event => {
-          setOpen(!1);
-        })
-      }) : null
-    }, id);
-  }),
-  Toast2 = (0, import_gui_helpers.withStaticProperties)(ToastComponent, {
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Action: ToastAction,
-    Close: ToastClose
-  });
+    }) : null
+  }, id);
+});
+const Toast2 = (0, import_helpers.withStaticProperties)(ToastComponent, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastAction,
+  Close: ToastClose
+});

package/dist/cjs/Toast.native.js

@@ -4,33 +4,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Toast_exports = {};
 __export(Toast_exports, {
   Toast: () => Toast2,
@@ -41,134 +43,139 @@ __export(Toast_exports, {
   useToastState: () => import_ToastImperative.useToastState
 });
 module.exports = __toCommonJS(Toast_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui_animate_presence = require("@hanzogui/animate-presence"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_gui_text = require("@hanzogui/text"),
-  import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_ToastAnnounce = require("./ToastAnnounce.native.js"),
-  import_ToastImperative = require("./ToastImperative.native.js"),
-  import_ToastImpl = require("./ToastImpl.native.js"),
-  import_ToastProvider = require("./ToastProvider.native.js"),
-  import_ToastViewport = require("./ToastViewport.native.js"),
-  TITLE_NAME = "ToastTitle",
-  ToastTitle = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: TITLE_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color",
-          size: "$4"
-        }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_animate_presence = require("@hanzogui/animate-presence");
+var import_core = require("@hanzogui/core");
+var import_helpers = require("@hanzogui/helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_text = require("@hanzogui/text");
+var import_use_controllable_state = require("@hanzogui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_ToastAnnounce = require("./ToastAnnounce.native.js");
+var import_ToastImperative = require("./ToastImperative.native.js");
+var import_ToastImpl = require("./ToastImpl.native.js");
+var import_ToastProvider = require("./ToastProvider.native.js");
+var import_ToastViewport = require("./ToastViewport.native.js");
+var TITLE_NAME = "ToastTitle";
+var ToastTitle = (0, import_core.styled)(import_text.SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
     }
-  }),
-  DESCRIPTION_NAME = "ToastDescription",
-  ToastDescription = (0, import_gui_core.styled)(import_gui_text.SizableText, {
-    name: DESCRIPTION_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          color: "$color11",
-          size: "$1"
-        }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var DESCRIPTION_NAME = "ToastDescription";
+var ToastDescription = (0, import_core.styled)(import_text.SizableText, {
+  name: DESCRIPTION_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color11",
+        size: "$1"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
     }
-  }),
-  ACTION_NAME = "ToastAction",
-  ToastAction = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-      altText,
-      ...actionProps
-    } = props;
-    return altText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      altText,
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
-        ...actionProps,
-        ref: forwardedRef
-      })
-    }) : null;
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var ACTION_NAME = "ToastAction";
+var ToastAction = /* @__PURE__ */React.forwardRef(function ToastAction2(props, forwardedRef) {
+  var {
+    altText,
+    ...actionProps
+  } = props;
+  if (!altText) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
+    altText,
+    asChild: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastClose, {
+      ...actionProps,
+      ref: forwardedRef
+    })
   });
+});
 ToastAction.propTypes = {
   altText(props) {
-    return props.altText ? null : new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    if (!props.altText) {
+      return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    }
+    return null;
   }
 };
-var CLOSE_NAME = "ToastClose",
-  ToastCloseFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: CLOSE_NAME,
-    render: "button"
-  }),
-  ToastClose = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        ...closeProps
-      } = props,
-      interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
-        "aria-label": "Close",
-        ...closeProps,
-        ref: forwardedRef,
-        onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
-      })
-    });
-  }),
-  ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function (props, forwardedRef) {
-    var {
-        forceMount,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        ...toastProps
-      } = props,
-      [open, setOpen] = (0, import_gui_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen ?? !0,
-        onChange: onOpenChange,
-        strategy: "most-recent-wins"
-      }),
-      currentToast = (0, import_ToastImperative.useToastState)(),
-      {
-        hide
-      } = (0, import_ToastImperative.useToastController)(),
-      id = React.useId(),
-      onPause = (0, import_gui_core.useEvent)(props.onPause),
-      onResume = (0, import_gui_core.useEvent)(props.onResume),
-      isHide = currentToast?.hide === !0,
-      shouldShow = (forceMount || open) && !isHide;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
-      children: shouldShow ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
-        id,
-        open,
-        ...toastProps,
-        ref: forwardedRef,
-        onClose: function () {
-          setOpen(!1), hide();
-        },
-        onPause,
-        onResume,
-        onSwipeEnd: (0, import_gui_helpers.composeEventHandlers)(props.onSwipeEnd, function (event) {
-          setOpen(!1);
-        })
-      }) : null
-    }, id);
-  }),
-  Toast2 = (0, import_gui_helpers.withStaticProperties)(ToastComponent, {
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Action: ToastAction,
-    Close: ToastClose
+var CLOSE_NAME = "ToastClose";
+var ToastCloseFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: CLOSE_NAME,
+  render: "button"
+});
+var ToastClose = /* @__PURE__ */React.forwardRef(function ToastClose2(props, forwardedRef) {
+  var {
+    scope,
+    ...closeProps
+  } = props;
+  var interactiveContext = (0, import_ToastImpl.useToastInteractiveContext)(scope);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounceExclude, {
+    asChild: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCloseFrame, {
+      "aria-label": "Close",
+      ...closeProps,
+      ref: forwardedRef,
+      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, interactiveContext.onClose)
+    })
   });
+});
+var ToastComponent = import_ToastImpl.ToastImplFrame.styleable(function Toast(props, forwardedRef) {
+  var {
+    forceMount,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    ...toastProps
+  } = props;
+  var [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : true,
+    onChange: onOpenChange,
+    strategy: "most-recent-wins"
+  });
+  var currentToast = (0, import_ToastImperative.useToastState)();
+  var {
+    hide
+  } = (0, import_ToastImperative.useToastController)();
+  var id = React.useId();
+  var onPause = (0, import_core.useEvent)(props.onPause);
+  var onResume = (0, import_core.useEvent)(props.onResume);
+  var isHide = (currentToast === null || currentToast === void 0 ? void 0 : currentToast.hide) === true;
+  var shouldShow = (forceMount || open) && !isHide;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+    children: shouldShow ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImpl.ToastImpl, {
+      id,
+      open,
+      ...toastProps,
+      ref: forwardedRef,
+      onClose: function () {
+        setOpen(false);
+        hide();
+      },
+      onPause,
+      onResume,
+      onSwipeEnd: (0, import_helpers.composeEventHandlers)(props.onSwipeEnd, function (event) {
+        setOpen(false);
+      })
+    }) : null
+  }, id);
+});
+var Toast2 = (0, import_helpers.withStaticProperties)(ToastComponent, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastAction,
+  Close: ToastClose
+});
 //# sourceMappingURL=Toast.native.js.map