orn-ui 0.1.0

package/lib/module/organisms/SearchList.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, FlatList, Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useColors, useLabels } from '../theme/UIProvider';
+import { Input } from '../atoms/Input';
+import { EmptyState } from '../atoms/EmptyState';
+import { Spinner } from '../atoms/Spinner';
+import { IconButton } from '../atoms/IconButton';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    flex: 1
+  },
+  searchRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: theme.tokens.spacing.lg - 1,
+    gap: theme.tokens.spacing.sm + 2
+  },
+  searchInput: {
+    flex: 1,
+    marginBottom: 0
+  },
+  scanButton: {
+    backgroundColor: theme.colors.primary,
+    width: 50,
+    height: 50,
+    borderRadius: theme.tokens.radius.lg,
+    ...theme.tokens.shadow.sm
+  },
+  listArea: {
+    flex: 1
+  },
+  listContent: {
+    paddingBottom: theme.tokens.spacing.xl
+  },
+  loadingOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: theme.colors.surface + 'B3',
+    zIndex: 10,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  footer: {
+    paddingVertical: theme.tokens.spacing.xl,
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md
+  },
+  footerText: {
+    color: theme.colors.textLight,
+    fontSize: theme.tokens.fontSize.md
+  }
+}));
+
+/**
+ * SearchList
+ * Buscador + lista + estados de carga/paginación/vacío. El contenido de
+ * cada ítem (renderItem) queda a cargo de quien la usa, ya que difiere por
+ * completo entre casos de uso.
+ */
+export function SearchList({
+  header,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder,
+  searchIsLoading = false,
+  onScanPress,
+  scanAccessibilityLabel = 'Scan',
+  extraActions,
+  data,
+  keyExtractor,
+  renderItem,
+  isLoading = false,
+  loadingMode = 'replace',
+  loadingText,
+  onLoadMore,
+  isLoadingMore = false,
+  loadingMoreText,
+  hasMore = false,
+  noMoreText,
+  emptyTitle,
+  emptyDescription,
+  emptyIconName,
+  contentContainerStyle,
+  ListComponent = FlatList,
+  listProps
+}) {
+  const colors = useColors();
+  const styles = useStyles();
+  const labels = useLabels();
+  const resolvedSearchPlaceholder = searchPlaceholder ?? labels.search;
+  const resolvedLoadingText = loadingText ?? labels.loading;
+  const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
+  const renderFooter = () => {
+    if (isLoadingMore) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.footer,
+        children: /*#__PURE__*/_jsx(Spinner, {
+          text: resolvedLoadingMoreText,
+          fullscreen: false
+        })
+      });
+    }
+    if (noMoreText && !hasMore && data.length > 0) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.footer,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.footerText,
+          children: noMoreText
+        })
+      });
+    }
+    return null;
+  };
+  const showReplaceLoading = isLoading && loadingMode === 'replace' && data.length === 0;
+  const showOverlayLoading = isLoading && loadingMode === 'overlay' && data.length === 0;
+  const showEmpty = !isLoading && data.length === 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [header, /*#__PURE__*/_jsxs(View, {
+      style: styles.searchRow,
+      children: [/*#__PURE__*/_jsx(Input, {
+        placeholder: resolvedSearchPlaceholder,
+        leftIconName: "search",
+        value: searchValue,
+        onChangeText: onSearchChange,
+        rightIconName: searchValue.length > 0 ? 'close' : undefined,
+        onRightIconPress: () => onSearchChange(''),
+        isLoading: searchIsLoading,
+        containerStyle: styles.searchInput
+      }), onScanPress && /*#__PURE__*/_jsx(IconButton, {
+        iconName: "search",
+        onPress: onScanPress,
+        color: colors.white,
+        style: styles.scanButton,
+        accessibilityLabel: scanAccessibilityLabel
+      }), extraActions]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.listArea,
+      children: [showOverlayLoading && /*#__PURE__*/_jsxs(View, {
+        style: styles.loadingOverlay,
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: colors.primary
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.footerText,
+          children: resolvedLoadingText
+        })]
+      }), showReplaceLoading ? /*#__PURE__*/_jsx(Spinner, {
+        text: resolvedLoadingText
+      }) : showEmpty ? /*#__PURE__*/_jsx(EmptyState, {
+        title: emptyTitle,
+        description: emptyDescription,
+        iconName: emptyIconName
+      }) : /*#__PURE__*/_jsx(ListComponent, {
+        data: data,
+        keyExtractor: keyExtractor,
+        keyboardDismissMode: "on-drag",
+        contentContainerStyle: contentContainerStyle ?? styles.listContent,
+        onEndReached: onLoadMore,
+        onEndReachedThreshold: 0.2,
+        ListFooterComponent: renderFooter,
+        renderItem: renderItem,
+        ...listProps
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=SearchList.js.map

package/lib/module/organisms/SearchList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","FlatList","Text","View","createStyles","useColors","useLabels","Input","EmptyState","Spinner","IconButton","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flex","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","sm","searchInput","scanButton","backgroundColor","colors","primary","width","height","borderRadius","radius","shadow","listArea","listContent","paddingBottom","xl","loadingOverlay","position","top","left","right","bottom","surface","zIndex","justifyContent","footer","paddingVertical","md","footerText","color","textLight","fontSize","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","loadingText","onLoadMore","isLoadingMore","loadingMoreText","hasMore","noMoreText","emptyTitle","emptyDescription","emptyIconName","contentContainerStyle","ListComponent","listProps","styles","labels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","style","children","text","fullscreen","length","showReplaceLoading","showOverlayLoading","showEmpty","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","containerStyle","iconName","onPress","white","accessibilityLabel","size","title","description","keyboardDismissMode","onEndReached","onEndReachedThreshold","ListFooterComponent"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/Select.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { ActivityIndicator, Pressable, Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    gap: theme.tokens.spacing.sm
+  },
+  containerOpen: {
+    zIndex: 20,
+    elevation: 20
+  },
+  label: {
+    fontWeight: theme.tokens.fontWeight.bold,
+    fontSize: theme.tokens.fontSize.md,
+    color: theme.colors.text
+  },
+  required: {
+    color: theme.colors.error
+  },
+  field: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderWidth: 2,
+    borderColor: theme.colors.border,
+    borderRadius: theme.tokens.radius.lg,
+    backgroundColor: theme.colors.inputBackground,
+    minHeight: 50,
+    paddingHorizontal: theme.tokens.spacing.lg
+  },
+  fieldText: {
+    fontSize: theme.tokens.fontSize.lg,
+    color: theme.colors.text
+  },
+  fieldPlaceholder: {
+    color: theme.colors.textLight
+  },
+  optionsList: {
+    position: 'absolute',
+    top: '100%',
+    left: 0,
+    right: 0,
+    marginTop: theme.tokens.spacing.sm,
+    borderWidth: 2,
+    borderColor: theme.colors.border,
+    borderRadius: theme.tokens.radius.lg,
+    backgroundColor: theme.colors.surface,
+    overflow: 'hidden',
+    zIndex: 20,
+    elevation: 20,
+    ...theme.tokens.shadow.md
+  },
+  optionRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: theme.tokens.spacing.lg,
+    paddingVertical: theme.tokens.spacing.md + 2,
+    borderBottomWidth: 1,
+    borderBottomColor: theme.colors.border
+  },
+  optionRowLast: {
+    borderBottomWidth: 0
+  },
+  optionRowSelected: {
+    backgroundColor: theme.colors.primary + '15'
+  },
+  optionText: {
+    fontSize: theme.tokens.fontSize.lg - 1,
+    color: theme.colors.text
+  },
+  optionTextSelected: {
+    fontWeight: theme.tokens.fontWeight.semibold,
+    color: theme.colors.primary
+  },
+  errorText: {
+    fontSize: theme.tokens.fontSize.sm,
+    color: theme.colors.error
+  }
+}));
+
+/**
+ * Select
+ * Dropdown que expande la lista de opciones flotando sobre el resto del
+ * contenido (position: absolute), en vez de empujarlo hacia abajo o abrir
+ * un picker nativo del sistema.
+ */
+export function Select({
+  label,
+  required = false,
+  options,
+  selectedValue,
+  onSelect,
+  placeholder,
+  error,
+  isLoading = false,
+  containerStyle
+}) {
+  const colors = useColors();
+  const styles = useStyles();
+  const labels = useLabels();
+  const allowFontScaling = useAllowFontScaling();
+  const [open, setOpen] = useState(false);
+  const selectedOption = options.find(o => o.value === selectedValue);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, open && styles.containerOpen, containerStyle],
+    children: [label && /*#__PURE__*/_jsxs(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.label,
+      children: [label, required && /*#__PURE__*/_jsx(Text, {
+        style: styles.required,
+        children: " *"
+      })]
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      style: styles.field,
+      onPress: () => !isLoading && setOpen(o => !o),
+      disabled: isLoading,
+      accessibilityRole: "button",
+      accessibilityLabel: label ?? placeholder ?? labels.selectPlaceholder,
+      accessibilityState: {
+        expanded: open,
+        disabled: isLoading
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        allowFontScaling: allowFontScaling,
+        style: [styles.fieldText, !selectedOption && styles.fieldPlaceholder],
+        children: selectedOption?.label || placeholder || labels.selectPlaceholder
+      }), isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: colors.primary
+      }) : /*#__PURE__*/_jsx(Icon, {
+        name: open ? 'chevron-up' : 'chevron-down',
+        size: 20,
+        color: colors.textLight
+      })]
+    }), open && !isLoading && /*#__PURE__*/_jsx(View, {
+      style: styles.optionsList,
+      children: options.map((option, index) => {
+        const isSelected = option.value === selectedValue;
+        return /*#__PURE__*/_jsxs(Pressable, {
+          style: [styles.optionRow, index === options.length - 1 && styles.optionRowLast, isSelected && styles.optionRowSelected],
+          onPress: () => {
+            onSelect(option.value);
+            setOpen(false);
+          },
+          accessibilityRole: "menuitem",
+          accessibilityState: {
+            selected: isSelected
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            allowFontScaling: allowFontScaling,
+            style: [styles.optionText, isSelected && styles.optionTextSelected],
+            children: option.label
+          }), isSelected && /*#__PURE__*/_jsx(Icon, {
+            name: "check",
+            size: 18,
+            color: colors.primary
+          })]
+        }, String(option.value));
+      })
+    }), !!error && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.errorText,
+      children: error
+    })]
+  });
+}
+//# sourceMappingURL=Select.js.map

