@sincpro/mobile-ui 3.0.1 → 3.2.0

package/dist/Feedback/Toast.context.js

@@ -1,4 +1,5 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import { OverlayPortal } from "../Dialog/OverlayHost.js";
 import Icon from "../Display/Display.Icon.js";
 import Spinner from "./Feedback.Spinner.js";
 import Pressable from "../primitives/Pressable.js";
@@ -6,197 +7,912 @@ import { useTheme } from "../theme/index.js";
 import { cn, tv } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { useReducedMotion } from "../utils/useReducedMotion.js";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { View } from "react-native";
 import { GestureDetector, usePanGesture } from "react-native-gesture-handler";
-import Animated, { FadeInDown, FadeInUp, FadeOutDown, FadeOutUp, } from "react-native-reanimated";
+import Animated, { FadeInDown, FadeInUp, FadeOutDown, FadeOutUp } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-function ToastRoot({ children, accessibilityHint = "Usa Cerrar o desliza hacia arriba o abajo para cerrar", className, position = "top", style, testID, ...viewProps }) {
-    const reducedMotion = useReducedMotion();
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function ToastRoot(t0) {
+  const $ = _c(38);
+  let children;
+  let className;
+  let style;
+  let t1;
+  let t2;
+  let testID;
+  let viewProps;
+  if ($[0] !== t0) {
+    ({
+      children,
+      accessibilityHint: t1,
+      className,
+      position: t2,
+      style,
+      testID,
+      ...viewProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = testID;
+    $[7] = viewProps;
+  } else {
+    children = $[1];
+    className = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    testID = $[6];
+    viewProps = $[7];
+  }
+  const accessibilityHint = t1 === undefined ? "Usa Cerrar o desliza hacia arriba o abajo para cerrar" : t1;
+  const position = t2 === undefined ? "top" : t2;
+  const reducedMotion = useReducedMotion();
+  let T0;
+  let entering;
+  let exiting;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  if ($[8] !== accessibilityHint || $[9] !== className || $[10] !== position || $[11] !== viewProps) {
     const styles = toast();
-    const entering = position === "top" ? FadeInDown : FadeInUp;
-    const exiting = position === "top" ? FadeOutUp : FadeOutDown;
-    return (_jsx(Animated.View, { ...viewProps, accessibilityHint: accessibilityHint, accessibilityLiveRegion: "polite", accessibilityRole: "alert", className: styles.root({ className }), entering: reducedMotion ? undefined : entering.duration(220), exiting: reducedMotion ? undefined : exiting.duration(180), style: style, testID: testID, children: children }));
+    entering = position === "top" ? FadeInDown : FadeInUp;
+    exiting = position === "top" ? FadeOutUp : FadeOutDown;
+    T0 = Animated.View;
+    t3 = viewProps;
+    t4 = accessibilityHint;
+    t5 = "polite";
+    t6 = "alert";
+    t7 = styles.root({
+      className
+    });
+    $[8] = accessibilityHint;
+    $[9] = className;
+    $[10] = position;
+    $[11] = viewProps;
+    $[12] = T0;
+    $[13] = entering;
+    $[14] = exiting;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    T0 = $[12];
+    entering = $[13];
+    exiting = $[14];
+    t3 = $[15];
+    t4 = $[16];
+    t5 = $[17];
+    t6 = $[18];
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== entering || $[21] !== reducedMotion) {
+    t8 = reducedMotion ? undefined : entering.duration(220);
+    $[20] = entering;
+    $[21] = reducedMotion;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== exiting || $[24] !== reducedMotion) {
+    t9 = reducedMotion ? undefined : exiting.duration(180);
+    $[23] = exiting;
+    $[24] = reducedMotion;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  let t10;
+  if ($[26] !== T0 || $[27] !== children || $[28] !== style || $[29] !== t3 || $[30] !== t4 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9 || $[36] !== testID) {
+    t10 = _jsx(T0, {
+      ...t3,
+      accessibilityHint: t4,
+      accessibilityLiveRegion: t5,
+      accessibilityRole: t6,
+      className: t7,
+      entering: t8,
+      exiting: t9,
+      style: style,
+      testID: testID,
+      children: children
+    });
+    $[26] = T0;
+    $[27] = children;
+    $[28] = style;
+    $[29] = t3;
+    $[30] = t4;
+    $[31] = t5;
+    $[32] = t6;
+    $[33] = t7;
+    $[34] = t8;
+    $[35] = t9;
+    $[36] = testID;
+    $[37] = t10;
+  } else {
+    t10 = $[37];
+  }
+  return t10;
 }
-function ToastIcon({ variant = "info", icon, color, size = 22 }) {
-    const theme = useTheme();
-    if (icon)
-        return _jsx(_Fragment, { children: icon });
-    if (variant === "loading") {
-        return (_jsx(Spinner, { accessibilityLabel: "Cargando", color: color ?? theme.text.accent, size: "small" }));
+function ToastIcon(t0) {
+  const $ = _c(13);
+  const {
+    variant: t1,
+    icon,
+    color,
+    size: t2
+  } = t0;
+  const variant = t1 === undefined ? "info" : t1;
+  const size = t2 === undefined ? 22 : t2;
+  const theme = useTheme();
+  if (icon) {
+    let t3;
+    if ($[0] !== icon) {
+      t3 = _jsx(_Fragment, {
+        children: icon
+      });
+      $[0] = icon;
+      $[1] = t3;
+    } else {
+      t3 = $[1];
+    }
+    return t3;
+  }
+  if (variant === "loading") {
+    const t3 = color ?? theme.text.accent;
+    let t4;
+    if ($[2] !== t3) {
+      t4 = _jsx(Spinner, {
+        accessibilityLabel: "Cargando",
+        color: t3,
+        size: "small"
+      });
+      $[2] = t3;
+      $[3] = t4;
+    } else {
+      t4 = $[3];
     }
-    const colors = {
-        info: theme.info,
-        success: theme.success,
-        warning: theme.warning,
-        danger: theme.danger,
+    return t4;
+  }
+  let t3;
+  if ($[4] !== theme.danger || $[5] !== theme.info || $[6] !== theme.success || $[7] !== theme.warning) {
+    t3 = {
+      info: theme.info,
+      success: theme.success,
+      warning: theme.warning,
+      danger: theme.danger
     };
-    return _jsx(Icon, { color: color ?? colors[variant], name: iconByVariant[variant], size: size });
+    $[4] = theme.danger;
+    $[5] = theme.info;
+    $[6] = theme.success;
+    $[7] = theme.warning;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const colors = t3;
+  const t4 = color ?? colors[variant];
+  const t5 = iconByVariant[variant];
+  let t6;
+  if ($[9] !== size || $[10] !== t4 || $[11] !== t5) {
+    t6 = _jsx(Icon, {
+      color: t4,
+      name: t5,
+      size: size
+    });
+    $[9] = size;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 }
-function ToastContent({ children, className, style }) {
-    return (_jsx(View, { className: cn("flex-1", className), style: style, children: children }));
+function ToastContent(t0) {
+  const $ = _c(6);
+  const {
+    children,
+    className,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex-1", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+    t2 = _jsx(View, {
+      className: t1,
+      style: style,
+      children: children
+    });
+    $[2] = children;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 }
-function ToastTitle({ children, className }) {
-    return (_jsx(Typography.Text, { className: cn("text-sm font-semibold text-text-primary", className), children: children }));
+function ToastTitle(t0) {
+  const $ = _c(5);
+  const {
+    children,
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("text-text-primary", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = _jsx(Typography.Text, {
+      className: t1,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 }
-function ToastDescription({ children, className }) {
-    return (_jsx(Typography.Text, { className: cn("text-sm text-text-secondary", className), children: children }));
+function ToastDescription(t0) {
+  const $ = _c(5);
+  const {
+    children,
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("text-text-secondary", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = _jsx(Typography.Text, {
+      className: t1,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 }
-function ToastActionButton({ label, onPress, className, style, ...props }) {
-    return (_jsx(Pressable, { ...props, accessibilityLabel: label, accessibilityRole: "button", className: cn("min-h-12 justify-center px-2", className), onPress: onPress, style: [{ minHeight: 48, minWidth: 48 }, style], children: _jsx(Typography.Text, { className: "text-sm font-semibold text-text-accent", children: label }) }));
+function ToastActionButton(t0) {
+  const $ = _c(20);
+  let className;
+  let label;
+  let onPress;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      label,
+      onPress,
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = label;
+    $[3] = onPress;
+    $[4] = props;
+    $[5] = style;
+  } else {
+    className = $[1];
+    label = $[2];
+    onPress = $[3];
+    props = $[4];
+    style = $[5];
+  }
+  let t1;
+  if ($[6] !== className) {
+    t1 = cn("min-h-12 justify-center px-2", className);
+    $[6] = className;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      minHeight: 48,
+      minWidth: 48
+    };
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== style) {
+    t3 = [t2, style];
+    $[9] = style;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== label) {
+    t4 = _jsx(Typography.Text, {
+      className: "text-text-accent",
+      children: label
+    });
+    $[11] = label;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== label || $[14] !== onPress || $[15] !== props || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
+    t5 = _jsx(Pressable, {
+      ...props,
+      accessibilityLabel: label,
+      accessibilityRole: "button",
+      className: t1,
+      onPress: onPress,
+      style: t3,
+      children: t4
+    });
+    $[13] = label;
+    $[14] = onPress;
+    $[15] = props;
+    $[16] = t1;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  return t5;
 }
-function ToastClose({ onPress, accessibilityLabel = "Cerrar", className, style, ...props }) {
-    const theme = useTheme();
-    return (_jsx(Pressable, { ...props, accessibilityLabel: accessibilityLabel, accessibilityRole: "button", className: cn("min-h-12 min-w-12 items-center justify-center", className), hitSlop: 8, onPress: onPress, style: [{ minHeight: 48, minWidth: 48 }, style], children: _jsx(Icon, { color: theme.text.tertiary, name: "close", size: 18 }) }));
+function ToastClose(t0) {
+  const $ = _c(20);
+  let className;
+  let onPress;
+  let props;
+  let style;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      onPress,
+      accessibilityLabel: t1,
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = onPress;
+    $[3] = props;
+    $[4] = style;
+    $[5] = t1;
+  } else {
+    className = $[1];
+    onPress = $[2];
+    props = $[3];
+    style = $[4];
+    t1 = $[5];
+  }
+  const accessibilityLabel = t1 === undefined ? "Cerrar" : t1;
+  const theme = useTheme();
+  let t2;
+  if ($[6] !== className) {
+    t2 = cn("min-h-12 min-w-12 items-center justify-center", className);
+    $[6] = className;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      minHeight: 48,
+      minWidth: 48
+    };
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== style) {
+    t4 = [t3, style];
+    $[9] = style;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== theme.text.tertiary) {
+    t5 = _jsx(Icon, {
+      color: theme.text.tertiary,
+      name: "close",
+      size: 18
+    });
+    $[11] = theme.text.tertiary;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== accessibilityLabel || $[14] !== onPress || $[15] !== props || $[16] !== t2 || $[17] !== t4 || $[18] !== t5) {
+    t6 = _jsx(Pressable, {
+      ...props,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityRole: "button",
+      className: t2,
+      hitSlop: 8,
+      onPress: onPress,
+      style: t4,
+      children: t5
+    });
+    $[13] = accessibilityLabel;
+    $[14] = onPress;
+    $[15] = props;
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
 }
 export const Toast = {
-    Root: ToastRoot,
-    Icon: ToastIcon,
-    Content: ToastContent,
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Action: ToastActionButton,
-    Close: ToastClose,
+  Root: ToastRoot,
+  Icon: ToastIcon,
+  Content: ToastContent,
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Action: ToastActionButton,
+  Close: ToastClose
 };
 const ToastContext = createContext(null);
 const DEFAULT_DURATION = 3500;
+
 // iOS-style card: rounded, hairline border + soft shadow, neutral surface. The variant is
 // conveyed by the colored icon (no left-accent stripe — it doesn't read well on iOS).
 const toast = tv({
-    slots: {
-        root: "flex-row items-center gap-3 rounded-2xl px-4 py-3 bg-bg-card border border-border-light shadow-lg",
-        title: "text-sm font-semibold text-text-primary",
-        message: "text-sm text-text-secondary",
-    },
+  slots: {
+    root: "flex-row items-center gap-3 rounded-2xl px-4 py-3 bg-bg-card border border-border-light shadow-lg",
+    title: "text-sm font-semibold text-text-primary",
+    message: "text-sm text-text-secondary"
+  }
 });
 const iconByVariant = {
-    info: "info",
-    success: "success",
-    warning: "warning",
-    danger: "dismiss",
+  info: "info",
+  success: "success",
+  warning: "warning",
+  danger: "dismiss"
 };
-function ToastItem({ entry, onHide, onUpdate, position, }) {
-    const variant = entry.variant ?? "info";
-    const showClose = entry.dismissible ?? true;
-    const dismiss = () => onHide(entry.id);
-    const pan = usePanGesture({
-        activeOffsetY: [-12, 12],
-        failOffsetX: [-24, 24],
-        onDeactivate: ({ canceled, translationY, velocityY }) => {
-            if (!canceled && (Math.abs(translationY) >= 48 || Math.abs(velocityY) >= 800)) {
-                dismiss();
-            }
-        },
-    });
-    return (_jsx(GestureDetector, { gesture: pan, children: _jsx(Toast.Root, { className: entry.className, onAccessibilityEscape: dismiss, position: position, children: entry.render ? (entry.render({
-                dismiss,
-                id: entry.id,
-                update: (options) => onUpdate(entry.id, options),
-            })) : (_jsxs(_Fragment, { children: [_jsx(Toast.Icon, { variant: variant }), _jsxs(Toast.Content, { children: [entry.title ? _jsx(Toast.Title, { children: entry.title }) : null, entry.message ? _jsx(Toast.Description, { children: entry.message }) : null] }), entry.action ? (_jsx(Toast.Action, { label: entry.action.label, onPress: () => {
-                            entry.action?.onPress();
-                            dismiss();
-                        } })) : null, showClose ? _jsx(Toast.Close, { onPress: dismiss }) : null] })) }) }));
-}
-export function ToastProvider({ children, position = "bottom", }) {
-    const insets = useSafeAreaInsets();
-    const [toasts, setToasts] = useState([]);
-    const toastsRef = useRef([]);
-    const counter = useRef(0);
-    const timers = useRef({});
-    const commitToasts = useCallback((next) => {
-        toastsRef.current = next;
-        setToasts(next);
-    }, []);
-    const clearTimer = useCallback((id) => {
-        const timer = timers.current[id];
-        if (timer !== undefined) {
-            clearTimeout(timer);
-            delete timers.current[id];
+function ToastItem(t0) {
+  const $ = _c(21);
+  const {
+    entry,
+    onHide,
+    onUpdate,
+    position
+  } = t0;
+  const variant = entry.variant ?? "info";
+  const showClose = entry.dismissible ?? true;
+  let t1;
+  if ($[0] !== entry.id || $[1] !== onHide) {
+    t1 = () => onHide(entry.id);
+    $[0] = entry.id;
+    $[1] = onHide;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const dismiss = t1;
+  let t2;
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [-12, 12];
+    t3 = [-24, 24];
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== dismiss) {
+    t4 = {
+      activeOffsetY: t2,
+      failOffsetX: t3,
+      onDeactivate: t5 => {
+        const {
+          canceled,
+          translationY,
+          velocityY
+        } = t5;
+        if (!canceled && (Math.abs(translationY) >= 48 || Math.abs(velocityY) >= 800)) {
+          dismiss();
         }
-    }, []);
-    const hide = useCallback((id) => {
-        commitToasts(toastsRef.current.filter((t) => t.id !== id));
-        clearTimer(id);
-    }, [clearTimer, commitToasts]);
-    const scheduleDismiss = useCallback((id, variant, duration) => {
-        clearTimer(id);
-        const resolved = duration ?? (variant === "loading" ? 0 : DEFAULT_DURATION);
-        if (resolved > 0) {
-            timers.current[id] = setTimeout(() => hide(id), resolved);
-        }
-    }, [clearTimer, hide]);
-    const show = useCallback((options) => {
-        let id = options.id;
-        if (!id) {
-            counter.current += 1;
-            id = `toast-${counter.current}`;
+      }
+    };
+    $[5] = dismiss;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const pan = usePanGesture(t4);
+  let t5;
+  if ($[7] !== dismiss || $[8] !== entry || $[9] !== onUpdate || $[10] !== showClose || $[11] !== variant) {
+    t5 = entry.render ? entry.render({
+      dismiss,
+      id: entry.id,
+      update: options => onUpdate(entry.id, options)
+    }) : _jsxs(_Fragment, {
+      children: [_jsx(Toast.Icon, {
+        variant: variant
+      }), _jsxs(Toast.Content, {
+        children: [entry.title ? _jsx(Toast.Title, {
+          children: entry.title
+        }) : null, entry.message ? _jsx(Toast.Description, {
+          children: entry.message
+        }) : null]
+      }), entry.action ? _jsx(Toast.Action, {
+        label: entry.action.label,
+        onPress: () => {
+          entry.action?.onPress();
+          dismiss();
         }
-        const toastId = id;
-        const current = toastsRef.current;
-        const currentEntry = current.find((entry) => entry.id === toastId);
-        const nextEntry = {
-            ...currentEntry,
-            ...options,
-            id: toastId,
-            message: options.message ?? currentEntry?.message ?? "",
-        };
-        commitToasts(currentEntry
-            ? current.map((entry) => (entry.id === toastId ? nextEntry : entry))
-            : [...current, nextEntry]);
-        scheduleDismiss(toastId, nextEntry.variant, nextEntry.duration);
-        return toastId;
-    }, [commitToasts, scheduleDismiss]);
-    const update = useCallback((id, options) => {
-        const current = toastsRef.current.find((entry) => entry.id === id);
-        if (!current)
-            return;
-        const updated = { ...current, ...options, id };
-        commitToasts(toastsRef.current.map((entry) => (entry.id === id ? updated : entry)));
-        scheduleDismiss(id, updated.variant, updated.duration);
-    }, [commitToasts, scheduleDismiss]);
-    useEffect(() => () => {
-        Object.values(timers.current).forEach(clearTimeout);
-        timers.current = {};
-    }, []);
-    const value = useMemo(() => {
-        const promise = (p, messages) => {
-            const id = show({ message: messages.loading, variant: "loading", duration: 0 });
-            return p.then((result) => {
-                const msg = messages.success;
-                update(id, {
-                    message: typeof msg === "function" ? msg(result) : msg,
-                    variant: "success",
-                    duration: DEFAULT_DURATION,
-                });
-                return result;
-            }, (err) => {
-                const msg = messages.error;
-                update(id, {
-                    message: typeof msg === "function" ? msg(err) : msg,
-                    variant: "danger",
-                    duration: DEFAULT_DURATION,
-                });
-                throw err;
-            });
-        };
-        return {
-            show,
-            update,
-            hide,
-            info: (message, options) => show({ ...options, message, variant: "info" }),
-            success: (message, options) => show({ ...options, message, variant: "success" }),
-            warning: (message, options) => show({ ...options, message, variant: "warning" }),
-            danger: (message, options) => show({ ...options, message, variant: "danger" }),
-            loading: (message, options) => show({ ...options, message, variant: "loading" }),
-            promise,
-        };
-    }, [show, update, hide]);
-    return (_jsxs(ToastContext.Provider, { value: value, children: [children, _jsx(View, { className: "absolute left-0 right-0 px-4 gap-2 z-toast", pointerEvents: "box-none", style: position === "top" ? { top: insets.top + 12 } : { bottom: insets.bottom + 12 }, children: toasts.map((entry) => (_jsx(ToastItem, { entry: entry, onHide: hide, onUpdate: update, position: position }, entry.id))) })] }));
+      }) : null, showClose ? _jsx(Toast.Close, {
+        onPress: dismiss
+      }) : null]
+    });
+    $[7] = dismiss;
+    $[8] = entry;
+    $[9] = onUpdate;
+    $[10] = showClose;
+    $[11] = variant;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== dismiss || $[14] !== entry.className || $[15] !== position || $[16] !== t5) {
+    t6 = _jsx(Toast.Root, {
+      className: entry.className,
+      onAccessibilityEscape: dismiss,
+      position: position,
+      children: t5
+    });
+    $[13] = dismiss;
+    $[14] = entry.className;
+    $[15] = position;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== pan || $[19] !== t6) {
+    t7 = _jsx(GestureDetector, {
+      gesture: pan,
+      children: t6
+    });
+    $[18] = pan;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return t7;
 }
-export function useToast() {
-    const ctx = useContext(ToastContext);
-    if (!ctx) {
-        throw new Error("useToast debe usarse dentro de <ToastProvider>");
+export function ToastProvider(t0) {
+  const $ = _c(28);
+  const {
+    children,
+    position: t1
+  } = t0;
+  const position = t1 === undefined ? "bottom" : t1;
+  const insets = useSafeAreaInsets();
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const [toasts, setToasts] = useState(t2);
+  let t3;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [];
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const toastsRef = useRef(t3);
+  const counter = useRef(0);
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {};
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const timers = useRef(t4);
+  let t5;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = next => {
+      toastsRef.current = next;
+      setToasts(next);
+    };
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  const commitToasts = t5;
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = id => {
+      const timer = timers.current[id];
+      if (timer !== undefined) {
+        clearTimeout(timer);
+        delete timers.current[id];
+      }
+    };
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  const clearTimer = t6;
+  let t7;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = id_0 => {
+      commitToasts(toastsRef.current.filter(t => t.id !== id_0));
+      clearTimer(id_0);
+    };
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  const hide = t7;
+  let t8;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (id_1, variant, duration) => {
+      clearTimer(id_1);
+      const resolved = duration ?? (variant === "loading" ? 0 : DEFAULT_DURATION);
+      if (resolved > 0) {
+        timers.current[id_1] = setTimeout(() => hide(id_1), resolved);
+      }
+    };
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  const scheduleDismiss = t8;
+  let t9;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = options => {
+      let id_2 = options.id;
+      if (!id_2) {
+        counter.current = counter.current + 1;
+        id_2 = `toast-${counter.current}`;
+      }
+      const toastId = id_2;
+      const current = toastsRef.current;
+      const currentEntry = current.find(entry => entry.id === toastId);
+      const nextEntry = {
+        ...currentEntry,
+        ...options,
+        id: toastId,
+        message: options.message ?? currentEntry?.message ?? ""
+      };
+      commitToasts(currentEntry ? current.map(entry_0 => entry_0.id === toastId ? nextEntry : entry_0) : [...current, nextEntry]);
+      scheduleDismiss(toastId, nextEntry.variant, nextEntry.duration);
+      return toastId;
+    };
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  const show = t9;
+  let t10;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = (id_3, options_0) => {
+      const current_0 = toastsRef.current.find(entry_1 => entry_1.id === id_3);
+      if (!current_0) {
+        return;
+      }
+      const updated = {
+        ...current_0,
+        ...options_0,
+        id: id_3
+      };
+      commitToasts(toastsRef.current.map(entry_2 => entry_2.id === id_3 ? updated : entry_2));
+      scheduleDismiss(id_3, updated.variant, updated.duration);
+    };
+    $[8] = t10;
+  } else {
+    t10 = $[8];
+  }
+  const update = t10;
+  let t11;
+  let t12;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => () => {
+      Object.values(timers.current).forEach(clearTimeout);
+      timers.current = {};
+    };
+    t12 = [];
+    $[9] = t11;
+    $[10] = t12;
+  } else {
+    t11 = $[9];
+    t12 = $[10];
+  }
+  useEffect(t11, t12);
+  let t13;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = (p, messages) => {
+      const id_4 = show({
+        message: messages.loading,
+        variant: "loading",
+        duration: 0
+      });
+      return p.then(result => {
+        const msg = messages.success;
+        update(id_4, {
+          message: typeof msg === "function" ? msg(result) : msg,
+          variant: "success",
+          duration: DEFAULT_DURATION
+        });
+        return result;
+      }, err => {
+        const msg_0 = messages.error;
+        update(id_4, {
+          message: typeof msg_0 === "function" ? msg_0(err) : msg_0,
+          variant: "danger",
+          duration: DEFAULT_DURATION
+        });
+        throw err;
+      });
+    };
+    $[11] = t13;
+  } else {
+    t13 = $[11];
+  }
+  const promise = t13;
+  let t14;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = {
+      show,
+      update,
+      hide,
+      info: (message, options_1) => show({
+        ...options_1,
+        message,
+        variant: "info"
+      }),
+      success: (message_0, options_2) => show({
+        ...options_2,
+        message: message_0,
+        variant: "success"
+      }),
+      warning: (message_1, options_3) => show({
+        ...options_3,
+        message: message_1,
+        variant: "warning"
+      }),
+      danger: (message_2, options_4) => show({
+        ...options_4,
+        message: message_2,
+        variant: "danger"
+      }),
+      loading: (message_3, options_5) => show({
+        ...options_5,
+        message: message_3,
+        variant: "loading"
+      }),
+      promise
+    };
+    $[12] = t14;
+  } else {
+    t14 = $[12];
+  }
+  const value = t14;
+  let t15;
+  if ($[13] !== insets.bottom || $[14] !== insets.top || $[15] !== position) {
+    t15 = position === "top" ? {
+      top: insets.top + 12
+    } : {
+      bottom: insets.bottom + 12
+    };
+    $[13] = insets.bottom;
+    $[14] = insets.top;
+    $[15] = position;
+    $[16] = t15;
+  } else {
+    t15 = $[16];
+  }
+  let t16;
+  if ($[17] !== position || $[18] !== toasts) {
+    let t17;
+    if ($[20] !== position) {
+      t17 = entry_3 => _jsx(ToastItem, {
+        entry: entry_3,
+        onHide: hide,
+        onUpdate: update,
+        position: position
+      }, entry_3.id);
+      $[20] = position;
+      $[21] = t17;
+    } else {
+      t17 = $[21];
     }
-    return ctx;
+    t16 = toasts.map(t17);
+    $[17] = position;
+    $[18] = toasts;
+    $[19] = t16;
+  } else {
+    t16 = $[19];
+  }
+  let t17;
+  if ($[22] !== t15 || $[23] !== t16) {
+    t17 = _jsx(OverlayPortal, {
+      layer: "toast",
+      children: _jsx(View, {
+        className: "absolute left-0 right-0 px-4 gap-2 z-toast",
+        pointerEvents: "box-none",
+        style: t15,
+        children: t16
+      })
+    });
+    $[22] = t15;
+    $[23] = t16;
+    $[24] = t17;
+  } else {
+    t17 = $[24];
+  }
+  let t18;
+  if ($[25] !== children || $[26] !== t17) {
+    t18 = _jsxs(ToastContext.Provider, {
+      value: value,
+      children: [children, t17]
+    });
+    $[25] = children;
+    $[26] = t17;
+    $[27] = t18;
+  } else {
+    t18 = $[27];
+  }
+  return t18;
+}
+export function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) {
+    throw new Error("useToast debe usarse dentro de <ToastProvider>");
+  }
+  return ctx;
 }