@hanzogui/toast 8.0.1 → 8.1.1

package/src/ToastImpl.tsx

@@ -161,254 +161,251 @@ type ToastImplProps = ScopedProps<
   ToastImplPrivateProps & ToastImplFrameProps & ToastExtraProps
 >
 
-const ToastImpl = React.forwardRef<GuiElement, ToastImplProps>(
-  (props, forwardedRef) => {
-    const {
-      scope,
-      type = 'foreground',
-      duration: durationProp,
-      open,
-      onClose,
-      onEscapeKeyDown,
-      onPause,
-      onResume,
-      onSwipeStart,
-      onSwipeMove,
-      onSwipeCancel,
-      onSwipeEnd,
-      viewportName = 'default',
-      ...toastProps
-    } = props
-    const isPresent = useIsPresent()
-    const context = useToastProviderContext(scope)
-    const [node, setNode] = React.useState<GuiElement | null>(null)
-    const composedRefs = useComposedRefs(forwardedRef, setNode)
-    const duration = durationProp || context.duration
-    const closeTimerStartTimeRef = React.useRef(0)
-    const closeTimerRemainingTimeRef = React.useRef(duration)
-    const closeTimerRef = React.useRef(0)
-    const { onToastAdd, onToastRemove } = context
-
-    const viewport = React.useMemo(() => {
-      return context.viewports[viewportName] as HTMLElement | null | undefined
-    }, [context.viewports, viewportName])
-
-    const handleClose = useEvent(() => {
-      if (!isPresent) {
-        // already removed from the react tree
-        return
-      }
-      // focus viewport if focus is within toast to read the remaining toast
-      // count to SR users and ensure focus isn't lost
-      if (isWeb) {
-        const isFocusInToast = (node as unknown as HTMLDivElement)?.contains(
-          document.activeElement
-        )
-        if (isFocusInToast) viewport?.focus()
-      }
-      onClose()
-    })
+const ToastImpl = React.forwardRef<GuiElement, ToastImplProps>((props, forwardedRef) => {
+  const {
+    scope,
+    type = 'foreground',
+    duration: durationProp,
+    open,
+    onClose,
+    onEscapeKeyDown,
+    onPause,
+    onResume,
+    onSwipeStart,
+    onSwipeMove,
+    onSwipeCancel,
+    onSwipeEnd,
+    viewportName = 'default',
+    ...toastProps
+  } = props
+  const isPresent = useIsPresent()
+  const context = useToastProviderContext(scope)
+  const [node, setNode] = React.useState<GuiElement | null>(null)
+  const composedRefs = useComposedRefs(forwardedRef, setNode)
+  const duration = durationProp || context.duration
+  const closeTimerStartTimeRef = React.useRef(0)
+  const closeTimerRemainingTimeRef = React.useRef(duration)
+  const closeTimerRef = React.useRef(0)
+  const { onToastAdd, onToastRemove } = context
+
+  const viewport = React.useMemo(() => {
+    return context.viewports[viewportName] as HTMLElement | null | undefined
+  }, [context.viewports, viewportName])
+
+  const handleClose = useEvent(() => {
+    if (!isPresent) {
+      // already removed from the react tree
+      return
+    }
+    // focus viewport if focus is within toast to read the remaining toast
+    // count to SR users and ensure focus isn't lost
+    if (isWeb) {
+      const isFocusInToast = (node as unknown as HTMLDivElement)?.contains(
+        document.activeElement
+      )
+      if (isFocusInToast) viewport?.focus()
+    }
+    onClose()
+  })
 
-    const startTimer = React.useCallback(
-      (duration: number) => {
-        if (!duration || duration === Number.POSITIVE_INFINITY) return
-        clearTimeout(closeTimerRef.current)
-        closeTimerStartTimeRef.current = new Date().getTime()
-        closeTimerRef.current = setTimeout(handleClose, duration) as unknown as number
-      },
-      [handleClose]
-    )
-
-    const handleResume = React.useCallback(() => {
-      startTimer(closeTimerRemainingTimeRef.current)
-      onResume?.()
-    }, [onResume, startTimer])
-
-    const handlePause = React.useCallback(() => {
-      const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current
-      closeTimerRemainingTimeRef.current =
-        closeTimerRemainingTimeRef.current - elapsedTime
-      window.clearTimeout(closeTimerRef.current)
-      onPause?.()
-    }, [onPause])
-
-    React.useEffect(() => {
-      if (!isWeb) return
-
-      if (viewport) {
-        viewport.addEventListener(VIEWPORT_PAUSE, handlePause)
-        viewport.addEventListener(VIEWPORT_RESUME, handleResume)
-        return () => {
-          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause)
-          viewport.removeEventListener(VIEWPORT_RESUME, handleResume)
-        }
-      }
-    }, [viewport, duration, onPause, onResume, startTimer])
-
-    // start timer when toast opens or duration changes.
-    // we include `open` in deps because closed !== unmounted when animating
-    // so it could reopen before being completely unmounted
-    React.useEffect(() => {
-      if (open && !context.isClosePausedRef.current) {
-        startTimer(duration)
+  const startTimer = React.useCallback(
+    (duration: number) => {
+      if (!duration || duration === Number.POSITIVE_INFINITY) return
+      clearTimeout(closeTimerRef.current)
+      closeTimerStartTimeRef.current = new Date().getTime()
+      closeTimerRef.current = setTimeout(handleClose, duration) as unknown as number
+    },
+    [handleClose]
+  )
+
+  const handleResume = React.useCallback(() => {
+    startTimer(closeTimerRemainingTimeRef.current)
+    onResume?.()
+  }, [onResume, startTimer])
+
+  const handlePause = React.useCallback(() => {
+    const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current
+    closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime
+    window.clearTimeout(closeTimerRef.current)
+    onPause?.()
+  }, [onPause])
+
+  React.useEffect(() => {
+    if (!isWeb) return
+
+    if (viewport) {
+      viewport.addEventListener(VIEWPORT_PAUSE, handlePause)
+      viewport.addEventListener(VIEWPORT_RESUME, handleResume)
+      return () => {
+        viewport.removeEventListener(VIEWPORT_PAUSE, handlePause)
+        viewport.removeEventListener(VIEWPORT_RESUME, handleResume)
       }
-    }, [open, duration, context.isClosePausedRef, startTimer])
+    }
+  }, [viewport, duration, onPause, onResume, startTimer])
+
+  // start timer when toast opens or duration changes.
+  // we include `open` in deps because closed !== unmounted when animating
+  // so it could reopen before being completely unmounted
+  React.useEffect(() => {
+    if (open && !context.isClosePausedRef.current) {
+      startTimer(duration)
+    }
+  }, [open, duration, context.isClosePausedRef, startTimer])
 
-    React.useEffect(() => {
-      onToastAdd()
-      return () => onToastRemove()
-    }, [onToastAdd, onToastRemove])
+  React.useEffect(() => {
+    onToastAdd()
+    return () => onToastRemove()
+  }, [onToastAdd, onToastRemove])
 
-    const announceTextContent = React.useMemo(() => {
-      if (!isWeb) return null
-      return node ? getAnnounceTextContent(node as unknown as HTMLDivElement) : null
-    }, [node])
+  const announceTextContent = React.useMemo(() => {
+    if (!isWeb) return null
+    return node ? getAnnounceTextContent(node as unknown as HTMLDivElement) : null
+  }, [node])
 
-    const isHorizontalSwipe = ['left', 'right', 'horizontal'].includes(
-      context.swipeDirection
-    )
+  const isHorizontalSwipe = ['left', 'right', 'horizontal'].includes(
+    context.swipeDirection
+  )
 
-    const { animationDriver } = useConfiguration()
-    if (!animationDriver) {
-      throw new Error('Must set animations in hanzogui.config.ts')
-    }
+  const { animationDriver } = useConfiguration()
+  if (!animationDriver) {
+    throw new Error('Must set animations in hanzogui.config.ts')
+  }
 
-    const { useAnimatedNumber, useAnimatedNumberStyle } = animationDriver
+  const { useAnimatedNumber, useAnimatedNumberStyle } = animationDriver
 
-    const animatedNumber = useAnimatedNumber(0)
+  const animatedNumber = useAnimatedNumber(0)
 
-    // temp until reanimated useAnimatedNumber fix
-    const AnimatedView = (animationDriver['NumberView'] ??
-      animationDriver.View ??
-      View) as typeof Animated.View
+  // temp until reanimated useAnimatedNumber fix
+  const AnimatedView = (animationDriver['NumberView'] ??
+    animationDriver.View ??
+    View) as typeof Animated.View
 
-    const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
-      'worklet'
-      return {
-        transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }],
-      }
-    })
+  const animatedStyles = useAnimatedNumberStyle(animatedNumber, (val) => {
+    'worklet'
+    return {
+      transform: [isHorizontalSwipe ? { translateX: val } : { translateY: val }],
+    }
+  })
 
