@hanzogui/toast 7.0.0 → 7.3.0

package/dist/cjs/Toast.cjs

@@ -0,0 +1,178 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Toast_exports = {};
+__export(Toast_exports, {
+  Toast: () => Toast2,
+  ToastProvider: () => import_ToastProvider.ToastProvider,
+  ToastViewport: () => import_ToastViewport.ToastViewport,
+  useToast: () => import_ToastImperative.useToast,
+  useToastController: () => import_ToastImperative.useToastController,
+  useToastState: () => import_ToastImperative.useToastState
+});
+module.exports = __toCommonJS(Toast_exports);
+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.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.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) {
+    if (!props.altText) {
+      return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    }
+    return null;
+  }
+};
+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);
+      })
+    }) : null
+  }, id);
+});
+const Toast2 = (0, import_helpers.withStaticProperties)(ToastComponent, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastAction,
+  Close: ToastClose
+});

package/dist/cjs/Toast.native.js

@@ -0,0 +1,181 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Toast_exports = {};
+__export(Toast_exports, {
+  Toast: () => Toast2,
+  ToastProvider: () => import_ToastProvider.ToastProvider,
+  ToastViewport: () => import_ToastViewport.ToastViewport,
+  useToast: () => import_ToastImperative.useToast,
+  useToastController: () => import_ToastImperative.useToastController,
+  useToastState: () => import_ToastImperative.useToastState
+});
+module.exports = __toCommonJS(Toast_exports);
+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.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.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) {
+    if (!props.altText) {
+      return new Error(`Missing prop \`altText\` expected on \`${ACTION_NAME}\``);
+    }
+    return null;
+  }
+};
+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

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toast_exports","__export","Toast","Toast2","ToastProvider","import_ToastProvider","ToastViewport","import_ToastViewport","useToast","import_ToastImperative","useToastController","useToastState","module","exports","import_jsx_runtime","require","import_animate_presence","import_core","import_helpers","import_stacks","import_text","import_use_controllable_state","React","__toESM","import_ToastAnnounce","import_ToastImpl","TITLE_NAME","ToastTitle","styled","SizableText","name","variants","unstyled","false","color","size","defaultVariants","process","env","GUI_HEADLESS","DESCRIPTION_NAME","ToastDescription","ACTION_NAME","ToastAction","forwardRef","ToastAction2","props","forwardedRef","altText","actionProps","jsx","ToastAnnounceExclude","asChild","children","ToastClose","ref","propTypes","Error","CLOSE_NAME","ToastCloseFrame","YStack","render","ToastClose2","scope","closeProps","interactiveContext","useToastInteractiveContext","onPress","composeEventHandlers","onClose","ToastComponent","ToastImplFrame","styleable","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","useControllableState","prop","defaultProp","onChange","strategy","currentToast","hide","id","useId","onPause","useEvent","onResume","isHide","shouldShow","AnimatePresence","ToastImpl","onSwipeEnd","event","withStaticProperties","Title","Description","Action","Close"],"sources":["../../src/Toast.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastAnnounce.cjs

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastAnnounce_exports = {};
+__export(ToastAnnounce_exports, {
+  ToastAnnounce: () => ToastAnnounce,
+  ToastAnnounceExclude: () => ToastAnnounceExclude
+});
+module.exports = __toCommonJS(ToastAnnounce_exports);
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var import_portal = require("@hanzogui/portal");
+var import_start_transition = require("@hanzogui/start-transition");
+var import_visually_hidden = require("@hanzogui/visually-hidden");
+var React = __toESM(require("react"), 1);
+var import_ToastProvider = require("./ToastProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ToastAnnounceExcludeFrame = (0, import_core.styled)(import_core.View, {
+  name: "ToastAnnounceExclude"
+});
+const ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
+  const {
+    altText,
+    ...announceExcludeProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastAnnounceExcludeFrame, {
+    "data-toast-announce-exclude": "",
+    "data-toast-announce-alt": altText || void 0,
+    ...announceExcludeProps,
+    ref: forwardedRef
+  });
+});
+const ToastAnnounce = props => {
+  const {
+    scope,
+    children,
+    ...announceProps
+  } = props;
+  const context = (0, import_ToastProvider.useToastProviderContext)(scope);
+  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+  const [isAnnounced, setIsAnnounced] = React.useState(false);
+  useNextFrame(() => {
+    (0, import_start_transition.startTransition)(() => {
+      setRenderAnnounceText(true);
+    });
+  });
+  React.useEffect(() => {
+    const timer = setTimeout(() => setIsAnnounced(true), 1e3);
+    return () => clearTimeout(timer);
+  }, []);
+  return isAnnounced ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
+      ...announceProps,
+      children: renderAnnounceText && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_core.Text, {
+        children: [context.label, " ", children]
+      })
+    })
+  });
+};
+function useNextFrame(callback = () => {}) {
+  const fn = (0, import_core.useEvent)(callback);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    let raf1 = 0;
+    let raf2 = 0;
+    raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(fn);
+    });
+    return () => {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [fn]);
+}

