@hanzogui/toast 8.3.0 → 8.3.2

package/dist/cjs/useToastAnimations.js

@@ -0,0 +1,252 @@
+"use strict";
+/**
+ * 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToastAnimations = useToastAnimations;
+const tslib_1 = require("tslib");
+const constants_1 = require("@hanzogui/constants");
+const core_1 = require("@hanzogui/core");
+const React = tslib_1.__importStar(require("react"));
+// tuned for snappy, premium feel like Sonner
+const SPRING_CONFIG = {
+    type: 'spring',
+    damping: 30,
+    stiffness: 400,
+    mass: 0.5,
+};
+const EXIT_DISTANCE = 200;
+// simple spring animation for CSS driver
+function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
+    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 = 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);
+        }
+    };
+}
+function useToastAnimations(options = {}) {
+    const { onExitComplete, reducedMotion, swipeAxis = 'horizontal' } = options;
+    const { animationDriver } = (0, core_1.useConfiguration)();
+    if (!animationDriver) {
+        throw new Error('Toast requires an animation driver to be set in GuiProvider');
+    }
+    const { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumbersStyle } = animationDriver;
+    const AnimatedView = (animationDriver.View ?? core_1.View);
+    // ref for direct DOM manipulation (CSS driver fallback)
+    const dragRef = React.useRef(null);
+    const cancelAnimationRef = React.useRef(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 = constants_1.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 animatedStyle = useAnimatedNumbersStyle
+        ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
+            'worklet';
+            return { transform: [{ translateX: x }, { translateY: y }] };
+        })
+        : 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 }] };
+        });
+    // set drag offset directly (no animation) - used during gesture
+    const setDragOffset = (0, core_1.useEvent)((x, y) => {
+        // 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 = (0, core_1.useEvent)((onComplete) => {
+        // 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 = (0, core_1.useEvent)((direction, velocity, onComplete) => {
+        // 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',
+                damping: 25,
+                stiffness: 350,
+                mass: 0.4,
+            };
+            translateX.setValue(exitX, springConfig);
+            translateY.setValue(exitY, springConfig, () => {
+                onComplete?.();
+                onExitComplete?.();
+            });
+        }
+    });
+    const stop = (0, core_1.useEvent)(() => {
+        cancelAnimationRef.current?.();
+        translateX.stop();
+        translateY.stop();
+    });
+    // cleanup on unmount
+    React.useEffect(() => {
+        return () => {
+            cancelAnimationRef.current?.();
+        };
+    }, []);
+    return {
+        setDragOffset,
+        springBack,
+        animateOut,
+        stop,
+        animatedStyle,
+        AnimatedView,
+        dragRef,
+    };
+}
+//# sourceMappingURL=useToastAnimations.js.map

package/dist/cjs/useToastAnimations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToastAnimations.js","sourceRoot":"","sources":["../../src/useToastAnimations.ts"],"names":[],"mappings":"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"}

package/dist/cjs/v2.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.requestNotificationPermission = exports.Toaster = exports.toast = exports.useToastItem = exports.useToasts = exports.Toast = void 0;
+// Toast v2 - composable component API
+var ToastComposable_tsx_1 = require("./ToastComposable.js");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return ToastComposable_tsx_1.Toast; } });
+Object.defineProperty(exports, "useToasts", { enumerable: true, get: function () { return ToastComposable_tsx_1.useToasts; } });
+Object.defineProperty(exports, "useToastItem", { enumerable: true, get: function () { return ToastComposable_tsx_1.useToastItem; } });
+// Toast v2 - imperative API
+var ToastState_ts_1 = require("./ToastState.js");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return ToastState_ts_1.toast; } });
+// Toaster - all-in-one component (thin wrapper over composable API)
+var Toaster_tsx_1 = require("./Toaster.js");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_tsx_1.Toaster; } });
+var createNativeToast_tsx_1 = require("./createNativeToast.js");
+Object.defineProperty(exports, "requestNotificationPermission", { enumerable: true, get: function () { return createNativeToast_tsx_1.requestNotificationPermission; } });
+//# sourceMappingURL=v2.js.map

package/dist/cjs/v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v2.js","sourceRoot":"","sources":["../../src/v2.ts"],"names":[],"mappings":";;;AAAA,sCAAsC;AACtC,4DAAsE;AAA7D,4GAAA,KAAK,OAAA;AAAE,gHAAA,SAAS,OAAA;AAAE,mHAAA,YAAY,OAAA;AAWvC,4BAA4B;AAC5B,iDAAuC;AAA9B,sGAAA,KAAK,OAAA;AAWd,oEAAoE;AACpE,4CAAuC;AAA9B,sGAAA,OAAO,OAAA;AAShB,gEAAuE;AAA9D,sIAAA,6BAA6B,OAAA"}

package/dist/esm/Toast.js

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

package/dist/esm/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ToastAnnounce.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIsomorphicLayoutEffect } from '@hanzogui/constants';
+import { View, Text, styled, useEvent } from '@hanzogui/core';
+import { Portal } from '@hanzogui/portal';
+import { startTransition } from '@hanzogui/start-transition';
+import { VisuallyHidden } from '@hanzogui/visually-hidden';
+import * as React from 'react';
+import { useToastProviderContext } from './ToastProvider.js';
+const ToastAnnounceExcludeFrame = styled(View, {
+    name: 'ToastAnnounceExclude',
+});
+const ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
+    const { altText, ...announceExcludeProps } = props;
+    return (_jsx(ToastAnnounceExcludeFrame, { "data-toast-announce-exclude": "", "data-toast-announce-alt": altText || undefined, ...announceExcludeProps, ref: forwardedRef }));
+});
+const ToastAnnounce = (props) => {
+    const { scope, children, ...announceProps } = props;
+    const context = useToastProviderContext(scope);
+    const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+    const [isAnnounced, setIsAnnounced] = React.useState(false);
+    // render text content in the next frame to ensure toast is announced in NVDA
+    useNextFrame(() => {
+        startTransition(() => {
+            setRenderAnnounceText(true);
+        });
+    });
+    // cleanup after announcing
+    React.useEffect(() => {
+        const timer = setTimeout(() => setIsAnnounced(true), 1000);
+        return () => clearTimeout(timer);
+    }, []);
+    return isAnnounced ? null : (_jsx(Portal, { children: _jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && (_jsxs(Text, { children: [context.label, " ", children] })) }) }));
+};
+/* -----------------------------------------------------------------------------------------------*/
+function useNextFrame(callback = () => { }) {
+    const fn = useEvent(callback);
+    useIsomorphicLayoutEffect(() => {
+        let raf1 = 0;
+        let raf2 = 0;
+        raf1 = requestAnimationFrame(() => {
+            raf2 = requestAnimationFrame(fn);
+        });
+        return () => {
+            cancelAnimationFrame(raf1);
+            cancelAnimationFrame(raf2);
+        };
+    }, [fn]);
+}
+export { ToastAnnounce, ToastAnnounceExclude, };
+//# sourceMappingURL=ToastAnnounce.js.map

package/dist/esm/ToastAnnounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAnnounce.js","sourceRoot":"","sources":["../../src/ToastAnnounce.tsx"],"names":[],"mappings":"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"}