-    const panResponder = React.useMemo(() => {
-      const PanResponder = getPanResponder()
-      if (!PanResponder) return null
-      return PanResponder.create({
-        onMoveShouldSetPanResponder: (e, gesture) => {
-          const shouldMove = shouldGrantGestureMove(context.swipeDirection, gesture)
-          if (shouldMove) {
-            onSwipeStart?.(e)
-            return true
-          }
-          return false
-        },
-        onPanResponderGrant: (e) => {
+  const panResponder = React.useMemo(() => {
+    const PanResponder = getPanResponder()
+    if (!PanResponder) return null
+    return PanResponder.create({
+      onMoveShouldSetPanResponder: (e, gesture) => {
+        const shouldMove = shouldGrantGestureMove(context.swipeDirection, gesture)
+        if (shouldMove) {
+          onSwipeStart?.(e)
+          return true
+        }
+        return false
+      },
+      onPanResponderGrant: (e) => {
+        if (!isWeb) {
+          handlePause?.()
+        }
+      },
+      onPanResponderMove: (e, gesture) => {
+        const { x, y } = getGestureDistance(context.swipeDirection, gesture)
+        const delta = { x, y }
+        animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: 'direct' })
+        if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {
+          onSwipeEnd?.(e)
+        }
+        onSwipeMove?.(e)
+      },
+      onPanResponderEnd: (e, { dx, dy }) => {
+        if (
+          !isDeltaInDirection(
+            { x: dx, y: dy },
+            context.swipeDirection,
+            context.swipeThreshold
+          )
+        ) {
           if (!isWeb) {
-            handlePause?.()
-          }
-        },
-        onPanResponderMove: (e, gesture) => {
-          const { x, y } = getGestureDistance(context.swipeDirection, gesture)
-          const delta = { x, y }
-          animatedNumber.setValue(isHorizontalSwipe ? x : y, { type: 'direct' })
-          if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {
-            onSwipeEnd?.(e)
+            handleResume?.()
           }
-          onSwipeMove?.(e)
-        },
-        onPanResponderEnd: (e, { dx, dy }) => {
-          if (
-            !isDeltaInDirection(
-              { x: dx, y: dy },
-              context.swipeDirection,
-              context.swipeThreshold
-            )
-          ) {
-            if (!isWeb) {
-              handleResume?.()
-            }
-            onSwipeCancel?.(e)
-            animatedNumber.setValue(0, { type: 'spring' })
-          }
-        },
-      })
-    }, [handlePause, handleResume])
-
-    // need to get the theme name from context and apply it again since portals don't retain the theme
-    const themeName = useThemeName()
-
-    return (
-      <>
-        {announceTextContent && (
-          <ToastAnnounce
-            scope={scope}
-            // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.
-            // biome-ignore lint/a11y/useSemanticElements: <explanation>
-            role="status"
-            aria-live={type === 'foreground' ? 'assertive' : 'polite'}
-            aria-atomic
-          >
-            {announceTextContent}
-          </ToastAnnounce>
-        )}
-
-        <PortalItem hostName={viewportName ?? 'default'}>
-          <ToastInteractiveProvider
-            key={props.id}
-            scope={scope}
-            onClose={() => {
-              handleClose()
-            }}
+          onSwipeCancel?.(e)
+          animatedNumber.setValue(0, { type: 'spring' })
+        }
+      },
+    })
+  }, [handlePause, handleResume])
+
+  // need to get the theme name from context and apply it again since portals don't retain the theme
+  const themeName = useThemeName()
+
+  return (
+    <>
+      {announceTextContent && (
+        <ToastAnnounce
+          scope={scope}
+          // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.
+          // biome-ignore lint/a11y/useSemanticElements: <explanation>
+          role="status"
+          aria-live={type === 'foreground' ? 'assertive' : 'polite'}
+          aria-atomic
+        >
+          {announceTextContent}
+        </ToastAnnounce>
+      )}
+
+      <PortalItem hostName={viewportName ?? 'default'}>
+        <ToastInteractiveProvider
+          key={props.id}
+          scope={scope}
+          onClose={() => {
+            handleClose()
+          }}
+        >
+          <Dismissable
+            // asChild
+            onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {
+              if (!context.isFocusedToastEscapeKeyDownRef.current) {
+                handleClose()
+              }
+              context.isFocusedToastEscapeKeyDownRef.current = false
+            })}
           >