package/lib/module/organisms/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ActivityIndicator","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","useLabels","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","gap","tokens","spacing","sm","containerOpen","zIndex","elevation","label","fontWeight","bold","fontSize","md","color","colors","text","required","error","field","flexDirection","alignItems","justifyContent","borderWidth","borderColor","border","borderRadius","radius","lg","backgroundColor","inputBackground","minHeight","paddingHorizontal","fieldText","fieldPlaceholder","textLight","optionsList","position","top","left","right","marginTop","surface","overflow","shadow","optionRow","paddingVertical","borderBottomWidth","borderBottomColor","optionRowLast","optionRowSelected","primary","optionText","optionTextSelected","semibold","errorText","Select","options","selectedValue","onSelect","placeholder","isLoading","containerStyle","styles","labels","allowFontScaling","open","setOpen","selectedOption","find","o","value","style","children","onPress","disabled","accessibilityRole","accessibilityLabel","selectPlaceholder","accessibilityState","expanded","size","name","map","option","index","isSelected","length","selected","String"],"sourceRoot":"../../../src","sources":["organisms/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/Toast.js

@@ -0,0 +1,152 @@
+"use strict";
+
+import React, { memo, useEffect, useRef } from 'react';
+import { Animated, Pressable, Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_BY_VARIANT = {
+  success: 'check',
+  error: 'alert',
+  warning: 'warning',
+  info: 'info'
+};
+const useStyles = createStyles(theme => ({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md,
+    backgroundColor: theme.colors.surface,
+    borderRadius: theme.tokens.radius.lg,
+    borderWidth: 1,
+    borderColor: theme.colors.border,
+    paddingVertical: theme.tokens.spacing.md,
+    paddingHorizontal: theme.tokens.spacing.lg,
+    ...theme.tokens.shadow.lg
+  },
+  accent: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    bottom: 0,
+    width: 4,
+    borderTopLeftRadius: theme.tokens.radius.lg,
+    borderBottomLeftRadius: theme.tokens.radius.lg
+  },
+  text: {
+    flex: 1,
+    gap: 2
+  },
+  title: {
+    fontSize: theme.tokens.fontSize.md,
+    fontWeight: theme.tokens.fontWeight.semibold,
+    color: theme.colors.text
+  },
+  message: {
+    fontSize: theme.tokens.fontSize.sm,
+    color: theme.colors.textLight,
+    lineHeight: theme.tokens.lineHeight.sm
+  }
+}));
+
+/**
+ * Toast
+ * Notificación efímera. Normalmente no se usa directo: `ToastProvider` +
+ * `useToast()` la montan y la descartan por vos. Se expone igual por si
+ * querés colocarla vos mismo dentro de una pantalla concreta.
+ */
+export const Toast = /*#__PURE__*/memo(({
+  title,
+  message,
+  variant = 'info',
+  onPress,
+  onDismiss,
+  hideCloseButton,
+  style,
+  testID
+}) => {
+  const colors = useColors();
+  const styles = useStyles();
+  const allowFontScaling = useAllowFontScaling();
+  const accentColor = {
+    success: colors.success,
+    error: colors.error,
+    warning: colors.warning,
+    info: colors.secondary
+  };
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    accessibilityRole: "alert",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.accent, {
+        backgroundColor: accentColor[variant]
+      }]
+    }), /*#__PURE__*/_jsx(Icon, {
+      name: ICON_BY_VARIANT[variant],
+      size: 22,
+      color: accentColor[variant]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.text,
+      children: [/*#__PURE__*/_jsx(Text, {
+        allowFontScaling: allowFontScaling,
+        style: styles.title,
+        children: title
+      }), !!message && /*#__PURE__*/_jsx(Text, {
+        allowFontScaling: allowFontScaling,
+        style: styles.message,
+        children: message
+      })]
+    }), !hideCloseButton && !!onDismiss && /*#__PURE__*/_jsx(Pressable, {
+      onPress: onDismiss,
+      accessibilityRole: "button",
+      accessibilityLabel: "Dismiss",
+      hitSlop: 8,
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: "close",
+        size: 18,
+        color: colors.textLight
+      })
+    })]
+  });
+  if (!onPress) return body;
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: title,
+    children: body
+  });
+});
+Toast.displayName = 'Toast';
+
+/** Envuelve un Toast con su animación de entrada/salida. Uso interno del provider. */
+export const AnimatedToast = /*#__PURE__*/memo(({
+  children,
+  onHeight
+}) => {
+  const progress = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.spring(progress, {
+      toValue: 1,
+      useNativeDriver: true,
+      speed: 14,
+      bounciness: 4
+    }).start();
+  }, [progress]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    onLayout: e => onHeight?.(e.nativeEvent.layout.height),
+    style: {
+      opacity: progress,
+      transform: [{
+        translateY: progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [-16, 0]
+        })
+      }]
+    },
+    children: children
+  });
+});
+AnimatedToast.displayName = 'AnimatedToast';
+//# sourceMappingURL=Toast.js.map

