@hanzogui/toast 7.0.0 → 7.3.0

package/dist/jsx/Toast.mjs

@@ -0,0 +1,137 @@
+import { AnimatePresence } from "@hanzogui/animate-presence";
+import { styled, useEvent } from "@hanzogui/core";
+import { composeEventHandlers, withStaticProperties } from "@hanzogui/helpers";
+import { YStack } from "@hanzogui/stacks";
+import { SizableText } from "@hanzogui/text";
+import { useControllableState } from "@hanzogui/use-controllable-state";
+import * as React from "react";
+import { ToastAnnounceExclude } from "./ToastAnnounce.mjs";
+import { useToast, useToastController, useToastState } from "./ToastImperative.mjs";
+import { ToastImpl, ToastImplFrame, useToastInteractiveContext } from "./ToastImpl.mjs";
+import { ToastProvider } from "./ToastProvider.mjs";
+import { ToastViewport } from "./ToastViewport.mjs";
+import { jsx } from "react/jsx-runtime";
+const TITLE_NAME = "ToastTitle";
+const ToastTitle = styled(SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const DESCRIPTION_NAME = "ToastDescription";
+const ToastDescription = styled(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__ */jsx(ToastAnnounceExclude, {
+    altText,
+    asChild: true,
+    children: /* @__PURE__ */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 = styled(YStack, {
+  name: CLOSE_NAME,
+  render: "button"
+});
+const ToastClose = React.forwardRef(function ToastClose2(props, forwardedRef) {
+  const {
+    scope,
+    ...closeProps
+  } = props;
+  const interactiveContext = useToastInteractiveContext(scope);
+  return /* @__PURE__ */jsx(ToastAnnounceExclude, {
+    asChild: true,
+    children: /* @__PURE__ */jsx(ToastCloseFrame, {
+      "aria-label": "Close",
+      ...closeProps,
+      ref: forwardedRef,
+      onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
+    })
+  });
+});
+const ToastComponent = ToastImplFrame.styleable(function Toast(props, forwardedRef) {
+  const {
+    forceMount,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    ...toastProps
+  } = props;
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? true,
+    onChange: onOpenChange,
+    strategy: "most-recent-wins"
+  });
+  const currentToast = useToastState();
+  const {
+    hide
+  } = useToastController();
+  const id = React.useId();
+  const onPause = useEvent(props.onPause);
+  const onResume = useEvent(props.onResume);
+  const isHide = currentToast?.hide === true;
+  const shouldShow = (forceMount || open) && !isHide;
+  return /* @__PURE__ */jsx(AnimatePresence, {
+    children: shouldShow ? /* @__PURE__ */jsx(ToastImpl, {
+      id,
+      open,
+      ...toastProps,
+      ref: forwardedRef,
+      onClose: () => {
+        setOpen(false);
+        hide();
+      },
+      onPause,
+      onResume,
+      onSwipeEnd: composeEventHandlers(props.onSwipeEnd, event => {
+        setOpen(false);
+      })
+    }) : null
+  }, id);
+});
+const Toast2 = withStaticProperties(ToastComponent, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastAction,
+  Close: ToastClose
+});
+export { Toast2 as Toast, ToastProvider, ToastViewport, useToast, useToastController, useToastState };
+//# sourceMappingURL=Toast.mjs.map

package/dist/jsx/Toast.mjs.map

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

package/dist/jsx/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/jsx/Toast.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toast_exports","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","import_ToastAnnounce","import_ToastImpl","TITLE_NAME","ToastTitle","styled","SizableText","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"],"sources":["../../src/Toast.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ToastAnnounce.mjs

@@ -0,0 +1,66 @@
+import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
+import { View, Text, styled, useEvent } from "@hanzogui/core";
+import { Portal } from "@hanzogui/portal";
+import { startTransition } from "@hanzogui/start-transition";
+import { VisuallyHidden } from "@hanzogui/visually-hidden";
+import * as React from "react";
+import { useToastProviderContext } from "./ToastProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const ToastAnnounceExcludeFrame = styled(View, {
+  name: "ToastAnnounceExclude"
+});
+const ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
+  const {
+    altText,
+    ...announceExcludeProps
+  } = props;
+  return /* @__PURE__ */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 = useToastProviderContext(scope);
+  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+  const [isAnnounced, setIsAnnounced] = React.useState(false);
+  useNextFrame(() => {
+    startTransition(() => {
+      setRenderAnnounceText(true);
+    });
+  });
+  React.useEffect(() => {
+    const timer = setTimeout(() => setIsAnnounced(true), 1e3);
+    return () => clearTimeout(timer);
+  }, []);
+  return isAnnounced ? null : /* @__PURE__ */jsx(Portal, {
+    children: /* @__PURE__ */jsx(VisuallyHidden, {
+      ...announceProps,
+      children: renderAnnounceText && /* @__PURE__ */jsxs(Text, {
+        children: [context.label, " ", children]
+      })
+    })
+  });
+};
+function useNextFrame(callback = () => {}) {
+  const fn = useEvent(callback);
+  useIsomorphicLayoutEffect(() => {
+    let raf1 = 0;
+    let raf2 = 0;
+    raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(fn);
+    });
+    return () => {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [fn]);
+}
+export { ToastAnnounce, ToastAnnounceExclude };
+//# sourceMappingURL=ToastAnnounce.mjs.map