-            <Dismissable
-              // asChild
-              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {
-                if (!context.isFocusedToastEscapeKeyDownRef.current) {
-                  handleClose()
-                }
-                context.isFocusedToastEscapeKeyDownRef.current = false
-              })}
-            >
-              <Theme contain forceClassName name={themeName}>
-                <AnimatedView
-                  {...panResponder?.panHandlers}
-                  style={[{ margin: 'auto' }, animatedStyles]}
-                >
-                  <Collection.ItemSlot scope={context.toastScope}>
-                    <ToastImplFrame
-                      // Ensure toasts are announced as status list or status when focused
-                      role="status"
-                      aria-live="off"
-                      aria-atomic
-                      data-state={open ? 'open' : 'closed'}
-                      data-swipe-direction={context.swipeDirection}
-                      pointerEvents="auto"
-                      $platform-web={{
-                        touchAction: 'none',
-                        userSelect: 'none',
-                      }}
-                      {...toastProps}
-                      ref={composedRefs}
-                      {...(isWeb && {
-                        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-                          if (event.key !== 'Escape') return
-                          onEscapeKeyDown?.(event)
-                          if (!event.defaultPrevented) {
-                            context.isFocusedToastEscapeKeyDownRef.current = true
-                            handleClose()
-                          }
-                        }),
-                      })}
-                    />
-                  </Collection.ItemSlot>
-                </AnimatedView>
-              </Theme>
-            </Dismissable>
-          </ToastInteractiveProvider>
-        </PortalItem>
-      </>
-    )
-  }
-)
+            <Theme contain forceClassName name={themeName}>
+              <AnimatedView
+                {...panResponder?.panHandlers}
+                style={[{ margin: 'auto' }, animatedStyles]}
+              >
+                <Collection.ItemSlot scope={context.toastScope}>
+                  <ToastImplFrame
+                    // Ensure toasts are announced as status list or status when focused
+                    role="status"
+                    aria-live="off"
+                    aria-atomic
+                    data-state={open ? 'open' : 'closed'}
+                    data-swipe-direction={context.swipeDirection}
+                    pointerEvents="auto"
+                    $platform-web={{
+                      touchAction: 'none',
+                      userSelect: 'none',
+                    }}
+                    {...toastProps}
+                    ref={composedRefs}
+                    {...(isWeb && {
+                      onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+                        if (event.key !== 'Escape') return
+                        onEscapeKeyDown?.(event)
+                        if (!event.defaultPrevented) {
+                          context.isFocusedToastEscapeKeyDownRef.current = true
+                          handleClose()
+                        }
+                      }),
+                    })}
+                  />
+                </Collection.ItemSlot>
+              </AnimatedView>
+            </Theme>
+          </Dismissable>
+        </ToastInteractiveProvider>
+      </PortalItem>
+    </>
+  )
+})
 
 ToastImpl.propTypes = {
   type(props) {

package/types/Toast.d.ts

@@ -7,15 +7,15 @@ import type { ScopedProps, ToastProviderProps } from './ToastProvider';
 import { ToastProvider } from './ToastProvider';
 import type { ToastViewportProps } from './ToastViewport';
 import { ToastViewport } from './ToastViewport';
-declare const ToastTitle: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
+declare const ToastTitle: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: import("@hanzogui/core").FontSizeTokens | undefined;
-}, import("@hanzogui/core").StaticConfigPublic>;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
 type ToastTitleProps = GetProps<typeof ToastTitle>;
-declare const ToastDescription: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
+declare const ToastDescription: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: import("@hanzogui/core").FontSizeTokens | undefined;
-}, import("@hanzogui/core").StaticConfigPublic>;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
 type ToastDescriptionProps = GetProps<typeof ToastDescription>;
 type ToastActionProps = ScopedProps<ToastCloseProps & {
     /**
@@ -26,54 +26,54 @@ type ToastActionProps = ScopedProps<ToastCloseProps & {
      */
     altText: string;
 }>;
