@tamagui/toast 1.12.2 → 1.13.1

package/dist/cjs/Toast.js

@@ -50,10 +50,10 @@ var import_ToastViewport = require("./ToastViewport");
 const TITLE_NAME = "ToastTitle";
 const ToastTitleFrame = (0, import_core.styled)(import_text.SizableText, {
   name: TITLE_NAME,
-  color: "$color",
   variants: {
     unstyled: {
       false: {
+        color: "$color",
         size: "$4"
       }
     }
@@ -72,10 +72,10 @@ ToastTitle.displayName = TITLE_NAME;
 const DESCRIPTION_NAME = "ToastDescription";
 const ToastDescriptionFrame = (0, import_core.styled)(import_text.SizableText, {
   name: DESCRIPTION_NAME,
-  color: "$color11",
   variants: {
     unstyled: {
       false: {
+        color: "$color11",
         size: "$1"
       }
     }

package/dist/cjs/Toast.js.map

@@ -1,7 +1,7 @@
 {
   "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 { ToastNativePlatform, ToastNativeValue, useToast } 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  color: '$color',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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  color: '$color11',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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}\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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",
+  "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 { ToastNativePlatform, ToastNativeValue, useToast } 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}\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": []
 }

package/dist/cjs/ToastImperative.js

@@ -29,56 +29,47 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ToastImperative_exports = {};
 __export(ToastImperative_exports, {
   ToastImperativeProvider: () => ToastImperativeProvider,
-  useToast: () => useToast
+  useToast: () => useToast,
+  useToastController: () => useToastController,
+  useToastState: () => useToastState
 });
 module.exports = __toCommonJS(ToastImperative_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
-var import_create_context = require("@tamagui/create-context");
 var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
 var import_createNativeToast = require("./createNativeToast");
-const [createImperativeToastContext, createImperativeToastScope] = (0, import_create_context.createContextScope)("ImperativeToast");
-const [ToastImperativeProviderProvider, useToastProviderContext] = createImperativeToastContext("ToastImperativeProvider");
+const ToastContext = (0, import_react.createContext)({});
+const ToastCurrentContext = (0, import_react.createContext)(null);
+const useToastController = () => {
+  return (0, import_react.useContext)(ToastContext);
+};
+const useToastState = () => {
+  return (0, import_react.useContext)(ToastCurrentContext);
+};
 const useToast = () => {
-  const context = useToastProviderContext("useToast", void 0);
   return {
-    /**
-     * The currently displaying toast
-     */
-    currentToast: context.currentToast,
-    /**
-     * Call it to show a new toast. If you're using native toasts, you can pass native options using \`burntOptions\` or \`notificationOptions\` depending on the native platform (mobile/web).
-     */
-    show: context.showToast,
-    /**
-     * Call it to hide the currently displayed toast.
-     * 
-     * _NOTE_: does not work on Android native toasts
-     * 
-     * _NOTE_: hides the last toast on web notification toasts
-     */
-    hide: context.hideToast
+    ...useToastController(),
+    currentToast: useToastState()
   };
 };
 const ToastImperativeProvider = ({
   children,
-  options,
-  __scopeToast
+  options
 }) => {
   const counterRef = (0, import_react.useRef)(0);
   const [toast, setToast] = import_react.default.useState(null);
   const [lastNativeToastRef, setLastNativeToastRef] = import_react.default.useState(null);
-  const showToast = import_react.default.useCallback(
-    (title, showToastOptions) => {
-      const native = (showToastOptions == null ? void 0 : showToastOptions.native) ?? options.native;
+  const show = import_react.default.useCallback(
+    (title, showOptions) => {
+      const native = (showOptions == null ? void 0 : showOptions.native) ?? options.native;
       const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
       const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
       const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
       const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
       const isHandledNatively = native === true || import_core.isWeb && isWebNative || !import_core.isWeb && isMobileNative || import_react_native.Platform.OS === "android" && isAndroidNative || import_react_native.Platform.OS === "ios" && isIosNative;
       if (isHandledNatively) {
-        const nativeToastResult = (0, import_createNativeToast.createNativeToast)(title, showToastOptions ?? {});
+        const nativeToastResult = (0, import_createNativeToast.createNativeToast)(title, showOptions ?? {});
         if (typeof nativeToastResult === "object" && nativeToastResult.nativeToastRef) {
           setLastNativeToastRef(nativeToastResult.nativeToastRef);
         }
@@ -87,33 +78,34 @@ const ToastImperativeProvider = ({
       setToast({
         title,
         id: counterRef.current.toString(),
-        ...showToastOptions,
+        ...showOptions,
         isHandledNatively
       });
       return true;
     },
     [setToast, options.native]
   );
-  const hideToast = import_react.default.useCallback(() => {
+  const hide = import_react.default.useCallback(() => {
     lastNativeToastRef == null ? void 0 : lastNativeToastRef.close();
     setToast(null);
   }, [setToast, lastNativeToastRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ToastImperativeProviderProvider,
-    {
-      scope: __scopeToast,
-      showToast,
-      hideToast,
-      currentToast: toast,
+  const contextValue = (0, import_react.useMemo)(() => {
+    return {
+      show,
+      hide,
       nativeToast: lastNativeToastRef,
-      options,
-      children
-    }
-  );
+      options
+    };
+  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+  const currentContextValue = (0, import_react.useMemo)(() => {
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastCurrentContext.Provider, { value: toast, children }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ToastImperativeProvider,
-  useToast
+  useToast,
+  useToastController,
+  useToastState
 });
 //# sourceMappingURL=ToastImperative.js.map

package/dist/cjs/ToastImperative.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastImperative.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport React, { useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, \"message\"> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowToastOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\ntype ScopedProps<P> = P & { __scopeToast?: Scope }\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ImperativeToastContextValue {\n  currentToast: ToastData | null\n  nativeToast: NativeToastRef | null\n  showToast: (title: string, options?: ShowToastOptions) => boolean\n  hideToast: () => void\n  options?: ToastImperativeOptions\n}\n\nconst [createImperativeToastContext, createImperativeToastScope] =\n  createContextScope('ImperativeToast')\n\nconst [ToastImperativeProviderProvider, useToastProviderContext] =\n  createImperativeToastContext<ImperativeToastContextValue>('ToastImperativeProvider')\n\nconst useToast = () => {\n  const context = useToastProviderContext('useToast', undefined)\n\n  return {\n    /**\n     * The currently displaying toast\n     */\n    currentToast: context.currentToast,\n    /**\n     * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n     */\n    show: context.showToast,\n    /**\n     * Call it to hide the currently displayed toast.\n     * \n     * _NOTE_: does not work on Android native toasts\n     * \n     * _NOTE_: hides the last toast on web notification toasts\n     */\n    hide: context.hideToast,\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\nconst ToastImperativeProvider = ({\n  children,\n  options,\n  __scopeToast,\n}: ScopedProps<ToastImperativeProviderProps>) => {\n  const counterRef = useRef(0)\n  const [toast, setToast] =\n    React.useState<ImperativeToastContextValue['currentToast']>(null)\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ImperativeToastContextValue['nativeToast']>(null)\n  const showToast = React.useCallback<ImperativeToastContextValue['showToast']>(\n    (title, showToastOptions) => {\n      const native = showToastOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showToastOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showToastOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hideToast = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  return (\n    <ToastImperativeProviderProvider\n      scope={__scopeToast}\n      showToast={showToast}\n      hideToast={hideToast}\n      currentToast={toast}\n      nativeToast={lastNativeToastRef}\n      options={options}\n    >\n      {children}\n    </ToastImperativeProviderProvider>\n  )\n}\n\nexport { ToastImperativeProvider, useToast }\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuII;AAvIJ,kBAAsB;AACtB,4BAA0C;AAC1C,mBAA8B;AAC9B,0BAAyB;AAEzB,+BAAkC;AAsClC,MAAM,CAAC,8BAA8B,0BAA0B,QAC7D,0CAAmB,iBAAiB;AAEtC,MAAM,CAAC,iCAAiC,uBAAuB,IAC7D,6BAA0D,yBAAyB;AAErF,MAAM,WAAW,MAAM;AACrB,QAAM,UAAU,wBAAwB,YAAY,MAAS;AAE7D,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,cAAc,QAAQ;AAAA;AAAA;AAAA;AAAA,IAItB,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQd,MAAM,QAAQ;AAAA,EAChB;AACF;AASA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAiD;AAC/C,QAAM,iBAAa,qBAAO,CAAC;AAC3B,QAAM,CAAC,OAAO,QAAQ,IACpB,aAAAA,QAAM,SAAsD,IAAI;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,aAAAA,QAAM,SAAqD,IAAI;AACjE,QAAM,YAAY,aAAAA,QAAM;AAAA,IACtB,CAAC,OAAO,qBAAqB;AAC3B,YAAM,UAAS,qDAAkB,WAAU,QAAQ;AACnD,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,qBAAS,eACT,CAAC,qBAAS,kBACV,6BAAS,OAAO,aAAa,mBAC7B,6BAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,wBAAoB,4CAAkB,OAAO,oBAAoB,CAAC,CAAC;AACzE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,YAAY,aAAAA,QAAM,YAAY,MAAM;AACxC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport React, { createContext, useContext, useMemo, useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, 'message'> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ToastContextI {\n  nativeToast: NativeToastRef | null\n\n  /**\n   * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n   */\n  show: (title: string, options?: ShowOptions) => boolean\n\n  /**\n   * Call it to hide the currently displayed toast.\n   *\n   * _NOTE_: does not work on Android native toasts\n   *\n   * _NOTE_: hides the last toast on web notification toasts\n   */\n  hide: () => void\n\n  options?: ToastImperativeOptions\n}\n\nconst ToastContext = createContext<ToastContextI>({} as any)\nconst ToastCurrentContext = createContext<ToastData | null>(null)\n\nexport const useToastController = () => {\n  return useContext(ToastContext)\n}\n\nexport const useToastState = () => {\n  return useContext(ToastCurrentContext)\n}\n\n/** @deprecated use `useToastController` and `useToastState` instead to avoid performance pitfalls */\nexport const useToast = () => {\n  return {\n    ...useToastController(),\n    currentToast: useToastState(),\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\n\nexport const ToastImperativeProvider = ({\n  children,\n  options,\n}: ToastImperativeProviderProps) => {\n  const counterRef = useRef(0)\n\n  const [toast, setToast] = React.useState<ToastData | null>(null)\n\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ToastContextI['nativeToast']>(null)\n\n  const show = React.useCallback<ToastContextI['show']>(\n    (title, showOptions) => {\n      const native = showOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hide = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  const contextValue = useMemo(() => {\n    return {\n      show,\n      hide,\n      nativeToast: lastNativeToastRef,\n      options,\n    }\n  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)])\n\n  const currentContextValue = useMemo(() => {}, [])\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      <ToastCurrentContext.Provider value={toast}>\n        {children}\n      </ToastCurrentContext.Provider>\n    </ToastContext.Provider>\n  )\n}\n\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqJM;AArJN,kBAAsB;AACtB,mBAAkE;AAClE,0BAAyB;AAEzB,+BAAkC;AAiDlC,MAAM,mBAAe,4BAA6B,CAAC,CAAQ;AAC3D,MAAM,0BAAsB,4BAAgC,IAAI;AAEzD,MAAM,qBAAqB,MAAM;AACtC,aAAO,yBAAW,YAAY;AAChC;AAEO,MAAM,gBAAgB,MAAM;AACjC,aAAO,yBAAW,mBAAmB;AACvC;AAGO,MAAM,WAAW,MAAM;AAC5B,SAAO;AAAA,IACL,GAAG,mBAAmB;AAAA,IACtB,cAAc,cAAc;AAAA,EAC9B;AACF;AAUO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,iBAAa,qBAAO,CAAC;AAE3B,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAA2B,IAAI;AAE/D,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,aAAAA,QAAM,SAAuC,IAAI;AAEnD,QAAM,OAAO,aAAAA,QAAM;AAAA,IACjB,CAAC,OAAO,gBAAgB;AACtB,YAAM,UAAS,2CAAa,WAAU,QAAQ;AAC9C,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,qBAAS,eACT,CAAC,qBAAS,kBACV,6BAAS,OAAO,aAAa,mBAC7B,6BAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,wBAAoB,4CAAkB,OAAO,eAAe,CAAC,CAAC;AACpE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,OAAO,aAAAA,QAAM,YAAY,MAAM;AACnC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,mBAAe,sBAAQ,MAAM;AACjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,oBAAoB,KAAK,UAAU,WAAW,IAAI,CAAC,CAAC;AAEpE,QAAM,0BAAsB,sBAAQ,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAEhD,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B,sDAAC,oBAAoB,UAApB,EAA6B,OAAO,OAClC,UACH,GACF;AAEJ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createNativeToast.native.tsx"],
-  "sourcesContent": ["import { BurntToastOptions, CreateNativeToastsFn, HideNativeToastsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsFn = (\n  title,\n  { message, duration, burntOptions }\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt: { toast: (options: BurntToastOptions) => any } = require('burnt')\n\n  Burnt.toast({\n    title,\n    message,\n    duration: duration ? duration * 1000 : undefined,\n    ...burntOptions,\n  })\n  return true\n}\n\nexport const hideNativeToast: HideNativeToastsFn = () => {\n  const Burnt: { dismissAllAlerts: () => any } = require('burnt')\n  Burnt.dismissAllAlerts()\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,UAAU,aAAa,MAC/B;AAEH,QAAM,QAAwD,QAAQ,OAAO;AAE7E,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,WAAW,WAAW,MAAO;AAAA,IACvC,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AACT;AAEO,MAAM,kBAAsC,MAAM;AACvD,QAAM,QAAyC,QAAQ,OAAO;AAC9D,QAAM,iBAAiB;AACzB;",
+  "sourcesContent": ["import { BurntToastOptions, CreateNativeToastsFn, HideNativeToastsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsFn = (\n  title,\n  { message, duration, burntOptions }\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt = require('burnt') as typeof import('burnt')\n\n  Burnt.toast({\n    title,\n    message,\n    duration: duration ? duration * 1000 : undefined,\n    ...burntOptions,\n  })\n  return true\n}\n\nexport const hideNativeToast: HideNativeToastsFn = () => {\n  const Burnt = require('burnt') as typeof import('burnt')\n  Burnt.dismissAllAlerts()\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAA0C,CACrD,OACA,EAAE,SAAS,UAAU,aAAa,MAC/B;AAEH,QAAM,QAAQ,QAAQ,OAAO;AAE7B,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,WAAW,WAAW,MAAO;AAAA,IACvC,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AACT;AAEO,MAAM,kBAAsC,MAAM;AACvD,QAAM,QAAQ,QAAQ,OAAO;AAC7B,QAAM,iBAAiB;AACzB;",
   "names": []
 }

package/dist/esm/Toast.js

@@ -27,10 +27,10 @@ import { ToastViewport } from "./ToastViewport";
 const TITLE_NAME = "ToastTitle";
 const ToastTitleFrame = styled(SizableText, {
   name: TITLE_NAME,
-  color: "$color",
   variants: {
     unstyled: {
       false: {
+        color: "$color",
         size: "$4"
       }
     }
@@ -49,10 +49,10 @@ ToastTitle.displayName = TITLE_NAME;
 const DESCRIPTION_NAME = "ToastDescription";
 const ToastDescriptionFrame = styled(SizableText, {
   name: DESCRIPTION_NAME,
-  color: "$color11",
   variants: {
     unstyled: {
       false: {
+        color: "$color11",
         size: "$1"
       }
     }

package/dist/esm/Toast.js.map

@@ -1,7 +1,7 @@
 {
   "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 { ToastNativePlatform, ToastNativeValue, useToast } 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  color: '$color',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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  color: '$color11',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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}\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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",
+  "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 { ToastNativePlatform, ToastNativeValue, useToast } 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}\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": []
 }

package/dist/esm/Toast.mjs

@@ -27,10 +27,10 @@ import { ToastViewport } from "./ToastViewport";
 const TITLE_NAME = "ToastTitle";
 const ToastTitleFrame = styled(SizableText, {
   name: TITLE_NAME,
-  color: "$color",
   variants: {
     unstyled: {
       false: {
+        color: "$color",
         size: "$4"
       }
     }
@@ -49,10 +49,10 @@ ToastTitle.displayName = TITLE_NAME;
 const DESCRIPTION_NAME = "ToastDescription";
 const ToastDescriptionFrame = styled(SizableText, {
   name: DESCRIPTION_NAME,
-  color: "$color11",
   variants: {
     unstyled: {
       false: {
+        color: "$color11",
         size: "$1"
       }
     }

package/dist/esm/Toast.mjs.map

@@ -1,7 +1,7 @@
 {
   "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 { ToastNativePlatform, ToastNativeValue, useToast } 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  color: '$color',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$4',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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  color: '$color11',\n  variants: {\n    unstyled: {\n      false: {\n        size: '$1',\n      },\n    },\n  },\n  defaultVariants: {\n    unstyled: false,\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}\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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",
+  "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 { ToastNativePlatform, ToastNativeValue, useToast } 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}\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": []
 }

package/dist/esm/ToastImperative.js

@@ -1,50 +1,39 @@
 import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import React, { useRef } from "react";
+import React, { createContext, useContext, useMemo, useRef } from "react";
 import { Platform } from "react-native";
 import { createNativeToast } from "./createNativeToast";
-const [createImperativeToastContext, createImperativeToastScope] = createContextScope("ImperativeToast");
-const [ToastImperativeProviderProvider, useToastProviderContext] = createImperativeToastContext("ToastImperativeProvider");
+const ToastContext = createContext({});
+const ToastCurrentContext = createContext(null);
+const useToastController = () => {
+  return useContext(ToastContext);
+};
+const useToastState = () => {
+  return useContext(ToastCurrentContext);
+};
 const useToast = () => {
-  const context = useToastProviderContext("useToast", void 0);
   return {
-    /**
-     * The currently displaying toast
-     */
-    currentToast: context.currentToast,
-    /**
-     * Call it to show a new toast. If you're using native toasts, you can pass native options using \`burntOptions\` or \`notificationOptions\` depending on the native platform (mobile/web).
-     */
-    show: context.showToast,
-    /**
-     * Call it to hide the currently displayed toast.
-     * 
-     * _NOTE_: does not work on Android native toasts
-     * 
-     * _NOTE_: hides the last toast on web notification toasts
-     */
-    hide: context.hideToast
+    ...useToastController(),
+    currentToast: useToastState()
   };
 };
 const ToastImperativeProvider = ({
   children,
-  options,
-  __scopeToast
+  options
 }) => {
   const counterRef = useRef(0);
   const [toast, setToast] = React.useState(null);
   const [lastNativeToastRef, setLastNativeToastRef] = React.useState(null);
-  const showToast = React.useCallback(
-    (title, showToastOptions) => {
-      const native = (showToastOptions == null ? void 0 : showToastOptions.native) ?? options.native;
+  const show = React.useCallback(
+    (title, showOptions) => {
+      const native = (showOptions == null ? void 0 : showOptions.native) ?? options.native;
       const isWebNative = Array.isArray(native) ? native.includes("web") : native === "web";
       const isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile";
       const isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android");
       const isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios");
       const isHandledNatively = native === true || isWeb && isWebNative || !isWeb && isMobileNative || Platform.OS === "android" && isAndroidNative || Platform.OS === "ios" && isIosNative;
       if (isHandledNatively) {
-        const nativeToastResult = createNativeToast(title, showToastOptions ?? {});
+        const nativeToastResult = createNativeToast(title, showOptions ?? {});
         if (typeof nativeToastResult === "object" && nativeToastResult.nativeToastRef) {
           setLastNativeToastRef(nativeToastResult.nativeToastRef);
         }
@@ -53,32 +42,33 @@ const ToastImperativeProvider = ({
       setToast({
         title,
         id: counterRef.current.toString(),
-        ...showToastOptions,
+        ...showOptions,
         isHandledNatively
       });
       return true;
     },
     [setToast, options.native]
   );
-  const hideToast = React.useCallback(() => {
+  const hide = React.useCallback(() => {
     lastNativeToastRef == null ? void 0 : lastNativeToastRef.close();
     setToast(null);
   }, [setToast, lastNativeToastRef]);
-  return /* @__PURE__ */ jsx(
-    ToastImperativeProviderProvider,
-    {
-      scope: __scopeToast,
-      showToast,
-      hideToast,
-      currentToast: toast,
+  const contextValue = useMemo(() => {
+    return {
+      show,
+      hide,
       nativeToast: lastNativeToastRef,
-      options,
-      children
-    }
-  );
+      options
+    };
+  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+  const currentContextValue = useMemo(() => {
+  }, []);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ToastCurrentContext.Provider, { value: toast, children }) });
 };
 export {
   ToastImperativeProvider,
-  useToast
+  useToast,
+  useToastController,
+  useToastState
 };
 //# sourceMappingURL=ToastImperative.js.map

package/dist/esm/ToastImperative.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastImperative.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport React, { useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, \"message\"> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowToastOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\ntype ScopedProps<P> = P & { __scopeToast?: Scope }\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ImperativeToastContextValue {\n  currentToast: ToastData | null\n  nativeToast: NativeToastRef | null\n  showToast: (title: string, options?: ShowToastOptions) => boolean\n  hideToast: () => void\n  options?: ToastImperativeOptions\n}\n\nconst [createImperativeToastContext, createImperativeToastScope] =\n  createContextScope('ImperativeToast')\n\nconst [ToastImperativeProviderProvider, useToastProviderContext] =\n  createImperativeToastContext<ImperativeToastContextValue>('ToastImperativeProvider')\n\nconst useToast = () => {\n  const context = useToastProviderContext('useToast', undefined)\n\n  return {\n    /**\n     * The currently displaying toast\n     */\n    currentToast: context.currentToast,\n    /**\n     * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n     */\n    show: context.showToast,\n    /**\n     * Call it to hide the currently displayed toast.\n     * \n     * _NOTE_: does not work on Android native toasts\n     * \n     * _NOTE_: hides the last toast on web notification toasts\n     */\n    hide: context.hideToast,\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\nconst ToastImperativeProvider = ({\n  children,\n  options,\n  __scopeToast,\n}: ScopedProps<ToastImperativeProviderProps>) => {\n  const counterRef = useRef(0)\n  const [toast, setToast] =\n    React.useState<ImperativeToastContextValue['currentToast']>(null)\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ImperativeToastContextValue['nativeToast']>(null)\n  const showToast = React.useCallback<ImperativeToastContextValue['showToast']>(\n    (title, showToastOptions) => {\n      const native = showToastOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showToastOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showToastOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hideToast = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  return (\n    <ToastImperativeProviderProvider\n      scope={__scopeToast}\n      showToast={showToast}\n      hideToast={hideToast}\n      currentToast={toast}\n      nativeToast={lastNativeToastRef}\n      options={options}\n    >\n      {children}\n    </ToastImperativeProviderProvider>\n  )\n}\n\nexport { ToastImperativeProvider, useToast }\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
-  "mappings": "AAuII;AAvIJ,SAAS,aAAa;AACtB,SAAgB,0BAA0B;AAC1C,OAAO,SAAS,cAAc;AAC9B,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAsClC,MAAM,CAAC,8BAA8B,0BAA0B,IAC7D,mBAAmB,iBAAiB;AAEtC,MAAM,CAAC,iCAAiC,uBAAuB,IAC7D,6BAA0D,yBAAyB;AAErF,MAAM,WAAW,MAAM;AACrB,QAAM,UAAU,wBAAwB,YAAY,MAAS;AAE7D,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,cAAc,QAAQ;AAAA;AAAA;AAAA;AAAA,IAItB,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQd,MAAM,QAAQ;AAAA,EAChB;AACF;AASA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAiD;AAC/C,QAAM,aAAa,OAAO,CAAC;AAC3B,QAAM,CAAC,OAAO,QAAQ,IACpB,MAAM,SAAsD,IAAI;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAqD,IAAI;AACjE,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,OAAO,qBAAqB;AAC3B,YAAM,UAAS,qDAAkB,WAAU,QAAQ;AACnD,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,SAAS,eACT,CAAC,SAAS,kBACV,SAAS,OAAO,aAAa,mBAC7B,SAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,oBAAoB,kBAAkB,OAAO,oBAAoB,CAAC,CAAC;AACzE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport React, { createContext, useContext, useMemo, useRef } from 'react'\nimport { Platform } from 'react-native'\n\nimport { createNativeToast } from './createNativeToast'\nimport {\n  CreateNativeToastOptions,\n  NativeToastRef,\n  ToastNativePlatform,\n  ToastNativeValue,\n} from './types'\n\ninterface ToastImperativeOptions extends Omit<CreateNativeToastOptions, 'message'> {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: ToastNativeValue\n}\ninterface ShowOptions extends CreateNativeToastOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `ToastImperativeProvider`\n   */\n  native?: ToastNativeValue\n}\n\ntype ToastData = { title: string; id: string } & CreateNativeToastOptions & {\n    isHandledNatively: boolean\n  }\n\ninterface ToastContextI {\n  nativeToast: NativeToastRef | null\n\n  /**\n   * Call it to show a new toast. If you're using native toasts, you can pass native options using \\`burntOptions\\` or \\`notificationOptions\\` depending on the native platform (mobile/web).\n   */\n  show: (title: string, options?: ShowOptions) => boolean\n\n  /**\n   * Call it to hide the currently displayed toast.\n   *\n   * _NOTE_: does not work on Android native toasts\n   *\n   * _NOTE_: hides the last toast on web notification toasts\n   */\n  hide: () => void\n\n  options?: ToastImperativeOptions\n}\n\nconst ToastContext = createContext<ToastContextI>({} as any)\nconst ToastCurrentContext = createContext<ToastData | null>(null)\n\nexport const useToastController = () => {\n  return useContext(ToastContext)\n}\n\nexport const useToastState = () => {\n  return useContext(ToastCurrentContext)\n}\n\n/** @deprecated use `useToastController` and `useToastState` instead to avoid performance pitfalls */\nexport const useToast = () => {\n  return {\n    ...useToastController(),\n    currentToast: useToastState(),\n  }\n}\n\ninterface ToastImperativeProviderProps {\n  children: React.ReactNode\n  /**\n   * Used to provide defaults to imperative API. Options can be overwritten when calling `show()`.\n   */\n  options: ToastImperativeOptions\n}\n\nexport const ToastImperativeProvider = ({\n  children,\n  options,\n}: ToastImperativeProviderProps) => {\n  const counterRef = useRef(0)\n\n  const [toast, setToast] = React.useState<ToastData | null>(null)\n\n  const [lastNativeToastRef, setLastNativeToastRef] =\n    React.useState<ToastContextI['nativeToast']>(null)\n\n  const show = React.useCallback<ToastContextI['show']>(\n    (title, showOptions) => {\n      const native = showOptions?.native ?? options.native\n      const isWebNative = Array.isArray(native)\n        ? native.includes('web')\n        : native === 'web'\n      const isMobileNative = Array.isArray(native)\n        ? native.includes('mobile')\n        : native === 'mobile'\n      const isAndroidNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('android') : native === 'android')\n      const isIosNative =\n        isMobileNative ||\n        (Array.isArray(native) ? native.includes('ios') : native === 'ios')\n\n      const isHandledNatively =\n        native === true ||\n        (isWeb && isWebNative) ||\n        (!isWeb && isMobileNative) ||\n        (Platform.OS === 'android' && isAndroidNative) ||\n        (Platform.OS === 'ios' && isIosNative)\n\n      if (isHandledNatively) {\n        const nativeToastResult = createNativeToast(title, showOptions ?? {})\n        if (typeof nativeToastResult === 'object' && nativeToastResult.nativeToastRef) {\n          setLastNativeToastRef(nativeToastResult.nativeToastRef)\n        }\n      }\n      counterRef.current++\n      setToast({\n        title,\n        id: counterRef.current.toString(),\n        ...showOptions,\n        isHandledNatively,\n      })\n      return true\n    },\n    [setToast, options.native]\n  )\n  const hide = React.useCallback(() => {\n    lastNativeToastRef?.close()\n    setToast(null)\n  }, [setToast, lastNativeToastRef])\n\n  const contextValue = useMemo(() => {\n    return {\n      show,\n      hide,\n      nativeToast: lastNativeToastRef,\n      options,\n    }\n  }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)])\n\n  const currentContextValue = useMemo(() => {}, [])\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      <ToastCurrentContext.Provider value={toast}>\n        {children}\n      </ToastCurrentContext.Provider>\n    </ToastContext.Provider>\n  )\n}\n\nexport type { ToastImperativeProviderProps, ToastNativePlatform, ToastNativeValue }\n"],
+  "mappings": "AAqJM;AArJN,SAAS,aAAa;AACtB,OAAO,SAAS,eAAe,YAAY,SAAS,cAAc;AAClE,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAiDlC,MAAM,eAAe,cAA6B,CAAC,CAAQ;AAC3D,MAAM,sBAAsB,cAAgC,IAAI;AAEzD,MAAM,qBAAqB,MAAM;AACtC,SAAO,WAAW,YAAY;AAChC;AAEO,MAAM,gBAAgB,MAAM;AACjC,SAAO,WAAW,mBAAmB;AACvC;AAGO,MAAM,WAAW,MAAM;AAC5B,SAAO;AAAA,IACL,GAAG,mBAAmB;AAAA,IACtB,cAAc,cAAc;AAAA,EAC9B;AACF;AAUO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,aAAa,OAAO,CAAC;AAE3B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA2B,IAAI;AAE/D,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAuC,IAAI;AAEnD,QAAM,OAAO,MAAM;AAAA,IACjB,CAAC,OAAO,gBAAgB;AACtB,YAAM,UAAS,2CAAa,WAAU,QAAQ;AAC9C,YAAM,cAAc,MAAM,QAAQ,MAAM,IACpC,OAAO,SAAS,KAAK,IACrB,WAAW;AACf,YAAM,iBAAiB,MAAM,QAAQ,MAAM,IACvC,OAAO,SAAS,QAAQ,IACxB,WAAW;AACf,YAAM,kBACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,WAAW;AACnE,YAAM,cACJ,mBACC,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,KAAK,IAAI,WAAW;AAE/D,YAAM,oBACJ,WAAW,QACV,SAAS,eACT,CAAC,SAAS,kBACV,SAAS,OAAO,aAAa,mBAC7B,SAAS,OAAO,SAAS;AAE5B,UAAI,mBAAmB;AACrB,cAAM,oBAAoB,kBAAkB,OAAO,eAAe,CAAC,CAAC;AACpE,YAAI,OAAO,sBAAsB,YAAY,kBAAkB,gBAAgB;AAC7E,gCAAsB,kBAAkB,cAAc;AAAA,QACxD;AAAA,MACF;AACA,iBAAW;AACX,eAAS;AAAA,QACP;AAAA,QACA,IAAI,WAAW,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AACA,QAAM,OAAO,MAAM,YAAY,MAAM;AACnC,6DAAoB;AACpB,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,oBAAoB,KAAK,UAAU,WAAW,IAAI,CAAC,CAAC;AAEpE,QAAM,sBAAsB,QAAQ,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAEhD,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OAClC,UACH,GACF;AAEJ;",
   "names": []
 }