orn-ui 0.1.1 → 0.2.0

package/lib/module/organisms/List.js

@@ -1,40 +1,34 @@
 "use strict";
 
 import React, { useCallback } from 'react';
-import { ActivityIndicator, FlatList, Platform, RefreshControl, Text, View } from 'react-native';
+import { FlatList, RefreshControl, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { useColors, useLabels } from '../theme/UIProvider';
 import { EmptyState } from '../atoms/EmptyState';
+import { Skeleton } from '../atoms/Skeleton';
 import { Spinner } from '../atoms/Spinner';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyles = createStyles(theme => ({
   container: {
     flex: 1,
     backgroundColor: theme.colors.background
   },
-  loadingOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: theme.colors.scrim,
-    zIndex: 10,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  loadingText: {
-    marginTop: theme.tokens.spacing.md,
-    color: theme.colors.textLight,
-    fontWeight: theme.tokens.fontWeight.medium
-  },
   listContent: {
-    padding: theme.tokens.spacing.md,
-    paddingBottom: Platform.OS === 'android' ? 100 : 80
+    padding: theme.tokens.spacing.md
   },
   footerLoader: {
     paddingVertical: theme.tokens.spacing.xl,
     alignItems: 'center'
+  },
+  skeletonRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md,
+    padding: theme.tokens.spacing.md
+  },
+  skeletonText: {
+    flex: 1,
+    gap: theme.tokens.spacing.sm
   }
 }));
 
@@ -49,10 +43,13 @@ export function List({
   keyExtractor,
   renderItem,
   isLoading,
+  isRefreshing = false,
   isLoadingMore = false,
   isReady = true,
   loadingText,
   loadingMoreText,
+  skeletonCount = 6,
+  renderSkeletonItem,
   onEndReached,
   onEndReachedThreshold = 0.3,
   onRefresh,
@@ -71,21 +68,27 @@ export function List({
   const labels = useLabels();
   const resolvedLoadingText = loadingText ?? labels.loading;
   const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
+  const isInitialLoading = isLoading && data.length === 0;
+
+  // El footer propio y el loader de paginación conviven: antes el primero
+  // tapaba al segundo y la lista dejaba de avisar que estaba trayendo más.
   const renderFooter = useCallback(() => {
-    if (ListFooterComponent) {
-      return typeof ListFooterComponent === 'function' ? /*#__PURE__*/_jsx(ListFooterComponent, {}) : ListFooterComponent;
-    }
-    if (!isLoadingMore) return null;
-    return /*#__PURE__*/_jsx(View, {
-      style: styles.footerLoader,
-      children: /*#__PURE__*/_jsx(Spinner, {
-        text: resolvedLoadingMoreText,
-        fullscreen: false
-      })
+    const custom = typeof ListFooterComponent === 'function' ? /*#__PURE__*/_jsx(ListFooterComponent, {}) : ListFooterComponent ?? null;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [custom, isLoadingMore && /*#__PURE__*/_jsx(View, {
+        style: styles.footerLoader,
+        children: /*#__PURE__*/_jsx(Spinner, {
+          text: resolvedLoadingMoreText,
+          fullscreen: false
+        })
+      })]
     });
   }, [isLoadingMore, resolvedLoadingMoreText, ListFooterComponent, styles.footerLoader]);
+
+  // Vacío sólo cuando ya se sabe que no hay nada: durante la carga inicial se
+  // muestran placeholders, no "sin resultados".
   const renderEmpty = useCallback(() => {
-    if (isLoading) return null;
+    if (isLoading || isRefreshing) return null;
     return /*#__PURE__*/_jsx(EmptyState, {
       title: emptyTitle,
       description: emptyDescription,
@@ -94,7 +97,7 @@ export function List({
         marginTop: 50
       }
     });
-  }, [isLoading, emptyTitle, emptyDescription, emptyIconName]);
+  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName]);
   if (!isReady) {
     return /*#__PURE__*/_jsx(View, {
       style: styles.container,
@@ -103,19 +106,38 @@ export function List({
       })
     });
   }
-  return /*#__PURE__*/_jsxs(View, {
+  if (isInitialLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, containerStyle],
+      testID: "list-skeleton",
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.listContent, contentContainerStyle],
+        children: Array.from({
+          length: skeletonCount
+        }, (_, i) => /*#__PURE__*/_jsx(React.Fragment, {
+          children: renderSkeletonItem?.() ?? /*#__PURE__*/_jsxs(View, {
+            style: styles.skeletonRow,
+            children: [/*#__PURE__*/_jsx(Skeleton, {
+              variant: "circle",
+              width: 40
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.skeletonText,
+              children: [/*#__PURE__*/_jsx(Skeleton, {
+                width: "60%",
+                height: 14
+              }), /*#__PURE__*/_jsx(Skeleton, {
+                width: "35%",
+                height: 12
+              })]
+            })]
+          })
+        }, i))
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
     style: [styles.container, containerStyle],
-    children: [isLoading && data.length === 0 && /*#__PURE__*/_jsxs(View, {
-      style: styles.loadingOverlay,
-      pointerEvents: "none",
-      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "large",
-        color: colors.primary
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.loadingText,
-        children: resolvedLoadingText
-      })]
-    }), /*#__PURE__*/_jsx(ListComponent, {
+    children: /*#__PURE__*/_jsx(ListComponent, {
       data: data,
       keyExtractor: keyExtractor,
       renderItem: renderItem,
@@ -126,13 +148,13 @@ export function List({
       ListFooterComponent: renderFooter,
       ListEmptyComponent: renderEmpty,
       refreshControl: onRefresh ? /*#__PURE__*/_jsx(RefreshControl, {
-        refreshing: isLoading,
+        refreshing: isRefreshing,
         onRefresh: onRefresh,
         colors: [colors.primary],
         tintColor: colors.primary
       }) : undefined,
       ...listProps
-    })]
+    })
   });
 }
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ActivityIndicator","FlatList","Platform","RefreshControl","Text","View","createStyles","useColors","useLabels","EmptyState","Spinner","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flex","backgroundColor","colors","background","loadingOverlay","position","top","left","right","bottom","scrim","zIndex","justifyContent","alignItems","loadingText","marginTop","tokens","spacing","md","color","textLight","fontWeight","medium","listContent","padding","paddingBottom","OS","footerLoader","paddingVertical","xl","List","data","keyExtractor","renderItem","isLoading","isLoadingMore","isReady","loadingMoreText","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","listProps","styles","labels","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","style","children","text","fullscreen","renderEmpty","title","description","iconName","length","pointerEvents","size","primary","ListEmptyComponent","refreshControl","refreshing","tintColor","undefined"],"sourceRoot":"../../../src","sources":["organisms/List.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","FlatList","RefreshControl","View","createStyles","useColors","useLabels","EmptyState","Skeleton","Spinner","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","container","flex","backgroundColor","colors","background","listContent","padding","tokens","spacing","md","footerLoader","paddingVertical","xl","alignItems","skeletonRow","flexDirection","gap","skeletonText","sm","List","data","keyExtractor","renderItem","isLoading","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","skeletonCount","renderSkeletonItem","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","listProps","styles","labels","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","isInitialLoading","length","renderFooter","custom","children","style","text","fullscreen","renderEmpty","title","description","iconName","marginTop","testID","Array","from","_","i","variant","width","height","ListEmptyComponent","refreshControl","refreshing","primary","tintColor","undefined"],"sourceRoot":"../../../src","sources":["organisms/List.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/Modal.js

