@hanzogui/toast 3.0.2 → 7.0.0

package/src/useToastAnimations.ts

@@ -0,0 +1,377 @@
+/**
+ * Hook for cross-animation-driver toast drag animations.
+ *
+ * Animation strategy (all cross-driver):
+ * - AnimatePresence => enter/exit styles
+ * - transition prop => non-interactive styles (stacking, scale, opacity)
+ * - useAnimatedNumber/Style => interactive styles (drag gestures only)
+ *
+ * This hook handles ONLY the drag gesture animations.
+ * Uses the same pattern as Sheet for universal animation support.
+ *
+ * NOTE: For CSS driver, we use a ref-based approach with direct DOM manipulation
+ * because CSS driver's useAnimatedNumberStyle doesn't reactively update.
+ * For Motion/Reanimated drivers, we use the AnimatedView + motionValue pattern.
+ */
+
+import { isWeb } from '@hanzogui/constants'
+import { useConfiguration, useEvent, View as HanzoguiView } from '@hanzogui/core'
+import * as React from 'react'
+import type { Animated } from 'react-native'
+
+export interface UseToastAnimationsOptions {
+  /**
+   * Called when exit animation completes
+   */
+  onExitComplete?: () => void
+  /**
+   * When true, animations complete instantly (accessibility)
+   */
+  reducedMotion?: boolean
+  /**
+   * Primary swipe axis — determines which animated value is tracked for style updates.
+   * 'horizontal' tracks translateX, 'vertical' tracks translateY.
+   */
+  swipeAxis?: 'horizontal' | 'vertical'
+}
+
+export interface ToastAnimationValues {
+  /** set drag offset directly (no animation, for gesture moves) */
+  setDragOffset: (x: number, y: number) => void
+  /** spring back to origin after cancelled drag */
+  springBack: (onComplete?: () => void) => void
+  /** animate out in a direction after successful swipe, with optional velocity for smooth continuation */
+  animateOut: (
+    direction: 'left' | 'right' | 'up' | 'down',
+    velocity?: number,
+    onComplete?: () => void
+  ) => void
+  /** stop any running animations */
+  stop: () => void
+  /** the animated style to spread on the AnimatedView (for motion/reanimated drivers) */
+  animatedStyle: any
+  /** the animated view component from the driver */
+  AnimatedView: typeof Animated.View
+  /** ref to attach to the drag wrapper element (for CSS driver direct DOM updates) */
+  dragRef: React.RefObject<HTMLDivElement | null>
+}
+
+// tuned for snappy, premium feel like Sonner
+const SPRING_CONFIG = {
+  type: 'spring' as const,
+  damping: 30,
+  stiffness: 400,
+  mass: 0.5,
+}
+
+const EXIT_DISTANCE = 200
+
+// simple spring animation for CSS driver
+function animateSpring(
+  element: HTMLElement,
+  fromX: number,
+  fromY: number,
+  toX: number,
+  toY: number,
+  config: {
+    damping?: number
+    stiffness?: number
+    mass?: number
+    initialVelocityX?: number
+    initialVelocityY?: number
+    fadeOut?: boolean
+  },
+  onComplete?: () => void
+) {
+  const {
+    damping = 30,
+    stiffness = 400,
+    mass = 0.5,
+    initialVelocityX = 0,
+    initialVelocityY = 0,
+    fadeOut = false,
+  } = config
+
+  let x = fromX
+  let y = fromY
+  // use initial velocity from gesture for smooth continuation
+  let velocityX = initialVelocityX
+  let velocityY = initialVelocityY
+  let animationId: number | null = null
+  const targetX = toX
+  const targetY = toY
+
+  // for fade out, track progress based on distance traveled
+  const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1
+
+  function step() {
+    // spring physics
+    const forceX = -stiffness * (x - targetX)
+    const forceY = -stiffness * (y - targetY)
+    const dampingForceX = -damping * velocityX
+    const dampingForceY = -damping * velocityY
+
+    const accelerationX = (forceX + dampingForceX) / mass
+    const accelerationY = (forceY + dampingForceY) / mass
+
+    velocityX += accelerationX * 0.016 // ~60fps
+    velocityY += accelerationY * 0.016
+    x += velocityX * 0.016
+    y += velocityY * 0.016
+
+    element.style.transform = `translate3d(${x}px, ${y}px, 0)`
+
+    // animate opacity based on progress toward target
+    if (fadeOut) {
+      const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2)
+      const progress = Math.min(distanceTraveled / totalDistance, 1)
+      element.style.opacity = String(1 - progress)
+    }
+
+    // check if close enough to target and velocity is low
+    const distanceX = Math.abs(x - targetX)
+    const distanceY = Math.abs(y - targetY)
+    const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY)
+
+    if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
+      element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`
+      if (fadeOut) {
+        element.style.opacity = '0'
+      }
+      onComplete?.()
+      return
+    }
+
+    animationId = requestAnimationFrame(step)
+  }
+
+  animationId = requestAnimationFrame(step)
+
+  return () => {
+    if (animationId) {
+      cancelAnimationFrame(animationId)
+    }
+  }
+}
+
+export function useToastAnimations(
+  options: UseToastAnimationsOptions = {}
+): ToastAnimationValues {
+  const { onExitComplete, reducedMotion, swipeAxis = 'horizontal' } = options
+
+  const { animationDriver } = useConfiguration()
+
+  if (!animationDriver) {
+    throw new Error('Toast requires an animation driver to be set in HanzoguiProvider')
+  }
+
+  const { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumbersStyle } =
+    animationDriver
+  const AnimatedView = (animationDriver.View ?? HanzoguiView) as typeof Animated.View
+
+  // ref for direct DOM manipulation (CSS driver fallback)
+  const dragRef = React.useRef<HTMLDivElement>(null)
+  const cancelAnimationRef = React.useRef<(() => void) | null>(null)
+  const currentOffsetRef = React.useRef({ x: 0, y: 0 })
+
+  // on web, use direct DOM for drag (CSS driver has no reactive style updates)
+  // on native, use the animation driver's AnimatedView + animatedStyle
+  const useDirectDom = isWeb
+
+  // animated values for drag translation
+  const translateX = useAnimatedNumber(0)
+  const translateY = useAnimatedNumber(0)
+
+  // multi-value: both axes reactive in one animated style (off-thread on Reanimated)
+  const animatedStyleMulti = useAnimatedNumbersStyle
+    ? useAnimatedNumbersStyle([translateX, translateY], (x: number, y: number) => {
+        'worklet'
+        return { transform: [{ translateX: x }, { translateY: y }] }
+      })
+    : null
+
+  // single-value fallback for drivers without useAnimatedNumbersStyle
+  const animatedStyleFallback = useAnimatedNumberStyle(
+    swipeAxis === 'vertical' ? translateY : translateX,
+    (primary) => {
+      'worklet'
+      const secondary =
+        swipeAxis === 'vertical' ? translateX.getValue() : translateY.getValue()
+      return swipeAxis === 'vertical'
+        ? { transform: [{ translateX: secondary }, { translateY: primary }] }
+        : { transform: [{ translateX: primary }, { translateY: secondary }] }
+    }
+  )
+
+  const animatedStyle = animatedStyleMulti ?? animatedStyleFallback
+
+  // set drag offset directly (no animation) - used during gesture
+  const setDragOffset = useEvent((x: number, y: number) => {
+    // cancel any running animation (e.g., spring back from previous gesture)
+    cancelAnimationRef.current?.()
+    cancelAnimationRef.current = null
+
+    currentOffsetRef.current = { x, y }
+
+    if (useDirectDom && dragRef.current) {
+      // direct DOM manipulation for CSS driver
+      dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`
+      dragRef.current.style.opacity = '1' // reset in case previous animation faded it
+    } else {
+      // use animation driver for motion/reanimated
+      translateX.setValue(x, { type: 'direct' })
+      translateY.setValue(y, { type: 'direct' })
+    }
+  })
+
+  // spring back to origin after cancelled drag
+  const springBack = useEvent((onComplete?: () => void) => {
+    // cancel any running animation
+    cancelAnimationRef.current?.()
+
+    if (reducedMotion) {
+      // instant for reduced motion
+      if (useDirectDom && dragRef.current) {
+        dragRef.current.style.transform = 'translate3d(0px, 0px, 0)'
+      } else {
+        translateX.setValue(0, { type: 'direct' })
+        translateY.setValue(0, { type: 'direct' })
+      }
+      currentOffsetRef.current = { x: 0, y: 0 }
+      onComplete?.()
+      return
+    }
+
+    if (useDirectDom && dragRef.current) {
+      // use JS spring animation for CSS driver
+      const { x, y } = currentOffsetRef.current
+      cancelAnimationRef.current = animateSpring(
+        dragRef.current,
+        x,
+        y,
+        0,
+        0,
+        SPRING_CONFIG,
+        () => {
+          currentOffsetRef.current = { x: 0, y: 0 }
+          onComplete?.()
+        }
+      )
+    } else {
+      // use animation driver for motion/reanimated
+      translateX.setValue(0, SPRING_CONFIG)
+      translateY.setValue(0, SPRING_CONFIG, onComplete)
+    }
+  })
+
+  // animate out in a direction after successful swipe
+  // velocity is in px/ms from gesture, used for smooth momentum continuation
+  const animateOut = useEvent(
+    (
+      direction: 'left' | 'right' | 'up' | 'down',
+      velocity?: number,
+      onComplete?: () => void
+    ) => {
+      // cancel any running animation
+      cancelAnimationRef.current?.()
+
+      const { x: curX, y: curY } = currentOffsetRef.current
+
+      // ensure exit target is always further than current drag position
+      // (user may have dragged past EXIT_DISTANCE already)
+      let exitX =
+        direction === 'left' ? -EXIT_DISTANCE : direction === 'right' ? EXIT_DISTANCE : 0
+      let exitY =
+        direction === 'up' ? -EXIT_DISTANCE : direction === 'down' ? EXIT_DISTANCE : 0
+
+      if (direction === 'left' && curX < exitX) exitX = curX - 50
+      else if (direction === 'right' && curX > exitX) exitX = curX + 50
+      if (direction === 'up' && curY < exitY) exitY = curY - 50
+      else if (direction === 'down' && curY > exitY) exitY = curY + 50
+
+      if (reducedMotion) {
+        // instant for reduced motion
+        if (useDirectDom && dragRef.current) {
+          dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`
+        } else {
+          translateX.setValue(exitX, { type: 'direct' })
+          translateY.setValue(exitY, { type: 'direct' })
+        }
+        onComplete?.()
+        onExitComplete?.()
+        return
+      }
+
+      // convert velocity from px/ms to px/frame (assuming 60fps = 16.67ms/frame)
+      // multiply by ~500 to get a reasonable initial velocity for the spring
+      const velocityScale = (velocity ?? 0) * 500
+      const initialVelocityX =
+        direction === 'left' ? -velocityScale : direction === 'right' ? velocityScale : 0
+      const initialVelocityY =
+        direction === 'up' ? -velocityScale : direction === 'down' ? velocityScale : 0
+
+      // exit animation config - tuned for smooth momentum continuation
+      const exitConfig = {
+        damping: 25,
+        stiffness: 350,
+        mass: 0.4,
+        initialVelocityX,
+        initialVelocityY,
+        fadeOut: true,
+      }
+
+      if (useDirectDom && dragRef.current) {
+        // use JS spring animation for CSS driver
+        const { x, y } = currentOffsetRef.current
+        cancelAnimationRef.current = animateSpring(
+          dragRef.current,
+          x,
+          y,
+          exitX,
+          exitY,
+          exitConfig,
+          () => {
+            onComplete?.()
+            onExitComplete?.()
+          }
+        )
+      } else {
+        // animation driver path (reanimated/RN)
+        const springConfig = {
+          type: 'spring' as const,
+          damping: 25,
+          stiffness: 350,
+          mass: 0.4,
+        }
+        translateX.setValue(exitX, springConfig)
+        translateY.setValue(exitY, springConfig, () => {
+          onComplete?.()
+          onExitComplete?.()
+        })
+      }
+    }
+  )
+
+  const stop = useEvent(() => {
+    cancelAnimationRef.current?.()
+    translateX.stop()
+    translateY.stop()
+  })
+
+  // cleanup on unmount
+  React.useEffect(() => {
+    return () => {
+      cancelAnimationRef.current?.()
+    }
+  }, [])
+
+  return {
+    setDragOffset,
+    springBack,
+    animateOut,
+    stop,
+    animatedStyle,
+    AnimatedView,
+    dragRef,
+  }
+}

package/src/v2.ts

@@ -0,0 +1,31 @@
+// Toast v2 - composable component API
+export { Toast, useToasts, useToastItem } from './ToastComposable'
+export type {
+  ToastRootProps,
+  ToastViewportProps,
+  ToastItemProps,
+  ToastItemRenderProps,
+  ToastListProps,
+  ToastPosition,
+  ToastIcons,
+} from './ToastComposable'
+
+// Toast v2 - imperative API
+export { toast } from './ToastState'
+export type {
+  ToastT,
+  ToastType,
+  ToastToDismiss,
+  ExternalToast,
+  PromiseT,
+  PromiseData,
+  ToastAction,
+} from './ToastState'
+
+// Toaster - all-in-one component (thin wrapper over composable API)
+export { Toaster } from './Toaster'
+export type { ToasterProps, ToasterPosition } from './Toaster'
+
+export type { SwipeDirection } from './ToastProvider'
+export type { BurntToastOptions, CreateNativeToastOptions, NativeToastRef } from './types'
+export { requestNotificationPermission } from './createNativeToast'

package/types/Toast.d.ts

@@ -1,4 +1,4 @@
-import type { GetProps, NativePlatform, NativeValue, GuiElement } from '@gui/core';
+import type { GetProps, NativePlatform, NativeValue, HanzoguiElement } from '@hanzogui/core';
 import * as React from 'react';
 import type { CustomData } from './ToastImperative';
 import { useToast, useToastController, useToastState } from './ToastImperative';
@@ -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("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiTextElement, import("@gui/core").TextNonStyleProps, import("@gui/core").TextStylePropsBase, {
+declare const ToastTitle: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: import("@gui/core").FontSizeTokens | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+    size?: import("@hanzogui/core").FontSizeTokens | undefined;
+}, import("@hanzogui/core").StaticConfigPublic>;
 type ToastTitleProps = GetProps<typeof ToastTitle>;
-declare const ToastDescription: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiTextElement, import("@gui/core").TextNonStyleProps, import("@gui/core").TextStylePropsBase, {
+declare const ToastDescription: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: import("@gui/core").FontSizeTokens | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+    size?: import("@hanzogui/core").FontSizeTokens | undefined;
+}, import("@hanzogui/core").StaticConfigPublic>;
 type ToastDescriptionProps = GetProps<typeof ToastDescription>;
 type ToastActionProps = ScopedProps<ToastCloseProps & {
     /**
@@ -26,58 +26,58 @@ type ToastActionProps = ScopedProps<ToastCloseProps & {
      */
     altText: string;
 }>;
-declare const ToastCloseFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+declare const ToastCloseFrame: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+}, import("@hanzogui/core").StaticConfigPublic>;
 type ToastCloseFrameProps = GetProps<typeof ToastCloseFrame>;
 type ToastCloseProps = ScopedProps<ToastCloseFrameProps & {}>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+declare const Toast: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof ToastExtraProps> & ToastExtraProps & React.RefAttributes<GuiElement>> & import("@gui/core").StaticComponentObject<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+}>, keyof ToastExtraProps> & ToastExtraProps & React.RefAttributes<HanzoguiElement>> & import("@hanzogui/core").StaticComponentObject<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@gui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@gui/core").StackStyleBase, {
+}>, keyof ToastExtraProps> & ToastExtraProps, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps & ToastExtraProps, import("@hanzogui/core").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic> & Omit<import("@gui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
-    __tama: [Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+}, import("@hanzogui/core").StaticConfigPublic> & Omit<import("@hanzogui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
+    __tama: [Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
         unstyled?: boolean | undefined;
-        elevation?: number | import("@gui/core").SizeTokens | undefined;
+        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }>, keyof ToastExtraProps> & ToastExtraProps, GuiElement, import("@gui/core").RNGuiViewNonStyleProps & ToastExtraProps, import("@gui/core").StackStyleBase, {
+    }>, keyof ToastExtraProps> & ToastExtraProps, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps & ToastExtraProps, import("@hanzogui/core").StackStyleBase, {
         unstyled?: boolean | undefined;
-        elevation?: number | import("@gui/core").SizeTokens | undefined;
+        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }, import("@gui/core").StaticConfigPublic];
+    }, import("@hanzogui/core").StaticConfigPublic];
 } & {
-    Title: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiTextElement, import("@gui/core").TextNonStyleProps, import("@gui/core").TextStylePropsBase, {
+    Title: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
         unstyled?: boolean | undefined;
-        size?: import("@gui/core").FontSizeTokens | undefined;
-    }, import("@gui/core").StaticConfigPublic>;
-    Description: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiTextElement, import("@gui/core").TextNonStyleProps, import("@gui/core").TextStylePropsBase, {
+        size?: import("@hanzogui/core").FontSizeTokens | undefined;
+    }, import("@hanzogui/core").StaticConfigPublic>;
+    Description: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiTextElement, import("@hanzogui/core").TextNonStyleProps, import("@hanzogui/core").TextStylePropsBase, {
         unstyled?: boolean | undefined;
-        size?: import("@gui/core").FontSizeTokens | undefined;
-    }, import("@gui/core").StaticConfigPublic>;
+        size?: import("@hanzogui/core").FontSizeTokens | undefined;
+    }, import("@hanzogui/core").StaticConfigPublic>;
     Action: React.ForwardRefExoticComponent<Omit<ToastActionProps, "scope"> & {
         scope?: import("./ToastProvider").ToastScopes;
-    } & React.RefAttributes<GuiElement>>;
-    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@gui/core").RNGuiViewNonStyleProps, "elevation" | keyof import("@gui/core").StackStyleBase | "fullscreen"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & {
-        elevation?: number | import("@gui/core").SizeTokens | undefined;
+    } & React.RefAttributes<HanzoguiElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, "elevation" | keyof import("@hanzogui/core").StackStyleBase | "fullscreen"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
+        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & {
-        elevation?: number | import("@gui/core").SizeTokens | 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;
         fullscreen?: boolean | undefined;
-    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {
-        elevation?: number | import("@gui/core").SizeTokens | 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;
         fullscreen?: boolean | undefined;
     }>>, "scope"> & {
         scope?: import("./ToastProvider").ToastScopes;
-    } & React.RefAttributes<GuiElement>>;
+    } & React.RefAttributes<HanzoguiElement>>;
 };
 export { Toast, ToastProvider, ToastViewport, useToast, useToastController, useToastState, };
 export type { CustomData, ToastActionProps, ToastCloseProps, ToastDescriptionProps, NativePlatform as ToastNativePlatform, NativeValue as ToastNativeValue, ToastProps, ToastProviderProps, ToastTitleProps, ToastViewportProps, };

package/types/ToastAnnounce.d.ts

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