-declare const ToastCloseFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
-    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+declare const ToastCloseFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@hanzogui/core").StaticConfigPublic>;
+}, import("@hanzogui/web").StaticConfigPublic>;
 type ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>;
 type ToastCloseProps = ScopedProps<ToastCloseFrameProps & {}>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+declare const Toast: React.ForwardRefExoticComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof ToastExtraProps> & ToastExtraProps & React.RefAttributes<GuiElement>> & import("@hanzogui/core").StaticComponentObject<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+}>, keyof ToastExtraProps> & ToastExtraProps & React.RefAttributes<GuiElement>> & import("@hanzogui/web").StaticComponentObject<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@hanzogui/core").StackStyleBase, {
+}>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@hanzogui/core").StaticConfigPublic> & Omit<import("@hanzogui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
-    __tama: [Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+}, import("@hanzogui/web").StaticConfigPublic> & Omit<import("@hanzogui/web").StaticConfigPublic, "staticConfig" | "styleable"> & {
+    __tama: [Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
         unstyled?: boolean | undefined;
-        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+        elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@hanzogui/core").StackStyleBase, {
+    }>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@hanzogui/web").StackStyleBase, {
         unstyled?: boolean | undefined;
-        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+        elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }, import("@hanzogui/core").StaticConfigPublic];
+    }, import("@hanzogui/web").StaticConfigPublic];
 } & {
-    Title: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
+    Title: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
         unstyled?: boolean | undefined;
-        size?: import("@hanzogui/core").FontSizeTokens | undefined;
-    }, import("@hanzogui/core").StaticConfigPublic>;
-    Description: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
+        size?: import("@hanzogui/web").FontSizeTokens | undefined;
+    }, import("@hanzogui/web").StaticConfigPublic>;
+    Description: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
         unstyled?: boolean | undefined;
