@tamagui/toast 1.14.0 → 1.14.2

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Toast.js'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,sBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
+  "names": []
 }

package/dist/cjs/types.js

@@ -1,2 +1,17 @@
-"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of r(t))!p.call(e,o)&&o!==s&&i(e,o,{get:()=>t[o],enumerable:!(a=n(t,o))||a.enumerable});return e};var T=e=>u(i({},"__esModule",{value:!0}),e);var m={};module.exports=T(m);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/types.ts"],
   "sourcesContent": ["// from `burnt`\ntype BurntLayout = {\n  iconSize?: {\n    width: number\n    height: number\n  }\n}\n\n// from `burnt`\nexport type BurntToastOptions = {\n  title: string\n  message?: string\n  /**\n   * Defaults to `done`.\n   */\n  preset?: 'done' | 'error' | 'none'\n  /**\n   * Duration in seconds.\n   */\n  duration?: number\n  haptic?: 'success' | 'warning' | 'error' | 'none'\n  /**\n   * Defaults to `true`.\n   */\n  shouldDismissByDrag?: boolean\n  /**\n   * Change the presentation side.\n   * @platform ios\n   */\n  from?: 'top' | 'bottom'\n  layout?: BurntLayout\n}\n\nexport interface CreateNativeToastOptions {\n  /**\n   * Body of the toast\n   */\n  message?: BurntToastOptions['message']\n  /**\n   * Duration of toast in ms\n   *\n   * @example 1000\n   */\n  duration?: BurntToastOptions['duration']\n  /**\n   * Options for the burnt package if you're using native toasts on mobile\n   */\n  burntOptions?: Omit<BurntToastOptions, 'title' | 'message' | 'duration'>\n  /**\n   * Options for the notification API if you're using native toasts on web\n   */\n  notificationOptions?: NotificationOptions\n}\n\nexport interface NativeToastRef {\n  /**\n   * Used to close web notifications\n   */\n  close: () => void\n}\n\nexport type CreateNativeToastsFn = (\n  title: string,\n  options: CreateNativeToastOptions\n) =>\n  | {\n      nativeToastRef?: NativeToastRef\n    }\n  | boolean\n\nexport type HideNativeToastsFn = (ref?: NativeToastRef) => void\n\nexport type ToastNativePlatform = 'web' | 'mobile' | 'android' | 'ios'\nexport type ToastNativeValue = boolean | ToastNativePlatform | ToastNativePlatform[]\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
 }

package/dist/esm/Toast.js