package/lib/module/organisms/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","ICON_BY_VARIANT","success","error","warning","info","useStyles","theme","container","flexDirection","alignItems","gap","tokens","spacing","md","backgroundColor","colors","surface","borderRadius","radius","lg","borderWidth","borderColor","border","paddingVertical","paddingHorizontal","shadow","accent","position","left","top","bottom","width","borderTopLeftRadius","borderBottomLeftRadius","text","flex","title","fontSize","fontWeight","semibold","color","message","sm","textLight","lineHeight","Toast","variant","onPress","onDismiss","hideCloseButton","style","testID","styles","allowFontScaling","accentColor","secondary","body","accessibilityRole","children","name","size","accessibilityLabel","hitSlop","displayName","AnimatedToast","onHeight","progress","Value","current","spring","toValue","useNativeDriver","speed","bounciness","start","onLayout","e","nativeEvent","layout","height","opacity","transform","translateY","interpolate","inputRange","outputRange"],"sourceRoot":"../../../src","sources":["organisms/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/ToastProvider.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { AnimatedToast, Toast } from './Toast';
+import { useInsets } from '../theme/UIProvider';
+import { createStyles } from '../theme/createStyles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ToastContext = /*#__PURE__*/createContext(undefined);
+const useStyles = createStyles(theme => ({
+  host: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    paddingHorizontal: theme.tokens.spacing.lg,
+    gap: theme.tokens.spacing.sm
+  }
+}));
+/**
+ * ToastProvider
+ * Monta la capa de toasts sobre el resto de la app. Colocar una vez cerca de
+ * la raíz, dentro de UIProvider. Los timers de auto-dismiss se limpian al
+ * desmontar y al cerrar cada toast, así que no quedan callbacks colgados.
+ */
+export function ToastProvider({
+  children,
+  position = 'top',
+  maxVisible = 3,
+  defaultDuration = 4000
+}) {
+  const [toasts, setToasts] = useState([]);
+  const timers = useRef(new Map());
+  const counter = useRef(0);
+  const insets = useInsets();
+  const styles = useStyles();
+  const clearTimer = useCallback(id => {
+    const t = timers.current.get(id);
+    if (t) {
+      clearTimeout(t);
+      timers.current.delete(id);
+    }
+  }, []);
+  const hide = useCallback(id => {
+    clearTimer(id);
+    setToasts(prev => prev.filter(t => t.id !== id));
+  }, [clearTimer]);
+  const hideAll = useCallback(() => {
+    timers.current.forEach(t => clearTimeout(t));
+    timers.current.clear();
+    setToasts([]);
+  }, []);
+  const show = useCallback(options => {
+    counter.current += 1;
+    const id = `toast-${counter.current}`;
+    const duration = options.duration ?? defaultDuration;
+    setToasts(prev => {
+      const next = [...prev, {
+        ...options,
+        id
+      }];
+      // Se descartan los más viejos, no los recién llegados: un toast nuevo
+      // siempre se ve.
+      const overflow = next.length - maxVisible;
+      if (overflow > 0) {
+        next.slice(0, overflow).forEach(t => clearTimer(t.id));
+        return next.slice(overflow);
+      }
+      return next;
+    });
+    if (duration > 0) {
+      timers.current.set(id, setTimeout(() => hide(id), duration));
+    }
+    return id;
+  }, [defaultDuration, maxVisible, hide, clearTimer]);
+
+  // Al desmontar el provider no debe quedar ningún setTimeout apuntando a un
+  // setState de un árbol ya desmontado.
+  useEffect(() => {
+    const pending = timers.current;
+    return () => {
+      pending.forEach(t => clearTimeout(t));
+      pending.clear();
+    };
+  }, []);
+  const value = useMemo(() => ({
+    show,
+    hide,
+    hideAll
+  }), [show, hide, hideAll]);
+  const hostPosition = position === 'top' ? {
+    top: insets.top + 8
+  } : {
+    bottom: insets.bottom + 8,
+    flexDirection: 'column-reverse'
+  };
+  return /*#__PURE__*/_jsxs(ToastContext.Provider, {
+    value: value,
+    children: [children, toasts.length > 0 && /*#__PURE__*/_jsx(View, {
+      style: [styles.host, hostPosition],
+      pointerEvents: "box-none",
+      testID: "toast-host",
+      children: toasts.map(t => /*#__PURE__*/_jsx(AnimatedToast, {
+        children: /*#__PURE__*/_jsx(Toast, {
+          title: t.title,
+          message: t.message,
+          variant: t.variant,
+          hideCloseButton: t.hideCloseButton,
+          onDismiss: () => hide(t.id),
+          onPress: t.onPress ? () => {
+            t.onPress?.();
+            hide(t.id);
+          } : undefined
+        })
+      }, t.id))
+    })]
+  });
+}
+export function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) {
+    throw new Error('orn-ui: useToast must be used within a <ToastProvider>.');
+  }
+  return ctx;
+}
+//# sourceMappingURL=ToastProvider.js.map