@@ -1,11 +1,12 @@
 "use strict";
 
-import React, { memo, useEffect, useRef, useState } from 'react';
-import { Animated, Dimensions, KeyboardAvoidingView, Modal as RNModal, Platform, Pressable, ScrollView, View } from 'react-native';
+import React, { memo, useEffect, useState } from 'react';
+import { Dimensions, KeyboardAvoidingView, Modal as RNModal, Platform, Pressable, ScrollView, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { useColors, useInsets } from '../theme/UIProvider';
 import { Title } from '../atoms/Text';
 import { IconButton } from '../atoms/IconButton';
+import { Transition } from '../atoms/Transition';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   height: SCREEN_HEIGHT
@@ -24,10 +25,6 @@ const useStyles = createStyles(theme => ({
     alignItems: 'center',
     padding: theme.tokens.spacing.xxl - 4
   },
-  bottomSheetContainer: {
-    justifyContent: 'flex-end',
-    padding: 0
-  },
   backdrop: {
     backgroundColor: theme.colors.overlay
   },
@@ -39,15 +36,6 @@ const useStyles = createStyles(theme => ({
     overflow: 'hidden',
     ...theme.tokens.shadow.lg
   },
-  bottomSheetCard: {
-    width: '100%',
-    maxHeight: '90%',
-    backgroundColor: theme.colors.surface,
-    borderTopLeftRadius: theme.tokens.radius.xxl,
-    borderTopRightRadius: theme.tokens.radius.xxl,
-    overflow: 'hidden',
-    ...theme.tokens.shadow.lg
-  },
   header: {
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -91,10 +79,8 @@ const useStyles = createStyles(theme => ({
 /**
  * Modal
  * Un solo componente para todos los modales de la app: maneja scroll,
- * teclado, insets y layout según `variant`. overlay/bottomSheet/full animan
- * su entrada/salida con Animated (solo transform, nunca opacity sobre la
- * tarjeta: animar opacity ahí dispara un bug de Android donde los hijos con
- * elevation parpadean/redibujan). El fondo semitransparente sí anima opacity.
+ * teclado, insets y layout según `variant`. Para una hoja desde abajo está
+ * BottomSheet, que además trae arrastre para cerrar.
  */
 export const Modal = /*#__PURE__*/memo(({
   visible,
@@ -114,69 +100,19 @@ export const Modal = /*#__PURE__*/memo(({
   const isFull = variant === 'full';
   const isOverlay = variant === 'overlay';
   const isFullScreen = variant === 'fullScreen';
-  const isBottomSheet = variant === 'bottomSheet';
-  const isAnimatedVariant = isOverlay || isBottomSheet || isFull;
+  const isAnimatedVariant = isOverlay || isFull;
   const insets = useInsets();
   const colors = useColors();
   const styles = useStyles();
   const [mounted, setMounted] = useState(!isAnimatedVariant && visible);
-  const backdropOpacity = useRef(new Animated.Value(0)).current;
-  const cardProgress = useRef(new Animated.Value(0)).current;
   useEffect(() => {
-    if (!isAnimatedVariant) {
-      setMounted(visible);
-      return;
-    }
-    if (visible) {
-      setMounted(true);
-      Animated.timing(backdropOpacity, {
-        toValue: 1,
-        duration: 200,
-        useNativeDriver: true
-      }).start();
-      Animated.timing(cardProgress, {
-        toValue: 1,
-        duration: 250,
-        useNativeDriver: true
-      }).start();
-    } else {
-      Animated.timing(backdropOpacity, {
-        toValue: 0,
-        duration: 180,
-        useNativeDriver: true
-      }).start();
-      Animated.timing(cardProgress, {
-        toValue: 0,
-        duration: 200,
-        useNativeDriver: true
-      }).start(({
-        finished
-      }) => {
-        if (finished) setMounted(false);
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (!isAnimatedVariant) setMounted(visible);else if (visible) setMounted(true);
   }, [visible, isAnimatedVariant]);
-  const cardAnimatedStyle = isBottomSheet || isFull ? {
-    transform: [{
-      translateY: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [SCREEN_HEIGHT, 0]
-      })
-    }]
-  } : {
-    transform: [{
-      translateY: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [-40, 0]
-      })
-    }, {
-      scale: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0.9, 1]
-      })
-    }]
-  };
+
+  // La tarjeta nunca anima opacity: hacerlo dispara un bug de Android donde
+  // los hijos con elevation parpadean. El fondo semitransparente sí.
+  const cardPreset = isFull ? ['slide-up'] : ['slide-down', 'scale'];
+  const cardDistance = isFull ? SCREEN_HEIGHT : 40;
   const behavior = Platform.OS === 'ios' ? isFull ? undefined : 'padding' : 'height';
   const keyboardOffset = Platform.OS === 'ios' ? 0 : 20;
   const renderHeader = () => {
@@ -231,34 +167,53 @@ export const Modal = /*#__PURE__*/memo(({
     // de pageSheet sería redundante con nuestra animación de todos modos.
     ,
     presentationStyle: Platform.OS === 'ios' ? isFullScreen ? 'fullScreen' : 'overFullScreen' : undefined,
-    transparent: isOverlay || isBottomSheet || isFull,
+    transparent: isOverlay || isFull,
     statusBarTranslucent: statusBarTranslucent,
     hardwareAccelerated: hardwareAccelerated,
     children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
       behavior: behavior,
       keyboardVerticalOffset: keyboardOffset,
       style: styles.flex1,
-      children: isOverlay || isBottomSheet ? /*#__PURE__*/_jsxs(View, {
-        style: [styles.overlayContainer, isBottomSheet && styles.bottomSheetContainer],
-        children: [/*#__PURE__*/_jsx(Animated.View, {
+      children: isOverlay ? /*#__PURE__*/_jsxs(View, {
+        style: styles.overlayContainer,
+        children: [/*#__PURE__*/_jsx(Transition, {
+          visible: visible,
+          preset: "fade",
+          duration: 200,
+          keepMounted: true,
           style: [{
             ...StyleSheetAbsoluteFill
-          }, styles.backdrop, {
-            opacity: backdropOpacity
-          }],
+          }, styles.backdrop],
           children: /*#__PURE__*/_jsx(Pressable, {
             style: StyleSheetAbsoluteFill,
             onPress: onClose,
             testID: "modal-backdrop"
           })
-        }), /*#__PURE__*/_jsxs(Animated.View, {
-          style: [isOverlay ? styles.overlayCard : styles.bottomSheetCard, isBottomSheet && {
-            paddingBottom: Math.max(insets.bottom, Platform.OS === 'ios' ? 20 : 0)
-          }, containerStyle, cardAnimatedStyle],
+        }), /*#__PURE__*/_jsxs(Transition, {
+          visible: visible,
+          preset: cardPreset,
+          distance: cardDistance,
+          duration: 250,
+          onExited: () => setMounted(false),
+          style: [styles.overlayCard, containerStyle],
           children: [renderHeader(), renderMainContent(), renderFooter()]
         })]
-      }) : /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.fullWrapper, containerStyle, isFull && cardAnimatedStyle],
+      }) : isFull ? /*#__PURE__*/_jsx(Transition, {
+        visible: visible,
+        preset: cardPreset,
+        distance: cardDistance,
+        duration: 250,
+        onExited: () => setMounted(false),
+        style: [styles.fullWrapper, containerStyle],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.flex1, {
+            paddingTop: insets.top,
+            paddingBottom: insets.bottom
+          }],
+          children: [renderHeader(), renderMainContent(), renderFooter()]
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        style: [styles.fullWrapper, containerStyle],
         children: /*#__PURE__*/_jsxs(View, {
           style: [styles.flex1, {
             paddingTop: insets.top,

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useRef","useState","Animated","Dimensions","KeyboardAvoidingView","Modal","RNModal","Platform","Pressable","ScrollView","View","createStyles","useColors","useInsets","Title","IconButton","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","useStyles","theme","flex1","flex","fullWrapper","backgroundColor","colors","background","overlayContainer","justifyContent","alignItems","padding","tokens","spacing","xxl","bottomSheetContainer","backdrop","overlay","overlayCard","width","maxHeight","surface","borderRadius","radius","overflow","shadow","lg","bottomSheetCard","borderTopLeftRadius","borderTopRightRadius","header","flexDirection","xl","borderBottomWidth","borderBottomColor","border","title","fontSize","fontWeight","bold","closeButton","marginLeft","md","contentWrapper","flexShrink","scrollWrapper","scrollContent","flexGrow","scrollContentFull","footer","borderTopWidth","borderTopColor","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isBottomSheet","isAnimatedVariant","insets","styles","mounted","setMounted","backdropOpacity","Value","current","cardProgress","timing","toValue","duration","useNativeDriver","start","finished","cardAnimatedStyle","transform","translateY","interpolate","inputRange","outputRange","scale","behavior","OS","undefined","keyboardOffset","renderHeader","style","numberOfLines","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","keyboardVerticalOffset","StyleSheetAbsoluteFill","opacity","testID","paddingBottom","Math","max","bottom","paddingTop","top","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useState","Dimensions","KeyboardAvoidingView","Modal","RNModal","Platform","Pressable","ScrollView","View","createStyles","useColors","useInsets","Title","IconButton","Transition","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","useStyles","theme","flex1","flex","fullWrapper","backgroundColor","colors","background","overlayContainer","justifyContent","alignItems","padding","tokens","spacing","xxl","backdrop","overlay","overlayCard","width","maxHeight","surface","borderRadius","radius","overflow","shadow","lg","header","flexDirection","xl","borderBottomWidth","borderBottomColor","border","title","fontSize","fontWeight","bold","closeButton","marginLeft","md","contentWrapper","flexShrink","scrollWrapper","scrollContent","flexGrow","scrollContentFull","footer","borderTopWidth","borderTopColor","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isAnimatedVariant","insets","styles","mounted","setMounted","cardPreset","cardDistance","behavior","OS","undefined","keyboardOffset","renderHeader","style","numberOfLines","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","keyboardVerticalOffset","preset","duration","keepMounted","StyleSheetAbsoluteFill","testID","distance","onExited","paddingTop","top","paddingBottom","bottom","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SACEC,UAAU,EACVC,oBAAoB,EACpBC,KAAK,IAAIC,OAAO,EAChBC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,EAAEC,SAAS,QAAQ,qBAAqB;AAC1D,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAA+B,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExE,MAAM;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGnB,UAAU,CAACoB,GAAG,CAAC,QAAQ,CAAC;AAkB1D,MAAMC,SAAS,GAAGb,YAAY,CAAEc,KAAK,KAAM;EACzCC,KAAK,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EAClBC,WAAW,EAAE;IAAED,IAAI,EAAE,CAAC;IAAEE,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC;EAAW,CAAC;EAClEC,gBAAgB,EAAE;IAAEL,IAAI,EAAE,CAAC;IAAEM,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE,QAAQ;IAAEC,OAAO,EAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACC,GAAG,GAAG;EAAE,CAAC;EACpHC,QAAQ,EAAE;IAAEV,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACU;EAAQ,CAAC;EACnDC,WAAW,EAAE;IACXC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,KAAK;IAChBd,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACc,OAAO;IACrCC,YAAY,EAAEpB,KAAK,CAACW,MAAM,CAACU,MAAM,CAACR,GAAG;IACrCS,QAAQ,EAAE,QAAQ;IAClB,GAAGtB,KAAK,CAACW,MAAM,CAACY,MAAM,CAACC;EACzB,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBlB,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACe,EAAE;IAChCC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE7B,KAAK,CAACK,MAAM,CAACyB,MAAM;IACtC1B,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACc;EAChC,CAAC;EACDY,KAAK,EAAE;IAAEC,QAAQ,EAAEhC,KAAK,CAACW,MAAM,CAACqB,QAAQ,CAACL,EAAE;IAAEM,UAAU,EAAEjC,KAAK,CAACW,MAAM,CAACsB,UAAU,CAACC,IAAI;IAAEhC,IAAI,EAAE;EAAE,CAAC;EAChGiC,WAAW,EAAE;IAAEC,UAAU,EAAEpC,KAAK,CAACW,MAAM,CAACC,OAAO,CAACyB;EAAG,CAAC;EACpDC,cAAc,EAAE;IAAEC,UAAU,EAAE,CAAC;IAAEnC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACc;EAAQ,CAAC;EACxEqB,aAAa,EAAE;IAAED,UAAU,EAAE;EAAE,CAAC;EAChCE,aAAa,EAAE;IAAE/B,OAAO,EAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACe,EAAE;IAAEe,QAAQ,EAAE;EAAE,CAAC;EAChEC,iBAAiB,EAAE;IAAEjC,OAAO,EAAE,CAAC;IAAEgC,QAAQ,EAAE;EAAE,CAAC;EAC9CE,MAAM,EAAE;IACNlC,OAAO,EAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACe,EAAE;IAChCkB,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE9C,KAAK,CAACK,MAAM,CAACyB,MAAM;IACnC1B,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACc;EAChC;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMvC,KAAK,gBAAGL,IAAI,CACvB,CAAC;EACCwE,OAAO;EACPC,OAAO;EACPjB,KAAK;EACLkB,uBAAuB,GAAG,OAAO;EACjCC,QAAQ;EACRN,MAAM;EACNO,cAAc;EACdC,YAAY;EACZC,OAAO,GAAG,MAAM;EAChBC,UAAU,GAAG,IAAI;EACjBC,oBAAoB,GAAG,IAAI;EAC3BC,cAAc;EACdC;AACU,CAAC,KAAK;EAChB,MAAMC,MAAM,GAAGL,OAAO,KAAK,MAAM;EACjC,MAAMM,SAAS,GAAGN,OAAO,KAAK,SAAS;EACvC,MAAMO,YAAY,GAAGP,OAAO,KAAK,YAAY;EAC7C,MAAMQ,iBAAiB,GAAGF,SAAS,IAAID,MAAM;EAC7C,MAAMI,MAAM,GAAG1E,SAAS,CAAC,CAAC;EAC1B,MAAMiB,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAM4E,MAAM,GAAGhE,SAAS,CAAC,CAAC;EAE1B,MAAM,CAACiE,OAAO,EAAEC,UAAU,CAAC,GAAGxF,QAAQ,CAAC,CAACoF,iBAAiB,IAAId,OAAO,CAAC;EAErEvE,SAAS,CAAC,MAAM;IACd,IAAI,CAACqF,iBAAiB,EAAEI,UAAU,CAAClB,OAAO,CAAC,CAAC,KACvC,IAAIA,OAAO,EAAEkB,UAAU,CAAC,IAAI,CAAC;EACpC,CAAC,EAAE,CAAClB,OAAO,EAAEc,iBAAiB,CAAC,CAAC;;EAEhC;EACA;EACA,MAAMK,UAA8B,GAAGR,MAAM,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC;EACtF,MAAMS,YAAY,GAAGT,MAAM,GAAG7D,aAAa,GAAG,EAAE;EAEhD,MAAMuE,QAAQ,GAAGtF,QAAQ,CAACuF,EAAE,KAAK,KAAK,GAAIX,MAAM,GAAGY,SAAS,GAAG,SAAS,GAAI,QAAQ;EACpF,MAAMC,cAAc,GAAGzF,QAAQ,CAACuF,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,EAAE;EAErD,MAAMG,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACzC,KAAK,IAAI,CAACiB,OAAO,EAAE,OAAO,IAAI;IACnC,oBACErD,KAAA,CAACV,IAAI;MAACwF,KAAK,EAAEV,MAAM,CAACtC,MAAO;MAAAyB,QAAA,GACxB,CAAC,CAACnB,KAAK,iBACNtC,IAAA,CAACJ,KAAK;QAACoF,KAAK,EAAEV,MAAM,CAAChC,KAAM;QAAC2C,aAAa,EAAE,CAAE;QAAAxB,QAAA,EAC1CnB;MAAK,CACD,CACR,EACA,CAACA,KAAK,iBAAItC,IAAA,CAACR,IAAI;QAACwF,KAAK,EAAEV,MAAM,CAAC9D;MAAM,CAAE,CAAC,EACvC,CAAC,CAAC+C,OAAO,iBACRvD,IAAA,CAACH,UAAU;QAACqF,QAAQ,EAAC,OAAO;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAExE,MAAM,CAACyE,IAAK;QAACC,OAAO,EAAE/B,OAAQ;QAACgC,kBAAkB,EAAE/B,uBAAwB;QAACwB,KAAK,EAAEV,MAAM,CAAC5B;MAAY,CAAE,CACvJ;IAAA,CACG,CAAC;EAEX,CAAC;EAED,MAAM8C,iBAAiB,GAAGA,CAAA,kBACxBxF,IAAA,CAACR,IAAI;IAACwF,KAAK,EAAE,CAACV,MAAM,CAACzB,cAAc,EAAEoB,MAAM,IAAIK,MAAM,CAAC9D,KAAK,CAAE;IAAAiD,QAAA,EAC1DI,UAAU,gBACT7D,IAAA,CAACT,UAAU;MACTyF,KAAK,EAAE,CAACV,MAAM,CAACvB,aAAa,EAAEkB,MAAM,IAAIK,MAAM,CAAC9D,KAAK,CAAE;MACtDiF,qBAAqB,EAAE,CAAC,CAACxB,MAAM,GAAGK,MAAM,CAACtB,aAAa,GAAGsB,MAAM,CAACpB,iBAAiB,EAAES,YAAY,CAAE;MACjG+B,yBAAyB,EAAC,SAAS;MACnCC,4BAA4B,EAAE,KAAM;MACpCC,OAAO,EAAEvG,QAAQ,CAACuF,EAAE,KAAK,KAAM;MAC/BiB,iCAAiC;MAAApC,QAAA,EAEhCA;IAAQ,CACC,CAAC,gBAEbzD,IAAA,CAACR,IAAI;MAACwF,KAAK,EAAE,CAAC,CAACf,MAAM,GAAGK,MAAM,CAACtB,aAAa,GAAGsB,MAAM,CAACpB,iBAAiB,EAAEe,MAAM,IAAIK,MAAM,CAAC9D,KAAK,EAAEmD,YAAY,CAAE;MAAAF,QAAA,EAC5GA;IAAQ,CACL;EACP,CACG,CACP;EAED,MAAMqC,YAAY,GAAGA,CAAA,KAAO3C,MAAM,gBAAGnD,IAAA,CAACR,IAAI;IAACwF,KAAK,EAAEV,MAAM,CAACnB,MAAO;IAAAM,QAAA,EAAEN;EAAM,CAAO,CAAC,GAAG,IAAK;EAExF,IAAI,CAACoB,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEvE,IAAA,CAACZ,OAAO;IACNkE,OAAO;IACPS,cAAc,EAAEA,cAAc,IAAIR,OAAQ;IAC1CwC,aAAa,EAAE3B,iBAAiB,GAAG,MAAM,GAAG;IAC5C;IACA;IACA;IACA;IACA;IACA;IAAA;IACA4B,iBAAiB,EACf3G,QAAQ,CAACuF,EAAE,KAAK,KAAK,GAAIT,YAAY,GAAG,YAAY,GAAG,gBAAgB,GAAIU,SAC5E;IACDoB,WAAW,EAAE/B,SAAS,IAAID,MAAO;IACjCH,oBAAoB,EAAEA,oBAAqB;IAC3CE,mBAAmB,EAAEA,mBAAoB;IAAAP,QAAA,eAEzCzD,IAAA,CAACd,oBAAoB;MAACyF,QAAQ,EAAEA,QAAS;MAACuB,sBAAsB,EAAEpB,cAAe;MAACE,KAAK,EAAEV,MAAM,CAAC9D,KAAM;MAAAiD,QAAA,EACnGS,SAAS,gBACRhE,KAAA,CAACV,IAAI;QAACwF,KAAK,EAAEV,MAAM,CAACxD,gBAAiB;QAAA2C,QAAA,gBAKnCzD,IAAA,CAACF,UAAU;UACTwD,OAAO,EAAEA,OAAQ;UACjB6C,MAAM,EAAC,MAAM;UACbC,QAAQ,EAAE,GAAI;UACdC,WAAW;UACXrB,KAAK,EAAE,CAAC;YAAE,GAAGsB;UAAuB,CAAC,EAAEhC,MAAM,CAACjD,QAAQ,CAAE;UAAAoC,QAAA,eAExDzD,IAAA,CAACV,SAAS;YAAC0F,KAAK,EAAEsB,sBAAuB;YAAChB,OAAO,EAAE/B,OAAQ;YAACgD,MAAM,EAAC;UAAgB,CAAE;QAAC,CAC5E,CAAC,eAEbrG,KAAA,CAACJ,UAAU;UACTwD,OAAO,EAAEA,OAAQ;UACjB6C,MAAM,EAAE1B,UAAW;UACnB+B,QAAQ,EAAE9B,YAAa;UACvB0B,QAAQ,EAAE,GAAI;UACdK,QAAQ,EAAEA,CAAA,KAAMjC,UAAU,CAAC,KAAK,CAAE;UAClCQ,KAAK,EAAE,CAACV,MAAM,CAAC/C,WAAW,EAAEmC,cAAc,CAAE;UAAAD,QAAA,GAE3CsB,YAAY,CAAC,CAAC,EACdS,iBAAiB,CAAC,CAAC,EACnBM,YAAY,CAAC,CAAC;QAAA,CACL,CAAC;MAAA,CACT,CAAC,GACL7B,MAAM,gBACRjE,IAAA,CAACF,UAAU;QACTwD,OAAO,EAAEA,OAAQ;QACjB6C,MAAM,EAAE1B,UAAW;QACnB+B,QAAQ,EAAE9B,YAAa;QACvB0B,QAAQ,EAAE,GAAI;QACdK,QAAQ,EAAEA,CAAA,KAAMjC,UAAU,CAAC,KAAK,CAAE;QAClCQ,KAAK,EAAE,CAACV,MAAM,CAAC5D,WAAW,EAAEgD,cAAc,CAAE;QAAAD,QAAA,eAE5CvD,KAAA,CAACV,IAAI;UAACwF,KAAK,EAAE,CAACV,MAAM,CAAC9D,KAAK,EAAE;YAAEkG,UAAU,EAAErC,MAAM,CAACsC,GAAG;YAAEC,aAAa,EAAEvC,MAAM,CAACwC;UAAO,CAAC,CAAE;UAAApD,QAAA,GACnFsB,YAAY,CAAC,CAAC,EACdS,iBAAiB,CAAC,CAAC,EACnBM,YAAY,CAAC,CAAC;QAAA,CACX;MAAC,CACG,CAAC,gBAEb9F,IAAA,CAACR,IAAI;QAACwF,KAAK,EAAE,CAACV,MAAM,CAAC5D,WAAW,EAAEgD,cAAc,CAAE;QAAAD,QAAA,eAChDvD,KAAA,CAACV,IAAI;UAACwF,KAAK,EAAE,CAACV,MAAM,CAAC9D,KAAK,EAAE;YAAEkG,UAAU,EAAErC,MAAM,CAACsC,GAAG;YAAEC,aAAa,EAAEvC,MAAM,CAACwC;UAAO,CAAC,CAAE;UAAApD,QAAA,GACnFsB,YAAY,CAAC,CAAC,EACdS,iBAAiB,CAAC,CAAC,EACnBM,YAAY,CAAC,CAAC;QAAA,CACX;MAAC,CACH;IACP,CACmB;EAAC,CAChB,CAAC;AAEd,CACF,CAAC;AACD3G,KAAK,CAAC2H,WAAW,GAAG,OAAO;AAE3B,MAAMR,sBAAiC,GAAG;EAAES,QAAQ,EAAE,UAAU;EAAEJ,GAAG,EAAE,CAAC;EAAEK,IAAI,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEJ,MAAM,EAAE;AAAE,CAAC","ignoreList":[]}

package/lib/module/organisms/NavigationBar.js

@@ -0,0 +1,200 @@
+"use strict";
+
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors, useInsets, useTheme } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  bar: {
+    flexDirection: 'row',
+    backgroundColor: theme.colors.surface,
+    borderColor: theme.colors.border,
+    paddingHorizontal: theme.tokens.spacing.xs,
+    paddingVertical: theme.tokens.spacing.sm
+  },
+  barBottom: {
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  barTop: {
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  indicator: {
+    position: 'absolute',
+    top: theme.tokens.spacing.xs,
+    bottom: theme.tokens.spacing.xs,
+    left: theme.tokens.spacing.sm,
+    borderRadius: theme.tokens.radius.lg,
+    backgroundColor: theme.colors.primarySoft
+  },
+  item: {
+    flex: 1,
+    paddingVertical: theme.tokens.spacing.xs
+  },
+  itemContent: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2
+  },
+  label: {
+    fontSize: theme.tokens.fontSize.xs,
+    fontWeight: theme.tokens.fontWeight.medium
+  },
+  badge: {
+    position: 'absolute',
+    top: -4,
+    left: '50%',
+    marginLeft: 4,
+    minWidth: 16,
+    height: 16,
+    paddingHorizontal: 4,
+    borderRadius: theme.tokens.radius.full,
+    backgroundColor: theme.colors.error,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  badgeDot: {
+    minWidth: 10,
+    height: 10,
+    top: -2,
+    paddingHorizontal: 0
+  },
+  badgeText: {
+    fontSize: 10,
+    fontWeight: theme.tokens.fontWeight.bold,
+    color: theme.colors.onError
+  }
+}));
+const ICON_SIZE = 22;
+
+/**
+ * NavigationBar
+ * Barra de navegación por pestañas con la misma apariencia y las mismas
+ * transiciones en iOS y Android: el indicador se desliza hasta la pestaña
+ * activa y su contenido crece y toma el color de acento con un cross-fade.
+ * No navega por su cuenta — reporta la pestaña tocada y el consumidor decide.
+ */
+export const NavigationBar = /*#__PURE__*/memo(({
+  items,
+  activeKey,
+  onChange,
+  position = 'bottom',
+  showLabels = true,
+  safeArea = true,
+  style,
+  testID
+}) => {
+  const theme = useTheme();
+  const colors = useColors();
+  const styles = useStyles();
+  const insets = useInsets();
+  const allowFontScaling = useAllowFontScaling();
+  const [barWidth, setBarWidth] = useState(0);
+  const slide = useRef(new Animated.Value(0)).current;
+  const placed = useRef(false);
+  const activeIndex = Math.max(0, items.findIndex(item => item.key === activeKey));
+  const itemWidth = items.length > 0 ? barWidth / items.length : 0;
+  useEffect(() => {
+    if (itemWidth <= 0) return;
+    const to = activeIndex * itemWidth;
+    // En el primer layout el indicador aparece en su lugar; animarlo desde 0
+    // sería un deslizamiento que el usuario no pidió.
+    if (!placed.current) {
+      placed.current = true;
+      slide.setValue(to);
+      return;
+    }
+    Animated.spring(slide, {
+      toValue: to,
+      useNativeDriver: true,
+      friction: 9,
+      tension: 90
+    }).start();
+  }, [activeIndex, itemWidth, slide]);
+  const onLayout = e => {
+    const next = e.nativeEvent.layout.width - theme.tokens.spacing.xs * 2;
+    if (next !== barWidth) setBarWidth(next);
+  };
+  const renderContent = (item, color) => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!!item.iconName && /*#__PURE__*/_jsx(Icon, {
+      name: item.iconName,
+      size: ICON_SIZE,
+      color: color
+    }), showLabels && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      numberOfLines: 1,
+      style: [styles.label, {
+        color
+      }],
+      children: item.label
+    })]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: onLayout,
+    accessibilityRole: "tablist",
+    style: [styles.bar, position === 'bottom' ? styles.barBottom : styles.barTop, safeArea && position === 'bottom' && {
+      paddingBottom: theme.tokens.spacing.sm + insets.bottom
+    }, safeArea && position === 'top' && {
+      paddingTop: theme.tokens.spacing.sm + insets.top
+    }, style],
+    children: [itemWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [styles.indicator, {
+        width: itemWidth - theme.tokens.spacing.sm * 2,
+        transform: [{
+          translateX: slide
+        }]
+      }]
+    }), items.map((item, index) => {
+      const active = index === activeIndex;
+      const range = [(index - 1) * itemWidth, index * itemWidth, (index + 1) * itemWidth];
+      const scale = itemWidth > 0 ? slide.interpolate({
+        inputRange: range,
+        outputRange: [1, 1.08, 1],
+        extrapolate: 'clamp'
+      }) : 1;
+      const activeOpacity = itemWidth > 0 ? slide.interpolate({
+        inputRange: range,
+        outputRange: [0, 1, 0],
+        extrapolate: 'clamp'
+      }) : 0;
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.item,
+        activeOpacity: 0.7,
+        onPress: () => onChange(item.key),
+        accessibilityRole: "tab",
+        accessibilityLabel: item.label,
+        accessibilityState: {
+          selected: active
+        },
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          style: [styles.itemContent, {
+            transform: [{
+              scale
+            }]
+          }],
+          children: [renderContent(item, colors.textLight), /*#__PURE__*/_jsx(Animated.View, {
+            pointerEvents: "none",
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: [StyleSheet.absoluteFill, styles.itemContent, {
+              opacity: activeOpacity
+            }],
+            children: renderContent(item, colors.primaryText)
+          }), item.badge !== undefined && /*#__PURE__*/_jsx(View, {
+            style: [styles.badge, item.badge === true && styles.badgeDot],
+            children: item.badge !== true && /*#__PURE__*/_jsx(Text, {
+              allowFontScaling: false,
+              style: styles.badgeText,
+              children: item.badge
+            })
+          })]
+        })
+      }, item.key);
+    })]
+  });
+});
+NavigationBar.displayName = 'NavigationBar';
+//# sourceMappingURL=NavigationBar.js.map