@@ -1,2 +1,164 @@
-import{jsx as a}from"react/jsx-runtime";import{composeEventHandlers as P,styled as p,themeable as F,useEvent as u,useId as _,withStaticProperties as R}from"@tamagui/core";import{ThemeableStack as b}from"@tamagui/stacks";import{SizableText as f}from"@tamagui/text";import{useControllableState as I}from"@tamagui/use-controllable-state";import*as r from"react";import{TOAST_NAME as M}from"./constants";import{ToastAnnounceExclude as d}from"./ToastAnnounce";import{useToast as O,useToastController as V,useToastState as $}from"./ToastImperative.js";import{ToastImpl as G,ToastImplFrame as C,useToastInteractiveContext as z}from"./ToastImpl";import{ToastProvider as L,createToastScope as k}from"./ToastProvider";import{ToastViewport as H}from"./ToastViewport";const y="ToastTitle",q=p(f,{name:y,variants:{unstyled:{false:{color:"$color",size:"$4"}}},defaultVariants:{unstyled:!1}}),E=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o;return a(q,{...e,ref:t})});E.displayName=y;const S="ToastDescription",B=p(f,{name:S,variants:{unstyled:{false:{color:"$color11",size:"$1"}}},defaultVariants:{unstyled:!1}}),v=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o;return a(B,{...e,ref:t})});v.displayName=S;const A="ToastAction",i=r.forwardRef((o,t)=>{const{altText:s,...e}=o;return s?a(d,{altText:s,asChild:!0,children:a(T,{...e,ref:t})}):null});i.propTypes={altText(o){return o.altText?null:new Error(`Missing prop \`altText\` expected on \`${A}\``)}},i.displayName=A;const l="ToastClose",J=p(b,{name:l,tag:"button"}),T=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o,n=z(l,s);return a(d,{asChild:!0,children:a(J,{accessibilityLabel:"Dialog Close",...e,ref:t,onPress:P(o.onPress,n.onClose)})})});T.displayName=l;const N=r.forwardRef(C.extractable((o,t)=>{const{forceMount:s,open:e,defaultOpen:n,onOpenChange:x,...D}=o,[c,m]=I({prop:e,defaultProp:n??!0,onChange:x}),w=_(),g=u(o.onPause),h=u(o.onResume);return s||c?a(G,{id:w,open:c,...D,ref:t,onClose:()=>m(!1),onPause:g,onResume:h,onSwipeEnd:P(o.onSwipeEnd,U=>{m(!1)})}):null}));N.displayName=M;const K=R(F(N,C.staticConfig),{Title:E,Description:v,Action:i,Close:T});export{K as Toast,L as ToastProvider,H as ToastViewport,k as createToastScope,O as useToast,V as useToastController,$ as useToastState};
+import { jsx } from "react/jsx-runtime";
+import {
+  composeEventHandlers,
+  styled,
+  themeable,
+  useEvent,
+  useId,
+  withStaticProperties
+} from "@tamagui/core";
+import { ThemeableStack } from "@tamagui/stacks";
+import { SizableText } from "@tamagui/text";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { TOAST_NAME } from "./constants";
+import { ToastAnnounceExclude } from "./ToastAnnounce";
+import {
+  useToast,
+  useToastController,
+  useToastState
+} from "./ToastImperative.js";
+import {
+  ToastImpl,
+  ToastImplFrame,
+  useToastInteractiveContext
+} from "./ToastImpl";
+import {
+  ToastProvider,
+  createToastScope
+} from "./ToastProvider";
+import { ToastViewport } from "./ToastViewport";
+const TITLE_NAME = "ToastTitle";
+const ToastTitleFrame = styled(SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ToastTitle = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...titleProps } = props;
+    return /* @__PURE__ */ jsx(ToastTitleFrame, { ...titleProps, ref: forwardedRef });
+  }
+);
+ToastTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "ToastDescription";
+const ToastDescriptionFrame = styled(SizableText, {
+  name: DESCRIPTION_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color11",
+        size: "$1"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ToastDescription = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...descriptionProps } = props;
+    return /* @__PURE__ */ jsx(ToastDescriptionFrame, { ...descriptionProps, ref: forwardedRef });
+  }
+);
+ToastDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "ToastAction";
+const ToastAction = React.forwardRef(
+  (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;
+  }
+};
+ToastAction.displayName = ACTION_NAME;
+const CLOSE_NAME = "ToastClose";
+const ToastCloseFrame = styled(ThemeableStack, {
+  name: CLOSE_NAME,
+  tag: "button"
+});
+const ToastClose = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...closeProps } = props;
+    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);
+    return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
+      ToastCloseFrame,
+      {
+        accessibilityLabel: "Dialog Close",
+        ...closeProps,
+        ref: forwardedRef,
+        onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
+      }
+    ) });
+  }
+);
+ToastClose.displayName = CLOSE_NAME;
+const ToastComponent = React.forwardRef(
+  ToastImplFrame.extractable((props, forwardedRef) => {
+    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen ?? true,
+      onChange: onOpenChange
+    });
+    const id = useId();
+    const onPause = useEvent(props.onPause);
+    const onResume = useEvent(props.onResume);
+    const shouldShow = forceMount || open;
+    if (!shouldShow)
+      return null;
+    return /* @__PURE__ */ jsx(
+      ToastImpl,
+      {
+        id,
+        open,
+        ...toastProps,
+        ref: forwardedRef,
+        onClose: () => setOpen(false),
+        onPause,
+        onResume,
+        onSwipeEnd: composeEventHandlers(props.onSwipeEnd, (event) => {
+          setOpen(false);
+        })
+      }
+    );
+  })
+);
+ToastComponent.displayName = TOAST_NAME;
+const Toast = withStaticProperties(
+  themeable(ToastComponent, ToastImplFrame.staticConfig),
+  {
+    Title: ToastTitle,
+    Description: ToastDescription,
+    Action: ToastAction,
+    Close: ToastClose
+  }
+);
+export {
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  createToastScope,
+  useToast,
+  useToastController,
+  useToastState
+};
 //# sourceMappingURL=Toast.js.map