package/dist/jsx/ToastAnnounce.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsomorphicLayoutEffect","View","Text","styled","useEvent","Portal","startTransition","VisuallyHidden","React","useToastProviderContext","jsx","jsxs","ToastAnnounceExcludeFrame","name","ToastAnnounceExclude","forwardRef","props","forwardedRef","altText","announceExcludeProps","ref","ToastAnnounce","scope","children","announceProps","context","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","useEffect","timer","setTimeout","clearTimeout","label","callback","fn","raf1","raf2","requestAnimationFrame","cancelAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAE1C,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,QAAA,QAAgB;AAC7C,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAChC,SAASC,cAAA,QAAsB;AAC/B,YAAYC,KAAA,MAAW;AAGvB,SAASC,uBAAA,QAA+B;AAoBlC,SAAAC,GAAA,EA0CIC,IAAA,QA1CJ;AAlBN,MAAMC,yBAAA,GAA4BT,MAAA,CAAOF,IAAA,EAAM;EAC7CY,IAAA,EAAM;AACR,CAAC;AAWD,MAAMC,oBAAA,GAAuBN,KAAA,CAAMO,UAAA,CACjC,CAACC,KAAA,EAAOC,YAAA,KAAiB;EACvB,MAAM;IAAEC,OAAA;IAAS,GAAGC;EAAqB,IAAIH,KAAA;EAE7C,OACE,eAAAN,GAAA,CAACE,yBAAA;IACC,+BAA4B;IAC5B,2BAAyBM,OAAA,IAAW;IACnC,GAAGC,oBAAA;IACJC,GAAA,EAAKH;EAAA,CACP;AAEJ,CACF;AASA,MAAMI,aAAA,GACJL,KAAA,IACG;EACH,MAAM;IAAEM,KAAA;IAAOC,QAAA;IAAU,GAAGC;EAAc,IAAIR,KAAA;EAC9C,MAAMS,OAAA,GAAUhB,uBAAA,CAAwBa,KAAK;EAC7C,MAAM,CAACI,kBAAA,EAAoBC,qBAAqB,IAAInB,KAAA,CAAMoB,QAAA,CAAS,KAAK;EACxE,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAItB,KAAA,CAAMoB,QAAA,CAAS,KAAK;EAG1DG,YAAA,CAAa,MAAM;IACjBzB,eAAA,CAAgB,MAAM;MACpBqB,qBAAA,CAAsB,IAAI;IAC5B,CAAC;EACH,CAAC;EAGDnB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQC,UAAA,CAAW,MAAMJ,cAAA,CAAe,IAAI,GAAG,GAAI;IACzD,OAAO,MAAMK,YAAA,CAAaF,KAAK;EACjC,GAAG,EAAE;EAEL,OAAOJ,WAAA,GAAc,OACnB,eAAAnB,GAAA,CAACL,MAAA;IACCkB,QAAA,iBAAAb,GAAA,CAACH,cAAA;MAAgB,GAAGiB,aAAA;MACjBD,QAAA,EAAAG,kBAAA,IACC,eAAAf,IAAA,CAACT,IAAA;QACEqB,QAAA,GAAAE,OAAA,CAAQW,KAAA,EAAM,KAAEb,QAAA;MAAA,CACnB;IAAA,CAEJ;EAAA,CACF;AAEJ;AAIA,SAASQ,aAAaM,QAAA,GAAWA,CAAA,KAAM,CAAC,GAAG;EACzC,MAAMC,EAAA,GAAKlC,QAAA,CAASiC,QAAQ;EAC5BrC,yBAAA,CAA0B,MAAM;IAC9B,IAAIuC,IAAA,GAAO;IACX,IAAIC,IAAA,GAAO;IACXD,IAAA,GAAOE,qBAAA,CAAsB,MAAM;MACjCD,IAAA,GAAOC,qBAAA,CAAsBH,EAAE;IACjC,CAAC;IACD,OAAO,MAAM;MACXI,oBAAA,CAAqBH,IAAI;MACzBG,oBAAA,CAAqBF,IAAI;IAC3B;EACF,GAAG,CAACF,EAAE,CAAC;AACT","ignoreList":[]}

package/dist/jsx/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/jsx/ToastAnnounce.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToastAnnounce_exports","ToastAnnounce","ToastAnnounceExclude","module","exports","import_jsx_runtime","require","import_constants","import_core","import_portal","import_start_transition","import_visually_hidden","React","import_ToastProvider","ToastAnnounceExcludeFrame","styled","View","forwardRef","props","forwardedRef","altText","announceExcludeProps","jsx","ref","scope","children","announceProps","context","useToastProviderContext","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}