package/dist/cjs/ToastAnnounce.native.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastAnnounce_exports = {};
+__export(ToastAnnounce_exports, {
+  ToastAnnounce: () => ToastAnnounce,
+  ToastAnnounceExclude: () => ToastAnnounceExclude
+});
+module.exports = __toCommonJS(ToastAnnounce_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var import_portal = require("@hanzogui/portal");
+var import_start_transition = require("@hanzogui/start-transition");
+var import_visually_hidden = require("@hanzogui/visually-hidden");
+var React = __toESM(require("react"), 1);
+var import_ToastProvider = require("./ToastProvider.native.js");
+var ToastAnnounceExcludeFrame = (0, import_core.styled)(import_core.View, {
+  name: "ToastAnnounceExclude"
+});
+var ToastAnnounceExclude = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+  var {
+    altText,
+    ...announceExcludeProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastAnnounceExcludeFrame, {
+    "data-toast-announce-exclude": "",
+    "data-toast-announce-alt": altText || void 0,
+    ...announceExcludeProps,
+    ref: forwardedRef
+  });
+});
+var ToastAnnounce = function (props) {
+  var {
+    scope,
+    children,
+    ...announceProps
+  } = props;
+  var context = (0, import_ToastProvider.useToastProviderContext)(scope);
+  var [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+  var [isAnnounced, setIsAnnounced] = React.useState(false);
+  useNextFrame(function () {
+    (0, import_start_transition.startTransition)(function () {
+      setRenderAnnounceText(true);
+    });
+  });
+  React.useEffect(function () {
+    var timer = setTimeout(function () {
+      return setIsAnnounced(true);
+    }, 1e3);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, []);
+  return isAnnounced ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
+      ...announceProps,
+      children: renderAnnounceText && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_core.Text, {
+        children: [context.label, " ", children]
+      })
+    })
+  });
+};
+function useNextFrame() {
+  var callback = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function () {};
+  var fn = (0, import_core.useEvent)(callback);
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    var raf1 = 0;
+    var raf2 = 0;
+    raf1 = requestAnimationFrame(function () {
+      raf2 = requestAnimationFrame(fn);
+    });
+    return function () {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [fn]);
+}
+//# sourceMappingURL=ToastAnnounce.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastAnnounce_exports","__export","ToastAnnounce","ToastAnnounceExclude","module","exports","import_jsx_runtime","require","import_constants","import_core","import_portal","import_start_transition","import_visually_hidden","React","__toESM","import_ToastProvider","ToastAnnounceExcludeFrame","styled","View","name","forwardRef","props","forwardedRef","altText","announceExcludeProps","jsx","ref","scope","children","announceProps","context","useToastProviderContext","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","startTransition","useEffect","timer","setTimeout","clearTimeout","Portal","VisuallyHidden","jsxs","Text","label","callback","arguments","length","fn","useEvent","useIsomorphicLayoutEffect","raf1","raf2","requestAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA0C,CAAAK,qBAAA;AAE1C,IAAAM,kBAA6C,GAAAC,OAAA;AAC7C,IAAAC,gBAAuB,GAAAD,OAAA;AACvB,IAAAE,WAAA,GAAAF,OAAA,iBAAgC;AAChC,IAAAG,aAAA,GAAAH,OAAA,mBAA+B;AAC/B,IAAAI,uBAAuB,GAAAJ,OAAA;AAGvB,IAAAK,sBAAA,GAAwCL,OAAA;AAoBlC,IAAAM,KAAA,GAAAC,OAAA,CAAAP,OAAA;AAlBN,IAAAQ,oBAAM,GAAAR,OAAA,4BAA4B;AAAa,IAC7CS,yBAAM,OAAAP,WAAA,CAAAQ,MAAA,EAAAR,WAAA,CAAAS,IAAA;EACPC,IAAA;AAWD;AAAmC,IAChChB,oBAAO,GAAiB,eAAAU,KAAA,CAAAO,UAAA,WAAAC,KAAA,EAAAC,YAAA;EACvB;IAAAC,OAAQ;IAAA,GAAAC;EAAY,IAAqBH,KAAI;EAE7C,sBACE,IAAAf,kBAAA,CAAAmB,GAAA,EAAAT,yBAAA;IAAA,6BAAC;IAAA,2BAAAO,OAAA;IAAA,GAAAC,oBACC;IAA4BE,GAAA,EAC5BJ;EAAoC;AAChC;AACC,IAAApB,aAAA,YAAAA,CAAAmB,KAAA;EAAA,IACP;IAAAM,KAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAEJ,IAAAS,OAAA,OAAAf,oBAAA,CAAAgB,uBAAA,EAAAJ,KAAA;EACF,KAAAK,kBAAA,EAAAC,qBAAA,IAAApB,KAAA,CAAAqB,QAAA;EASA,IAAM,CAAAC,WAAA,EAAAC,cAED,IAAAvB,KAAA,CAAAqB,QAAA;EACHG,YAAQ,aAAO;IACf,IAAM1B,uBAAU,CAAA2B,eAAA;MAChBL,qBAAO,KAAoB;IAC3B;EAGA;EACEpB,KAAA,CAAA0B,SAAA;IACE,IAAAC,KAAA,GAAAC,UAAA,aAA0B;MAC3B,OAAAL,cAAA;IACF;IAGD,OAAM,YAAU;MACd,OAAMM,YAAQ,CAAAF,KAAW;IACzB;EACF,GAAG,EAAE;EAEL,OAAOL,WAAA,GAAc,OACnB,mBAAA7B,kBAAA,CAAAmB,GAAA,EAACf,aAAA,CAAAiC,MAAA;IAIQf,QAAQ,qBAAAtB,kBAAA,CAAAmB,GAAA,EAAAb,sBAAA,CAAAgC,cAAA;MAAM,GAAAf,aAAA;MAAED,QAAA,EAAAI,kBAAA,uBAAA1B,kBAAA,CAAAuC,IAAA,EAAApC,WAAA,CAAAqC,IAAA;QAGvBlB,QACF,GAEJE,OAAA,CAAAiB,KAAA,EAIS,KAAkCnB,QAAA;MAEzC;IACE;EACA;AACA;AACE,SAAAS,YAAOA,CAAA;EAAwB,IAChCW,QAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA,mBACD;EACE,IAAAE,EAAA,OAAA1C,WAAA,CAAqB2C,QAAI,EAAAJ,QAAA;EACzB,IAAAxC,gBAAA,CAAA6C,yBAAyB;IAC3B,IAAAC,IAAA;IACF,IAAMC,IAAC;IACTD,IAAA,GAAAE,qBAAA","ignoreList":[]}