package/dist/esm/Toast.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Toast.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  composeEventHandlers,\n  styled,\n  themeable,\n  useEvent,\n  useId,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { TOAST_NAME } from './constants'\nimport { ToastAnnounceExclude } from './ToastAnnounce'\nimport {\n  ToastNativePlatform,\n  ToastNativeValue,\n  useToast,\n  useToastController,\n  useToastState,\n} from './ToastImperative.js'\nimport {\n  ToastImpl,\n  ToastImplFrame,\n  ToastProps,\n  useToastInteractiveContext,\n} from './ToastImpl'\nimport {\n  ScopedProps,\n  ToastProvider,\n  ToastProviderProps,\n  createToastScope,\n} from './ToastProvider'\nimport { ToastViewport, ToastViewportProps } from './ToastViewport'\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle'\n\nconst ToastTitleFrame = styled(SizableText, {\n  name: TITLE_NAME,\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color',\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype PrimitiveDivProps = GetProps<typeof ToastTitleFrame>\ntype ToastTitleProps = PrimitiveDivProps & {}\n\nconst ToastTitle = React.forwardRef<TamaguiElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props\n    return <ToastTitleFrame {...titleProps} ref={forwardedRef} />\n  }\n)\n\nToastTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription'\n\nconst ToastDescriptionFrame = styled(SizableText, {\n  name: DESCRIPTION_NAME,\n\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color11',\n        size: '$1',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToastDescriptionFrameProps = GetProps<typeof ToastDescriptionFrame>\ntype ToastDescriptionProps = ToastDescriptionFrameProps & {}\n\nconst ToastDescription = React.forwardRef<TamaguiElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props\n    return <ToastDescriptionFrame {...descriptionProps} ref={forwardedRef} />\n  }\n)\n\nToastDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction'\n\ntype ToastActionProps = ToastCloseProps & {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string\n}\n\nconst ToastAction = React.forwardRef<TamaguiElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props\n    if (!altText) return null\n    return (\n      <ToastAnnounceExclude altText={altText} asChild>\n        <ToastClose {...actionProps} ref={forwardedRef} />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      return new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``)\n    }\n    return null\n  },\n}\n\nToastAction.displayName = ACTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose'\n\nconst ToastCloseFrame = styled(ThemeableStack, {\n  name: CLOSE_NAME,\n  tag: 'button',\n})\ntype ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>\ntype ToastCloseProps = ToastCloseFrameProps & {}\n\nconst ToastClose = React.forwardRef<TamaguiElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast)\n\n    return (\n      <ToastAnnounceExclude asChild>\n        <ToastCloseFrame\n          accessibilityLabel=\"Dialog Close\"\n          {...closeProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress as any, interactiveContext.onClose)}\n        />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst ToastComponent = React.forwardRef<TamaguiElement, ToastProps>(\n  ToastImplFrame.extractable((props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen ?? true,\n      onChange: onOpenChange,\n    })\n\n    const id = useId()\n    const onPause = useEvent(props.onPause)\n    const onResume = useEvent(props.onResume)\n    const shouldShow = forceMount || open\n\n    if (!shouldShow) return null\n\n    return (\n      <ToastImpl\n        id={id}\n        open={open}\n        {...toastProps}\n        ref={forwardedRef}\n        onClose={() => setOpen(false)}\n        onPause={onPause}\n        onResume={onResume}\n        onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n          setOpen(false)\n        })}\n      />\n    )\n  })\n)\n\nToastComponent.displayName = TOAST_NAME\n\nconst Toast = withStaticProperties(\n  themeable(ToastComponent, ToastImplFrame.staticConfig),\n  {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Action: ToastAction,\n    Close: ToastClose,\n  }\n)\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  //\n  createToastScope,\n  // imperative\n  useToast,\n  useToastController,\n  useToastState,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastViewportProps,\n  // imperative\n  ToastNativeValue,\n  ToastNativePlatform,\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "composeEventHandlers", "styled", "themeable", "useEvent", "useId", "withStaticProperties", "ThemeableStack", "SizableText", "useControllableState", "React", "TOAST_NAME", "ToastAnnounceExclude", "useToast", "useToastController", "useToastState", "ToastImpl", "ToastImplFrame", "useToastInteractiveContext", "ToastProvider", "createToastScope", "ToastViewport", "TITLE_NAME", "ToastTitleFrame", "ToastTitle", "props", "forwardedRef", "__scopeToast", "titleProps", "DESCRIPTION_NAME", "ToastDescriptionFrame", "ToastDescription", "descriptionProps", "ACTION_NAME", "ToastAction", "altText", "actionProps", "ToastClose", "CLOSE_NAME", "ToastCloseFrame", "closeProps", "interactiveContext", "ToastComponent", "forceMount", "openProp", "defaultOpen", "onOpenChange", "toastProps", "open", "setOpen", "id", "onPause", "onResume", "event", "Toast"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/Toast.mjs

@@ -1,2 +1,164 @@
-import{jsx as a}from"react/jsx-runtime";import{composeEventHandlers as P,styled as p,themeable as F,useEvent as u,useId as _,withStaticProperties as R}from"@tamagui/core";import{ThemeableStack as b}from"@tamagui/stacks";import{SizableText as f}from"@tamagui/text";import{useControllableState as I}from"@tamagui/use-controllable-state";import*as r from"react";import{TOAST_NAME as M}from"./constants";import{ToastAnnounceExclude as d}from"./ToastAnnounce";import{useToast as O,useToastController as V,useToastState as $}from"./ToastImperative.js";import{ToastImpl as G,ToastImplFrame as C,useToastInteractiveContext as z}from"./ToastImpl";import{ToastProvider as L,createToastScope as k}from"./ToastProvider";import{ToastViewport as H}from"./ToastViewport";const y="ToastTitle",q=p(f,{name:y,variants:{unstyled:{false:{color:"$color",size:"$4"}}},defaultVariants:{unstyled:!1}}),E=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o;return a(q,{...e,ref:t})});E.displayName=y;const S="ToastDescription",B=p(f,{name:S,variants:{unstyled:{false:{color:"$color11",size:"$1"}}},defaultVariants:{unstyled:!1}}),v=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o;return a(B,{...e,ref:t})});v.displayName=S;const A="ToastAction",i=r.forwardRef((o,t)=>{const{altText:s,...e}=o;return s?a(d,{altText:s,asChild:!0,children:a(T,{...e,ref:t})}):null});i.propTypes={altText(o){return o.altText?null:new Error(`Missing prop \`altText\` expected on \`${A}\``)}},i.displayName=A;const l="ToastClose",J=p(b,{name:l,tag:"button"}),T=r.forwardRef((o,t)=>{const{__scopeToast:s,...e}=o,n=z(l,s);return a(d,{asChild:!0,children:a(J,{accessibilityLabel:"Dialog Close",...e,ref:t,onPress:P(o.onPress,n.onClose)})})});T.displayName=l;const N=r.forwardRef(C.extractable((o,t)=>{const{forceMount:s,open:e,defaultOpen:n,onOpenChange:x,...D}=o,[c,m]=I({prop:e,defaultProp:n??!0,onChange:x}),w=_(),g=u(o.onPause),h=u(o.onResume);return s||c?a(G,{id:w,open:c,...D,ref:t,onClose:()=>m(!1),onPause:g,onResume:h,onSwipeEnd:P(o.onSwipeEnd,U=>{m(!1)})}):null}));N.displayName=M;const K=R(F(N,C.staticConfig),{Title:E,Description:v,Action:i,Close:T});export{K as Toast,L as ToastProvider,H as ToastViewport,k as createToastScope,O as useToast,V as useToastController,$ as useToastState};
+import { jsx } from "react/jsx-runtime";
+import {
+  composeEventHandlers,
+  styled,
+  themeable,
+  useEvent,
+  useId,
+  withStaticProperties
+} from "@tamagui/core";
+import { ThemeableStack } from "@tamagui/stacks";
+import { SizableText } from "@tamagui/text";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { TOAST_NAME } from "./constants";
+import { ToastAnnounceExclude } from "./ToastAnnounce";
+import {
+  useToast,
+  useToastController,
+  useToastState
+} from "./ToastImperative.js";
+import {
+  ToastImpl,
+  ToastImplFrame,
+  useToastInteractiveContext
+} from "./ToastImpl";
+import {
+  ToastProvider,
+  createToastScope
+} from "./ToastProvider";
+import { ToastViewport } from "./ToastViewport";
+const TITLE_NAME = "ToastTitle";
+const ToastTitleFrame = styled(SizableText, {
+  name: TITLE_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color",
+        size: "$4"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ToastTitle = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...titleProps } = props;
+    return /* @__PURE__ */ jsx(ToastTitleFrame, { ...titleProps, ref: forwardedRef });
+  }
+);
+ToastTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "ToastDescription";
+const ToastDescriptionFrame = styled(SizableText, {
+  name: DESCRIPTION_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        color: "$color11",
+        size: "$1"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ToastDescription = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...descriptionProps } = props;
+    return /* @__PURE__ */ jsx(ToastDescriptionFrame, { ...descriptionProps, ref: forwardedRef });
+  }
+);
+ToastDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "ToastAction";
+const ToastAction = React.forwardRef(
+  (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;
+  }
+};
+ToastAction.displayName = ACTION_NAME;
+const CLOSE_NAME = "ToastClose";
+const ToastCloseFrame = styled(ThemeableStack, {
+  name: CLOSE_NAME,
+  tag: "button"
+});
+const ToastClose = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, ...closeProps } = props;
+    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);
+    return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
+      ToastCloseFrame,
+      {
+        accessibilityLabel: "Dialog Close",
+        ...closeProps,
+        ref: forwardedRef,
+        onPress: composeEventHandlers(props.onPress, interactiveContext.onClose)
+      }
+    ) });
+  }
+);
+ToastClose.displayName = CLOSE_NAME;
+const ToastComponent = React.forwardRef(
+  ToastImplFrame.extractable((props, forwardedRef) => {
+    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen ?? true,
+      onChange: onOpenChange
+    });
+    const id = useId();
+    const onPause = useEvent(props.onPause);
+    const onResume = useEvent(props.onResume);
+    const shouldShow = forceMount || open;
+    if (!shouldShow)
+      return null;
+    return /* @__PURE__ */ jsx(
+      ToastImpl,
+      {
+        id,
+        open,
+        ...toastProps,
+        ref: forwardedRef,
+        onClose: () => setOpen(false),
+        onPause,
+        onResume,
+        onSwipeEnd: composeEventHandlers(props.onSwipeEnd, (event) => {
+          setOpen(false);
+        })
+      }
+    );
+  })
+);
+ToastComponent.displayName = TOAST_NAME;
+const Toast = withStaticProperties(
+  themeable(ToastComponent, ToastImplFrame.staticConfig),
+  {
+    Title: ToastTitle,
+    Description: ToastDescription,
+    Action: ToastAction,
+    Close: ToastClose
+  }
+);
+export {
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  createToastScope,
+  useToast,
+  useToastController,
+  useToastState
+};
 //# sourceMappingURL=Toast.mjs.map