-        size?: import("@hanzogui/core").FontSizeTokens | undefined;
-    }, import("@hanzogui/core").StaticConfigPublic>;
+        size?: import("@hanzogui/web").FontSizeTokens | undefined;
+    }, import("@hanzogui/web").StaticConfigPublic>;
     Action: React.ForwardRefExoticComponent<Omit<ToastActionProps, "scope"> & {
         scope?: import("./ToastProvider").ToastScopes;
     } & React.RefAttributes<GuiElement>>;
-    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/core").RNGuiViewNonStyleProps, "elevation" | keyof import("@hanzogui/core").StackStyleBase | "fullscreen"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
-        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/core").RNGuiViewNonStyleProps, "elevation" | keyof import("@hanzogui/web").StackStyleBase | "fullscreen"> & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & {
+        elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
-        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & {
+        elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {
-        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {
+        elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
     }>>, "scope"> & {
         scope?: import("./ToastProvider").ToastScopes;

package/types/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAMvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQ/C,QAAA,MAAM,UAAU;;;+CAed,CAAA;AAEF,KAAK,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAQlD,QAAA,MAAM,gBAAgB;;;+CAepB,CAAA;AAEF,KAAK,qBAAqB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAQ9D,KAAK,gBAAgB,GAAG,WAAW,CACjC,eAAe,GAAG;IAChB;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AA6BD,QAAA,MAAM,eAAe;;;+CAGnB,CAAA;AAEF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAC5D,KAAK,eAAe,GAAG,WAAW,CAAC,oBAAoB,GAAG,EAAE,CAAC,CAAA;AAmE7D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAA;AAIF,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EAGb,QAAQ,EACR,kBAAkB,EAClB,aAAa,GACd,CAAA;AACD,YAAY,EAEV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,cAAc,IAAI,mBAAmB,EAErC,WAAW,IAAI,gBAAgB,EAC/B,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAMvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQ/C,QAAA,MAAM,UAAU;;;8CAed,CAAA;AAEF,KAAK,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAQlD,QAAA,MAAM,gBAAgB;;;8CAepB,CAAA;AAEF,KAAK,qBAAqB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAQ9D,KAAK,gBAAgB,GAAG,WAAW,CACjC,eAAe,GAAG;IAChB;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AA6BD,QAAA,MAAM,eAAe;;;8CAGnB,CAAA;AAEF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAC5D,KAAK,eAAe,GAAG,WAAW,CAAC,oBAAoB,GAAG,EAAE,CAAC,CAAA;AAmE7D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAA;AAIF,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EAGb,QAAQ,EACR,kBAAkB,EAClB,aAAa,GACd,CAAA;AACD,YAAY,EAEV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,cAAc,IAAI,mBAAmB,EAErC,WAAW,IAAI,gBAAgB,EAC/B,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/types/ToastAnnounce.d.ts

@@ -2,13 +2,13 @@ import type { GetProps, GuiElement } from '@hanzogui/core';
 import { VisuallyHidden } from '@hanzogui/visually-hidden';
 import * as React from 'react';
 import type { ScopedProps } from './ToastProvider';
-declare const ToastAnnounceExcludeFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {}, import("@hanzogui/core").StaticConfigPublic>;
+declare const ToastAnnounceExcludeFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
 type ToastAnnounceExcludeFrameProps = GetProps<typeof ToastAnnounceExcludeFrame>;
 type ToastAnnounceExcludeExtraProps = {
     altText?: string;
 };
 type ToastAnnounceExcludeProps = ToastAnnounceExcludeFrameProps & ToastAnnounceExcludeExtraProps;
-declare const ToastAnnounceExclude: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNGuiViewNonStyleProps, keyof import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & ToastAnnounceExcludeExtraProps & React.RefAttributes<GuiElement>>;
+declare const ToastAnnounceExclude: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNGuiViewNonStyleProps, keyof import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {}>> & ToastAnnounceExcludeExtraProps & React.RefAttributes<GuiElement>>;
 interface ToastAnnounceProps extends Omit<GetProps<typeof VisuallyHidden>, 'children'>, ScopedProps<{
     children: string[];
 }> {