package/dist/esm/Toast.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Toast.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  composeEventHandlers,\n  styled,\n  themeable,\n  useEvent,\n  useId,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { TOAST_NAME } from './constants'\nimport { ToastAnnounceExclude } from './ToastAnnounce'\nimport {\n  ToastNativePlatform,\n  ToastNativeValue,\n  useToast,\n  useToastController,\n  useToastState,\n} from './ToastImperative.js'\nimport {\n  ToastImpl,\n  ToastImplFrame,\n  ToastProps,\n  useToastInteractiveContext,\n} from './ToastImpl'\nimport {\n  ScopedProps,\n  ToastProvider,\n  ToastProviderProps,\n  createToastScope,\n} from './ToastProvider'\nimport { ToastViewport, ToastViewportProps } from './ToastViewport'\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle'\n\nconst ToastTitleFrame = styled(SizableText, {\n  name: TITLE_NAME,\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color',\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype PrimitiveDivProps = GetProps<typeof ToastTitleFrame>\ntype ToastTitleProps = PrimitiveDivProps & {}\n\nconst ToastTitle = React.forwardRef<TamaguiElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props\n    return <ToastTitleFrame {...titleProps} ref={forwardedRef} />\n  }\n)\n\nToastTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription'\n\nconst ToastDescriptionFrame = styled(SizableText, {\n  name: DESCRIPTION_NAME,\n\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color11',\n        size: '$1',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToastDescriptionFrameProps = GetProps<typeof ToastDescriptionFrame>\ntype ToastDescriptionProps = ToastDescriptionFrameProps & {}\n\nconst ToastDescription = React.forwardRef<TamaguiElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props\n    return <ToastDescriptionFrame {...descriptionProps} ref={forwardedRef} />\n  }\n)\n\nToastDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction'\n\ntype ToastActionProps = ToastCloseProps & {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string\n}\n\nconst ToastAction = React.forwardRef<TamaguiElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props\n    if (!altText) return null\n    return (\n      <ToastAnnounceExclude altText={altText} asChild>\n        <ToastClose {...actionProps} ref={forwardedRef} />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      return new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``)\n    }\n    return null\n  },\n}\n\nToastAction.displayName = ACTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose'\n\nconst ToastCloseFrame = styled(ThemeableStack, {\n  name: CLOSE_NAME,\n  tag: 'button',\n})\ntype ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>\ntype ToastCloseProps = ToastCloseFrameProps & {}\n\nconst ToastClose = React.forwardRef<TamaguiElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast)\n\n    return (\n      <ToastAnnounceExclude asChild>\n        <ToastCloseFrame\n          accessibilityLabel=\"Dialog Close\"\n          {...closeProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress as any, interactiveContext.onClose)}\n        />\n      </ToastAnnounceExclude>\n    )\n  }\n)\n\nToastClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst ToastComponent = React.forwardRef<TamaguiElement, ToastProps>(\n  ToastImplFrame.extractable((props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen ?? true,\n      onChange: onOpenChange,\n    })\n\n    const id = useId()\n    const onPause = useEvent(props.onPause)\n    const onResume = useEvent(props.onResume)\n    const shouldShow = forceMount || open\n\n    if (!shouldShow) return null\n\n    return (\n      <ToastImpl\n        id={id}\n        open={open}\n        {...toastProps}\n        ref={forwardedRef}\n        onClose={() => setOpen(false)}\n        onPause={onPause}\n        onResume={onResume}\n        onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n          setOpen(false)\n        })}\n      />\n    )\n  })\n)\n\nToastComponent.displayName = TOAST_NAME\n\nconst Toast = withStaticProperties(\n  themeable(ToastComponent, ToastImplFrame.staticConfig),\n  {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Action: ToastAction,\n    Close: ToastClose,\n  }\n)\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  //\n  createToastScope,\n  // imperative\n  useToast,\n  useToastController,\n  useToastState,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastViewportProps,\n  // imperative\n  ToastNativeValue,\n  ToastNativePlatform,\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "composeEventHandlers", "styled", "themeable", "useEvent", "useId", "withStaticProperties", "ThemeableStack", "SizableText", "useControllableState", "React", "TOAST_NAME", "ToastAnnounceExclude", "useToast", "useToastController", "useToastState", "ToastImpl", "ToastImplFrame", "useToastInteractiveContext", "ToastProvider", "createToastScope", "ToastViewport", "TITLE_NAME", "ToastTitleFrame", "ToastTitle", "props", "forwardedRef", "__scopeToast", "titleProps", "DESCRIPTION_NAME", "ToastDescriptionFrame", "ToastDescription", "descriptionProps", "ACTION_NAME", "ToastAction", "altText", "actionProps", "ToastClose", "CLOSE_NAME", "ToastCloseFrame", "closeProps", "interactiveContext", "ToastComponent", "forceMount", "openProp", "defaultOpen", "onOpenChange", "toastProps", "open", "setOpen", "id", "onPause", "onResume", "event", "Toast"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/ToastAnnounce.js

@@ -1,2 +1,64 @@
-import{jsx as a,jsxs as g}from"react/jsx-runtime";import{Stack as p,Text as m,styled as T,useEvent as A,useIsomorphicLayoutEffect as f}from"@tamagui/core";import{Portal as x}from"@tamagui/portal";import{VisuallyHidden as P}from"@tamagui/visually-hidden";import*as s from"react";import{useToastProviderContext as E}from"./ToastProvider";import{TOAST_NAME as F}from"./constants";const y=T(p,{name:"ToastAnnounceExclude"}),S=s.forwardRef((o,e)=>{const{__scopeToast:t,altText:n,...r}=o;return a(y,{"data-toast-announce-exclude":"","data-toast-announce-alt":n||void 0,...r,ref:e})}),h=o=>{const{__scopeToast:e,children:t,...n}=o,r=E(F,e),[c,u]=s.useState(!1),[l,d]=s.useState(!1);return _(()=>u(!0)),s.useEffect(()=>{const i=setTimeout(()=>d(!0),1e3);return()=>clearTimeout(i)},[]),l?null:a(x,{asChild:!0,children:a(P,{...n,children:c&&g(m,{children:[r.label," ",t]})})})};function _(o=()=>{}){const e=A(o);f(()=>{let t=0,n=0;return t=requestAnimationFrame(()=>n=requestAnimationFrame(e)),()=>{cancelAnimationFrame(t),cancelAnimationFrame(n)}},[e])}export{h as ToastAnnounce,S as ToastAnnounceExclude};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Stack,
+  Text,
+  styled,
+  useEvent,
+  useIsomorphicLayoutEffect
+} from "@tamagui/core";
+import { Portal } from "@tamagui/portal";
+import { VisuallyHidden } from "@tamagui/visually-hidden";
+import * as React from "react";
+import { useToastProviderContext } from "./ToastProvider";
+import { TOAST_NAME } from "./constants";
+const ToastAnnounceExcludeFrame = styled(Stack, {
+  name: "ToastAnnounceExclude"
+});
+const ToastAnnounceExclude = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, 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 { __scopeToast, children, ...announceProps } = props;
+  const context = useToastProviderContext(TOAST_NAME, __scopeToast);
+  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+  const [isAnnounced, setIsAnnounced] = React.useState(false);
+  useNextFrame(() => setRenderAnnounceText(true));
+  React.useEffect(() => {
+    const timer = setTimeout(() => setIsAnnounced(true), 1e3);
+    return () => clearTimeout(timer);
+  }, []);
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal, { asChild: true, 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.js.map

package/dist/esm/ToastAnnounce.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastAnnounce.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  Stack,\n  TamaguiElement,\n  Text,\n  styled,\n  useEvent,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Portal } from '@tamagui/portal'\nimport { VisuallyHidden } from '@tamagui/visually-hidden'\nimport * as React from 'react'\n\nimport { ScopedProps, useToastProviderContext } from './ToastProvider'\nimport { TOAST_NAME } from './constants'\n\nconst ToastAnnounceExcludeFrame = styled(Stack, {\n  name: 'ToastAnnounceExclude',\n})\ntype ToastAnnounceExcludeFrameProps = GetProps<typeof ToastAnnounceExcludeFrame>\ntype ToastAnnounceExcludeProps = ToastAnnounceExcludeFrameProps & {\n  altText?: string\n}\n\nconst ToastAnnounceExclude = React.forwardRef<TamaguiElement, ToastAnnounceExcludeProps>(\n  (props: ScopedProps<ToastAnnounceExcludeProps>, forwardedRef) => {\n    const { __scopeToast, altText, ...announceExcludeProps } = props\n\n    return (\n      <ToastAnnounceExcludeFrame\n        data-toast-announce-exclude=\"\"\n        data-toast-announce-alt={altText || undefined}\n        {...announceExcludeProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends Omit<GetProps<typeof VisuallyHidden>, 'children'>,\n    ScopedProps<{ children: string[] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (\n  props: ScopedProps<ToastAnnounceProps>\n) => {\n  const { __scopeToast, children, ...announceProps } = props\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast)\n  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false)\n  const [isAnnounced, setIsAnnounced] = React.useState(false)\n\n  // render text content in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderAnnounceText(true))\n\n  // cleanup after announcing\n  React.useEffect(() => {\n    const timer = setTimeout(() => setIsAnnounced(true), 1000)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return isAnnounced ? null : (\n    <Portal asChild>\n      <VisuallyHidden {...announceProps}>\n        {renderAnnounceText && (\n          <Text>\n            {context.label} {children}\n          </Text>\n        )}\n      </VisuallyHidden>\n    </Portal>\n  )\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useEvent(callback)\n  useIsomorphicLayoutEffect(() => {\n    let raf1 = 0\n    let raf2 = 0\n    raf1 = requestAnimationFrame(() => (raf2 = requestAnimationFrame(fn)))\n    return () => {\n      cancelAnimationFrame(raf1)\n      cancelAnimationFrame(raf2)\n    }\n  }, [fn])\n}\n\n\nexport {\n  ToastAnnounce,\n  ToastAnnounceProps,\n  ToastAnnounceExclude,\n  ToastAnnounceExcludeProps,\n}\n"],
-  "mappings": "AA6BM,cAAAA,EAqCI,QAAAC,MArCJ,oBA7BN,OAEE,SAAAC,EAEA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,6BAAAC,MACK,gBACP,OAAS,UAAAC,MAAc,kBACvB,OAAS,kBAAAC,MAAsB,2BAC/B,UAAYC,MAAW,QAEvB,OAAsB,2BAAAC,MAA+B,kBACrD,OAAS,cAAAC,MAAkB,cAE3B,MAAMC,EAA4BR,EAAOF,EAAO,CAC9C,KAAM,sBACR,CAAC,EAMKW,EAAuBJ,EAAM,WACjC,CAACK,EAA+CC,IAAiB,CAC/D,KAAM,CAAE,aAAAC,EAAc,QAAAC,EAAS,GAAGC,CAAqB,EAAIJ,EAE3D,OACEd,EAACY,EAAA,CACC,8BAA4B,GAC5B,0BAAyBK,GAAW,OACnC,GAAGC,EACJ,IAAKH,EACP,CAEJ,CACF,EAQMI,EACJL,GACG,CACH,KAAM,CAAE,aAAAE,EAAc,SAAAI,EAAU,GAAGC,CAAc,EAAIP,EAC/CQ,EAAUZ,EAAwBC,EAAYK,CAAY,EAC1D,CAACO,EAAoBC,CAAqB,EAAIf,EAAM,SAAS,EAAK,EAClE,CAACgB,EAAaC,CAAc,EAAIjB,EAAM,SAAS,EAAK,EAG1D,OAAAkB,EAAa,IAAMH,EAAsB,EAAI,CAAC,EAG9Cf,EAAM,UAAU,IAAM,CACpB,MAAMmB,EAAQ,WAAW,IAAMF,EAAe,EAAI,EAAG,GAAI,EACzD,MAAO,IAAM,aAAaE,CAAK,CACjC,EAAG,CAAC,CAAC,EAEEH,EAAc,KACnBzB,EAACO,EAAA,CAAO,QAAO,GACb,SAAAP,EAACQ,EAAA,CAAgB,GAAGa,EACjB,SAAAE,GACCtB,EAACE,EAAA,CACE,UAAAmB,EAAQ,MAAM,IAAEF,GACnB,EAEJ,EACF,CAEJ,EAIA,SAASO,EAAaE,EAAW,IAAM,CAAC,EAAG,CACzC,MAAMC,EAAKzB,EAASwB,CAAQ,EAC5BvB,EAA0B,IAAM,CAC9B,IAAIyB,EAAO,EACPC,EAAO,EACX,OAAAD,EAAO,sBAAsB,IAAOC,EAAO,sBAAsBF,CAAE,CAAE,EAC9D,IAAM,CACX,qBAAqBC,CAAI,EACzB,qBAAqBC,CAAI,CAC3B,CACF,EAAG,CAACF,CAAE,CAAC,CACT",
-  "names": ["jsx", "jsxs", "Stack", "Text", "styled", "useEvent", "useIsomorphicLayoutEffect", "Portal", "VisuallyHidden", "React", "useToastProviderContext", "TOAST_NAME", "ToastAnnounceExcludeFrame", "ToastAnnounceExclude", "props", "forwardedRef", "__scopeToast", "altText", "announceExcludeProps", "ToastAnnounce", "children", "announceProps", "context", "renderAnnounceText", "setRenderAnnounceText", "isAnnounced", "setIsAnnounced", "useNextFrame", "timer", "callback", "fn", "raf1", "raf2"]
+  "mappings": "AA6BM,cAqCI,YArCJ;AA7BN;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAsB,+BAA+B;AACrD,SAAS,kBAAkB;AAE3B,MAAM,4BAA4B,OAAO,OAAO;AAAA,EAC9C,MAAM;AACR,CAAC;AAMD,MAAM,uBAAuB,MAAM;AAAA,EACjC,CAAC,OAA+C,iBAAiB;AAC/D,UAAM,EAAE,cAAc,SAAS,GAAG,qBAAqB,IAAI;AAE3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,+BAA4B;AAAA,QAC5B,2BAAyB,WAAW;AAAA,QACnC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAQA,MAAM,gBAA8C,CAClD,UACG;AACH,QAAM,EAAE,cAAc,UAAU,GAAG,cAAc,IAAI;AACrD,QAAM,UAAU,wBAAwB,YAAY,YAAY;AAChE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAG1D,eAAa,MAAM,sBAAsB,IAAI,CAAC;AAG9C,QAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,WAAW,MAAM,eAAe,IAAI,GAAG,GAAI;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,SAAO,cAAc,OACnB,oBAAC,UAAO,SAAO,MACb,8BAAC,kBAAgB,GAAG,eACjB,gCACC,qBAAC,QACE;AAAA,YAAQ;AAAA,IAAM;AAAA,IAAE;AAAA,KACnB,GAEJ,GACF;AAEJ;AAIA,SAAS,aAAa,WAAW,MAAM;AAAC,GAAG;AACzC,QAAM,KAAK,SAAS,QAAQ;AAC5B,4BAA0B,MAAM;AAC9B,QAAI,OAAO;AACX,QAAI,OAAO;AACX,WAAO,sBAAsB,MAAO,OAAO,sBAAsB,EAAE,CAAE;AACrE,WAAO,MAAM;AACX,2BAAqB,IAAI;AACzB,2BAAqB,IAAI;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,EAAE,CAAC;AACT;",
+  "names": []
 }

package/dist/esm/ToastAnnounce.mjs

@@ -1,2 +1,64 @@
-import{jsx as a,jsxs as g}from"react/jsx-runtime";import{Stack as p,Text as m,styled as T,useEvent as A,useIsomorphicLayoutEffect as f}from"@tamagui/core";import{Portal as x}from"@tamagui/portal";import{VisuallyHidden as P}from"@tamagui/visually-hidden";import*as s from"react";import{useToastProviderContext as E}from"./ToastProvider";import{TOAST_NAME as F}from"./constants";const y=T(p,{name:"ToastAnnounceExclude"}),S=s.forwardRef((o,e)=>{const{__scopeToast:t,altText:n,...r}=o;return a(y,{"data-toast-announce-exclude":"","data-toast-announce-alt":n||void 0,...r,ref:e})}),h=o=>{const{__scopeToast:e,children:t,...n}=o,r=E(F,e),[c,u]=s.useState(!1),[l,d]=s.useState(!1);return _(()=>u(!0)),s.useEffect(()=>{const i=setTimeout(()=>d(!0),1e3);return()=>clearTimeout(i)},[]),l?null:a(x,{asChild:!0,children:a(P,{...n,children:c&&g(m,{children:[r.label," ",t]})})})};function _(o=()=>{}){const e=A(o);f(()=>{let t=0,n=0;return t=requestAnimationFrame(()=>n=requestAnimationFrame(e)),()=>{cancelAnimationFrame(t),cancelAnimationFrame(n)}},[e])}export{h as ToastAnnounce,S as ToastAnnounceExclude};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Stack,
+  Text,
+  styled,
+  useEvent,
+  useIsomorphicLayoutEffect
+} from "@tamagui/core";
+import { Portal } from "@tamagui/portal";
+import { VisuallyHidden } from "@tamagui/visually-hidden";
+import * as React from "react";
+import { useToastProviderContext } from "./ToastProvider";
+import { TOAST_NAME } from "./constants";
+const ToastAnnounceExcludeFrame = styled(Stack, {
+  name: "ToastAnnounceExclude"
+});
+const ToastAnnounceExclude = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeToast, 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 { __scopeToast, children, ...announceProps } = props;
+  const context = useToastProviderContext(TOAST_NAME, __scopeToast);
+  const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+  const [isAnnounced, setIsAnnounced] = React.useState(false);
+  useNextFrame(() => setRenderAnnounceText(true));
+  React.useEffect(() => {
+    const timer = setTimeout(() => setIsAnnounced(true), 1e3);
+    return () => clearTimeout(timer);
+  }, []);
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal, { asChild: true, 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