@sincpro/mobile-ui 3.0.1 → 3.1.0

package/dist/views/ListViewV2.js

@@ -1,259 +1,1408 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { FlashList, } from "@shopify/flash-list";
+import { c as _c } from "react/compiler-runtime";
+import { FlashList } from "@shopify/flash-list";
+import { FilterChip } from "../Actions/Actions.FilterButton.js";
 import { Display } from "../Display/index.js";
 import SearchHistory from "../Display/Display.SearchHistory.js";
 import { ErrorBoundary, Feedback } from "../Feedback/index.js";
 import { useBottomInset } from "../layouts/BottomInset.js";
 import Container from "../layouts/Container.js";
 import { Navigation } from "../Navigation/index.js";
-import { SegmentedControl, } from "../Navigation/Navigation.SegmentedControl.js";
+import { SegmentedControl } from "../Navigation/Navigation.SegmentedControl.js";
+import Pressable from "../primitives/Pressable.js";
 import { useTheme } from "../theme/index.js";
-import { cn, tv } from "../theme/tw.js";
+import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { ListViewProvider, useListView } from "./ListViewV2.context.js";
 import { toRowItems } from "./types/IListView.js";
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-import { RefreshControl, ScrollView, TouchableOpacity, View, } from "react-native";
+import { createContext, useCallback, useContext, useEffect, useEffectEvent, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { RefreshControl, ScrollView, View } from "react-native";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
 const RefreshErrorContext = createContext(undefined);
 export async function refreshListData(onRefresh, onRefreshError, setShowRefreshing) {
-    setShowRefreshing(true);
+  setShowRefreshing(true);
+  try {
+    await onRefresh?.();
+  } catch (error) {
+    console.error("[ListViewV2] Refresh failed", error);
     try {
-        await onRefresh?.();
-    }
-    catch (error) {
-        console.error("[ListViewV2] Refresh failed", error);
-        try {
-            onRefreshError?.(error);
-        }
-        catch (callbackError) {
-            console.error("[ListViewV2] onRefreshError callback failed", callbackError);
-        }
-    }
-    finally {
-        setShowRefreshing(false);
+      onRefreshError?.(error);
+    } catch (callbackError) {
+      console.error("[ListViewV2] onRefreshError callback failed", callbackError);
     }
+  } finally {
+    setShowRefreshing(false);
+  }
 }
-function ListViewRoot({ name, description, items, isLoading = false, hasError = false, errorMessage, readonly = false, onRefresh, onRefreshError, onRetry, onPressItem, onDeleteItem, onSearch, onBack, onLoadMore, loadingMore = false, hasMore = true, backgroundColor, withContainer = true, edges, children, }) {
-    const style = backgroundColor ? { backgroundColor } : undefined;
-    return (_jsx(ListViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, hasMore: hasMore, isLoading: isLoading, items: items, loadingMore: loadingMore, name: name, onBack: onBack, onDeleteItem: onDeleteItem, onLoadMore: onLoadMore, onPressItem: onPressItem, onRefresh: onRefresh, onRetry: onRetry, onSearch: onSearch, readonly: readonly, children: _jsx(RefreshErrorContext.Provider, { value: onRefreshError, children: _jsx(ErrorBoundary, { children: withContainer ? (_jsx(Container, { edges: edges, style: style, children: children })) : (_jsx(View, { className: "flex-1 bg-bg-page", style: style, children: children })) }) }) }));
+function ListViewRoot(t0) {
+  const $ = _c(28);
+  const {
+    name,
+    description,
+    items,
+    isLoading: t1,
+    hasError: t2,
+    errorMessage,
+    readonly: t3,
+    onRefresh,
+    onRefreshError,
+    onRetry,
+    onPressItem,
+    onDeleteItem,
+    onSearch,
+    onBack,
+    onLoadMore,
+    loadingMore: t4,
+    hasMore: t5,
+    backgroundColor,
+    withContainer: t6,
+    edges,
+    children
+  } = t0;
+  const isLoading = t1 === undefined ? false : t1;
+  const hasError = t2 === undefined ? false : t2;
+  const readonly = t3 === undefined ? false : t3;
+  const loadingMore = t4 === undefined ? false : t4;
+  const hasMore = t5 === undefined ? true : t5;
+  const withContainer = t6 === undefined ? true : t6;
+  let t7;
+  if ($[0] !== backgroundColor) {
+    t7 = backgroundColor ? {
+      backgroundColor
+    } : undefined;
+    $[0] = backgroundColor;
+    $[1] = t7;
+  } else {
+    t7 = $[1];
+  }
+  const style = t7;
+  let t8;
+  if ($[2] !== children || $[3] !== edges || $[4] !== style || $[5] !== withContainer) {
+    t8 = _jsx(ErrorBoundary, {
+      children: withContainer ? _jsx(Container, {
+        edges: edges,
+        style: style,
+        children: children
+      }) : _jsx(View, {
+        className: "flex-1 bg-bg-page",
+        style: style,
+        children: children
+      })
+    });
+    $[2] = children;
+    $[3] = edges;
+    $[4] = style;
+    $[5] = withContainer;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  let t9;
+  if ($[7] !== onRefreshError || $[8] !== t8) {
+    t9 = _jsx(RefreshErrorContext.Provider, {
+      value: onRefreshError,
+      children: t8
+    });
+    $[7] = onRefreshError;
+    $[8] = t8;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  let t10;
+  if ($[10] !== description || $[11] !== errorMessage || $[12] !== hasError || $[13] !== hasMore || $[14] !== isLoading || $[15] !== items || $[16] !== loadingMore || $[17] !== name || $[18] !== onBack || $[19] !== onDeleteItem || $[20] !== onLoadMore || $[21] !== onPressItem || $[22] !== onRefresh || $[23] !== onRetry || $[24] !== onSearch || $[25] !== readonly || $[26] !== t9) {
+    t10 = _jsx(ListViewProvider, {
+      description: description,
+      errorMessage: errorMessage,
+      hasError: hasError,
+      hasMore: hasMore,
+      isLoading: isLoading,
+      items: items,
+      loadingMore: loadingMore,
+      name: name,
+      onBack: onBack,
+      onDeleteItem: onDeleteItem,
+      onLoadMore: onLoadMore,
+      onPressItem: onPressItem,
+      onRefresh: onRefresh,
+      onRetry: onRetry,
+      onSearch: onSearch,
+      readonly: readonly,
+      children: t9
+    });
+    $[10] = description;
+    $[11] = errorMessage;
+    $[12] = hasError;
+    $[13] = hasMore;
+    $[14] = isLoading;
+    $[15] = items;
+    $[16] = loadingMore;
+    $[17] = name;
+    $[18] = onBack;
+    $[19] = onDeleteItem;
+    $[20] = onLoadMore;
+    $[21] = onPressItem;
+    $[22] = onRefresh;
+    $[23] = onRetry;
+    $[24] = onSearch;
+    $[25] = readonly;
+    $[26] = t9;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  return t10;
 }
-function Header({ safeArea = true, variant = "large", tone, actions, children, background, topSpacing, }) {
-    const { name, description, onBack } = useListView();
-    return (_jsx(Navigation.AppBar, { actions: actions, background: background, onBack: onBack, safeArea: safeArea, subheader: children, subtitle: description ?? undefined, title: name, tone: tone, topSpacing: topSpacing, variant: variant }));
+function Header(t0) {
+  const $ = _c(11);
+  const {
+    safeArea: t1,
+    variant: t2,
+    tone,
+    actions,
+    children,
+    background,
+    topSpacing
+  } = t0;
+  const safeArea = t1 === undefined ? true : t1;
+  const variant = t2 === undefined ? "large" : t2;
+  const {
+    name,
+    description,
+    onBack
+  } = useListView();
+  const t3 = description ?? undefined;
+  let t4;
+  if ($[0] !== actions || $[1] !== background || $[2] !== children || $[3] !== name || $[4] !== onBack || $[5] !== safeArea || $[6] !== t3 || $[7] !== tone || $[8] !== topSpacing || $[9] !== variant) {
+    t4 = _jsx(Navigation.AppBar, {
+      actions: actions,
+      background: background,
+      onBack: onBack,
+      safeArea: safeArea,
+      subheader: children,
+      subtitle: t3,
+      title: name,
+      tone: tone,
+      topSpacing: topSpacing,
+      variant: variant
+    });
+    $[0] = actions;
+    $[1] = background;
+    $[2] = children;
+    $[3] = name;
+    $[4] = onBack;
+    $[5] = safeArea;
+    $[6] = t3;
+    $[7] = tone;
+    $[8] = topSpacing;
+    $[9] = variant;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 }
-function HeaderSearch({ searchQuery = "" }) {
-    const { name, onSearch } = useListView();
-    const [query, setQuery] = useState(searchQuery);
-    const [debouncedQuery, setDebouncedQuery] = useState(searchQuery);
-    const onSearchRef = React.useRef(onSearch);
-    useEffect(() => {
-        onSearchRef.current = onSearch;
-    }, [onSearch]);
-    useEffect(() => {
-        const timeout = setTimeout(() => {
-            setDebouncedQuery(query);
-        }, 400);
-        return () => clearTimeout(timeout);
-    }, [query]);
-    useEffect(() => {
-        if (debouncedQuery !== undefined) {
-            onSearchRef.current?.(debouncedQuery);
-        }
-    }, [debouncedQuery]);
-    if (!onSearch) {
-        return null;
-    }
-    return (_jsx(View, { className: "pb-2", children: _jsx(Navigation.SearchBar, { onChangeText: setQuery, placeholder: `Buscar ${name}`, value: query }) }));
+const SEARCH_DEBOUNCE_MS = 400;
+function HeaderSearch(t0) {
+  const $ = _c(11);
+  const {
+    searchQuery: t1,
+    textVariant
+  } = t0;
+  const searchQuery = t1 === undefined ? "" : t1;
+  const {
+    name,
+    onSearch
+  } = useListView();
+  const [query, setQuery] = useState(searchQuery);
+  let t2;
+  if ($[0] !== onSearch) {
+    t2 = value => onSearch?.(value);
+    $[0] = onSearch;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const search = useEffectEvent(t2);
+  let t3;
+  if ($[2] !== query || $[3] !== search) {
+    t3 = () => {
+      const timeout = setTimeout(() => search(query), SEARCH_DEBOUNCE_MS);
+      return () => clearTimeout(timeout);
+    };
+    $[2] = query;
+    $[3] = search;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== query) {
+    t4 = [query];
+    $[5] = query;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  if (!onSearch) {
+    return null;
+  }
+  const t5 = `Buscar ${name}`;
+  let t6;
+  if ($[7] !== query || $[8] !== t5 || $[9] !== textVariant) {
+    t6 = _jsx(View, {
+      className: "pb-2",
+      children: _jsx(Navigation.SearchBar, {
+        onChangeText: setQuery,
+        placeholder: t5,
+        textVariant: textVariant,
+        value: query
+      })
+    });
+    $[7] = query;
+    $[8] = t5;
+    $[9] = textVariant;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  return t6;
 }
-function HeaderActions({ children }) {
-    return (_jsx(View, { className: "flex-row px-4 my-2 items-center justify-between flex-1 gap-2", children: children }));
+function HeaderActions(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "flex-row px-4 my-2 items-center justify-between flex-1 gap-2",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
+
 /** Secondary action bar docked below the AppBar — use for Save/Cancel, filter chips, etc. */
-function HeaderActionsBar({ children }) {
-    return (_jsx(View, { className: "bg-bg-card px-4 pt-1 pb-3 border-b border-border-light flex-row gap-2 items-center", children: children }));
+function HeaderActionsBar(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "bg-bg-card px-4 pt-1 pb-3 border-b border-border-light flex-row gap-2 items-center",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
+
 /**
  * Tab-like segmented switch for the header subheader (e.g. "Activos" / "Archivados").
  * Use as a child of `<ListViewV2.Header>` — it lands in the AppBar subheader slot.
  */
 function HeaderSegmented(props) {
-    return _jsx(SegmentedControl, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _jsx(SegmentedControl, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
+
 /**
  * Recent-searches list. Render as a SIBLING of the Header (like Filters/ActionsBar) —
  * typically while the search query is empty. Delegates to `Display.SearchHistory`.
  */
 function HeaderSearchHistory(props) {
-    return _jsx(SearchHistory, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _jsx(SearchHistory, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function HeaderFilters({ children }) {
-    return _jsx(View, { className: "px-4 py-2 items-center", children: children });
+function HeaderFilters(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "px-4 py-2 items-center",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
-// Active filter uses the action color. The capsule is a pill; the rest of the chrome is not.
-const filterChip = tv({
-    base: "py-1.5 px-3.5 items-center justify-center rounded-full",
-    variants: {
-        active: {
-            true: "bg-primary",
-            false: "bg-bg-muted",
-        },
-    },
-    defaultVariants: { active: false },
-});
-const filterChipText = tv({
-    variants: {
-        active: {
-            true: "text-text-on-primary font-semibold",
-            false: "text-text-secondary",
-        },
-    },
-    defaultVariants: { active: false },
-});
-function FilterChip({ label, active = false, onPress }) {
-    return (_jsx(TouchableOpacity, { activeOpacity: 0.8, className: filterChip({ active }), onPress: onPress, children: _jsx(Typography.Text, { className: filterChipText({ active }), variant: "bodySmall", children: label }) }));
-}
-function FilterChips({ children }) {
-    return (_jsx(ScrollView, { contentContainerStyle: { paddingHorizontal: 16, gap: 8 }, horizontal: true, showsHorizontalScrollIndicator: false, style: { flexGrow: 0 }, children: children }));
+function FilterChips(t0) {
+  const $ = _c(4);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      paddingHorizontal: 16,
+      gap: 8
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      flexGrow: 0
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== children) {
+    t3 = _jsx(ScrollView, {
+      contentContainerStyle: t1,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      style: t2,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
 }
+
+/** A row on screen, as the screen knows it: the original item and its position. */
+
+/**
+ * Recycling and viewport options in the DS vocabulary. The engine behind them
+ * (FlashList v2 today) can change without touching a screen.
+ */
+
+/** Imperative scroll for `ListViewV2.Content ref`. Calls are ignored while no list is shown. */
+
+const VIEW_POSITION = {
+  start: 0,
+  center: 0.5,
+  end: 1
+};
+const KEEP_POSITION_OFF = {
+  disabled: true
+};
 function rowKey(row) {
-    return String(row.id);
+  return String(row.id);
 }
-function ContentList({ children, contentWithMargin, keyboardShouldPersistTaps, keyboardDismissMode, testID, listProps, listRef, contentContainerStyle, }) {
-    const { items, onRefresh, showRefreshing, setShowRefreshing, onPressItem, onDeleteItem, readonly, onLoadMore, loadingMore, hasMore, } = useListView();
-    const bottomInset = useBottomInset();
-    const theme = useTheme();
-    const rowItems = useMemo(() => toRowItems(items), [items]);
-    const onRefreshError = useContext(RefreshErrorContext);
-    const handleRefresh = useCallback(async () => {
-        await refreshListData(onRefresh, onRefreshError, setShowRefreshing);
-    }, [onRefresh, onRefreshError, setShowRefreshing]);
-    const renderItem = useCallback(({ item: row }) => {
-        if (children) {
-            return _jsx(_Fragment, { children: children(row.item, row) });
-        }
-        const onPress = () => onPressItem?.(row.item);
-        const onDelete = () => onDeleteItem?.(row.item);
-        const isReadOnly = row.readonly || readonly || false;
-        return (_jsx(Navigation.RowItem, { item: row, onDelete: onDelete, onPress: onPress, readonly: isReadOnly }));
-    }, [children, onPressItem, onDeleteItem, readonly]);
-    return (_jsx(View, { style: {
-            flex: 1,
-            marginTop: 2,
-            paddingHorizontal: contentWithMargin ? 4 : 0,
-            backgroundColor: theme.bg.page,
-        }, children: _jsx(FlashList, { ...listProps, contentContainerStyle: [
-                bottomInset ? { paddingBottom: bottomInset } : undefined,
-                contentContainerStyle,
-            ], data: rowItems, keyboardDismissMode: keyboardDismissMode, keyboardShouldPersistTaps: keyboardShouldPersistTaps, keyExtractor: rowKey, ListFooterComponent: loadingMore ? (_jsx(View, { className: "py-4", children: _jsx(Feedback.Spinner, { size: "small" }) })) : undefined, maintainVisibleContentPosition: listProps?.maintainVisibleContentPosition ?? { disabled: true }, onEndReached: onLoadMore
-                ? () => {
-                    if (hasMore && !loadingMore && !showRefreshing)
-                        onLoadMore();
-                }
-                : undefined, onEndReachedThreshold: listProps?.onEndReachedThreshold ?? 0.5, ref: listRef, refreshControl: _jsx(RefreshControl, { colors: [theme.primary], onRefresh: handleRefresh, refreshing: showRefreshing }), renderItem: renderItem, showsVerticalScrollIndicator: false, style: { flex: 1 }, testID: testID }) }));
+function ContentList(t0) {
+  const $ = _c(61);
+  const {
+    children,
+    contentWithMargin,
+    keyboardShouldPersistTaps,
+    keyboardDismissMode,
+    testID,
+    tuning,
+    engineRef,
+    contentContainerStyle
+  } = t0;
+  const {
+    items,
+    onRefresh,
+    showRefreshing,
+    setShowRefreshing,
+    onPressItem,
+    onDeleteItem,
+    readonly,
+    onLoadMore,
+    loadingMore,
+    hasMore
+  } = useListView();
+  const bottomInset = useBottomInset();
+  const theme = useTheme();
+  let t1;
+  if ($[0] !== items) {
+    t1 = toRowItems(items);
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const rowItems = t1;
+  const onRefreshError = useContext(RefreshErrorContext);
+  let t2;
+  if ($[2] !== onRefresh || $[3] !== onRefreshError || $[4] !== setShowRefreshing) {
+    t2 = async () => {
+      await refreshListData(onRefresh, onRefreshError, setShowRefreshing);
+    };
+    $[2] = onRefresh;
+    $[3] = onRefreshError;
+    $[4] = setShowRefreshing;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const handleRefresh = t2;
+  let t3;
+  if ($[6] !== children || $[7] !== onDeleteItem || $[8] !== onPressItem || $[9] !== readonly) {
+    t3 = t4 => {
+      const {
+        item: row
+      } = t4;
+      if (children) {
+        return _jsx(_Fragment, {
+          children: children(row.item, row)
+        });
+      }
+      const onPress = () => onPressItem?.(row.item);
+      const onDelete = () => onDeleteItem?.(row.item);
+      const isReadOnly = row.readonly || readonly || false;
+      return _jsx(Navigation.RowItem, {
+        item: row,
+        onDelete: onDelete,
+        onPress: onPress,
+        readonly: isReadOnly
+      });
+    };
+    $[6] = children;
+    $[7] = onDeleteItem;
+    $[8] = onPressItem;
+    $[9] = readonly;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const renderItem = t3;
+  const rowType = tuning?.rowType;
+  let t4;
+  if ($[11] !== rowType) {
+    t4 = rowType ? (row_0, index) => rowType(row_0.item, index) : undefined;
+    $[11] = rowType;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const getItemType = t4;
+  const onVisibleRowsChange = tuning?.onVisibleRowsChange;
+  let t5;
+  if ($[13] !== onVisibleRowsChange) {
+    t5 = onVisibleRowsChange ? t6 => {
+      const {
+        viewableItems
+      } = t6;
+      return onVisibleRowsChange(viewableItems.flatMap(_temp));
+    } : undefined;
+    $[13] = onVisibleRowsChange;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const onViewableItemsChanged = t5;
+  const visiblePercent = tuning?.visiblePercent;
+  let t6;
+  if ($[15] !== visiblePercent) {
+    t6 = visiblePercent === undefined ? undefined : {
+      itemVisiblePercentThreshold: visiblePercent
+    };
+    $[15] = visiblePercent;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  const viewabilityConfig = t6;
+  const t7 = contentWithMargin ? 4 : 0;
+  let t8;
+  if ($[17] !== t7 || $[18] !== theme.bg.page) {
+    t8 = {
+      flex: 1,
+      marginTop: 2,
+      paddingHorizontal: t7,
+      backgroundColor: theme.bg.page
+    };
+    $[17] = t7;
+    $[18] = theme.bg.page;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== bottomInset) {
+    t9 = bottomInset ? {
+      paddingBottom: bottomInset
+    } : undefined;
+    $[20] = bottomInset;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== contentContainerStyle || $[23] !== t9) {
+    t10 = [t9, contentContainerStyle];
+    $[22] = contentContainerStyle;
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  const t11 = tuning?.drawDistance;
+  const t12 = tuning?.extraData;
+  const t13 = tuning?.initialIndex;
+  let t14;
+  if ($[25] !== loadingMore) {
+    t14 = loadingMore ? _jsx(View, {
+      className: "py-4",
+      children: _jsx(Feedback.Spinner, {
+        size: "small"
+      })
+    }) : undefined;
+    $[25] = loadingMore;
+    $[26] = t14;
+  } else {
+    t14 = $[26];
+  }
+  const t15 = tuning?.keepVisiblePosition ? undefined : KEEP_POSITION_OFF;
+  let t16;
+  if ($[27] !== hasMore || $[28] !== loadingMore || $[29] !== onLoadMore || $[30] !== showRefreshing) {
+    t16 = onLoadMore ? () => {
+      if (hasMore && !loadingMore && !showRefreshing) {
+        onLoadMore();
+      }
+    } : undefined;
+    $[27] = hasMore;
+    $[28] = loadingMore;
+    $[29] = onLoadMore;
+    $[30] = showRefreshing;
+    $[31] = t16;
+  } else {
+    t16 = $[31];
+  }
+  const t17 = tuning?.loadMoreThreshold ?? 0.5;
+  let t18;
+  if ($[32] !== theme.primary) {
+    t18 = [theme.primary];
+    $[32] = theme.primary;
+    $[33] = t18;
+  } else {
+    t18 = $[33];
+  }
+  let t19;
+  if ($[34] !== handleRefresh || $[35] !== showRefreshing || $[36] !== t18) {
+    t19 = _jsx(RefreshControl, {
+      colors: t18,
+      onRefresh: handleRefresh,
+      refreshing: showRefreshing
+    });
+    $[34] = handleRefresh;
+    $[35] = showRefreshing;
+    $[36] = t18;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  let t20;
+  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = {
+      flex: 1
+    };
+    $[38] = t20;
+  } else {
+    t20 = $[38];
+  }
+  let t21;
+  if ($[39] !== engineRef || $[40] !== getItemType || $[41] !== keyboardDismissMode || $[42] !== keyboardShouldPersistTaps || $[43] !== onViewableItemsChanged || $[44] !== renderItem || $[45] !== rowItems || $[46] !== t10 || $[47] !== t11 || $[48] !== t12 || $[49] !== t13 || $[50] !== t14 || $[51] !== t15 || $[52] !== t16 || $[53] !== t17 || $[54] !== t19 || $[55] !== testID || $[56] !== viewabilityConfig) {
+    t21 = _jsx(FlashList, {
+      contentContainerStyle: t10,
+      data: rowItems,
+      drawDistance: t11,
+      extraData: t12,
+      getItemType: getItemType,
+      initialScrollIndex: t13,
+      keyboardDismissMode: keyboardDismissMode,
+      keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+      keyExtractor: rowKey,
+      ListFooterComponent: t14,
+      maintainVisibleContentPosition: t15,
+      onEndReached: t16,
+      onEndReachedThreshold: t17,
+      onViewableItemsChanged: onViewableItemsChanged,
+      ref: engineRef,
+      refreshControl: t19,
+      renderItem: renderItem,
+      showsVerticalScrollIndicator: false,
+      style: t20,
+      testID: testID,
+      viewabilityConfig: viewabilityConfig
+    });
+    $[39] = engineRef;
+    $[40] = getItemType;
+    $[41] = keyboardDismissMode;
+    $[42] = keyboardShouldPersistTaps;
+    $[43] = onViewableItemsChanged;
+    $[44] = renderItem;
+    $[45] = rowItems;
+    $[46] = t10;
+    $[47] = t11;
+    $[48] = t12;
+    $[49] = t13;
+    $[50] = t14;
+    $[51] = t15;
+    $[52] = t16;
+    $[53] = t17;
+    $[54] = t19;
+    $[55] = testID;
+    $[56] = viewabilityConfig;
+    $[57] = t21;
+  } else {
+    t21 = $[57];
+  }
+  let t22;
+  if ($[58] !== t21 || $[59] !== t8) {
+    t22 = _jsx(View, {
+      style: t8,
+      children: t21
+    });
+    $[58] = t21;
+    $[59] = t8;
+    $[60] = t22;
+  } else {
+    t22 = $[60];
+  }
+  return t22;
 }
-function Content({ children, withMargin = true, keyboardShouldPersistTaps = "handled", keyboardDismissMode = "none", testID, listProps, listRef, contentContainerStyle, }) {
-    const { name, items, isLoading, hasError, errorMessage, onRefresh, onRetry, onBack, showRefreshing, setShowRefreshing, } = useListView();
-    const bottomInset = useBottomInset();
-    const theme = useTheme();
-    const onRefreshError = useContext(RefreshErrorContext);
-    const handleRefresh = useCallback(async () => {
-        await refreshListData(onRefresh, onRefreshError, setShowRefreshing);
-    }, [onRefresh, onRefreshError, setShowRefreshing]);
-    if (isLoading) {
-        return _jsx(Feedback.Loading, { message: `Cargando ${name}...` });
+function _temp(token) {
+  return token.index === null ? [] : [{
+    item: token.item.item,
+    index: token.index
+  }];
+}
+function Content(t0) {
+  const $ = _c(72);
+  const {
+    children,
+    withMargin: t1,
+    keyboardShouldPersistTaps: t2,
+    keyboardDismissMode: t3,
+    testID,
+    tuning,
+    contentContainerStyle,
+    ref
+  } = t0;
+  const withMargin = t1 === undefined ? true : t1;
+  const keyboardShouldPersistTaps = t2 === undefined ? "handled" : t2;
+  const keyboardDismissMode = t3 === undefined ? "none" : t3;
+  const {
+    name,
+    items,
+    isLoading,
+    hasError,
+    errorMessage,
+    onRefresh,
+    onRetry,
+    onBack,
+    showRefreshing,
+    setShowRefreshing
+  } = useListView();
+  const bottomInset = useBottomInset();
+  const theme = useTheme();
+  const onRefreshError = useContext(RefreshErrorContext);
+  const engineRef = useRef(null);
+  const count = items.length;
+  let t4;
+  let t5;
+  if ($[0] !== count) {
+    t4 = () => ({
+      scrollToIndex: async (index, options) => {
+        if (index < 0 || index >= count) {
+          return;
+        }
+        await engineRef.current?.scrollToIndex({
+          index,
+          animated: options?.animated ?? true,
+          viewPosition: VIEW_POSITION[options?.position ?? "start"]
+        });
+      },
+      scrollToTop: options_0 => engineRef.current?.scrollToTop({
+        animated: options_0?.animated ?? true
+      }),
+      scrollToEnd: options_1 => engineRef.current?.scrollToEnd({
+        animated: options_1?.animated ?? true
+      })
+    });
+    t5 = [count];
+    $[0] = count;
+    $[1] = t4;
+    $[2] = t5;
+  } else {
+    t4 = $[1];
+    t5 = $[2];
+  }
+  useImperativeHandle(ref, t4, t5);
+  let t6;
+  if ($[3] !== onRefresh || $[4] !== onRefreshError || $[5] !== setShowRefreshing) {
+    t6 = async () => {
+      await refreshListData(onRefresh, onRefreshError, setShowRefreshing);
+    };
+    $[3] = onRefresh;
+    $[4] = onRefreshError;
+    $[5] = setShowRefreshing;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const handleRefresh = t6;
+  if (isLoading) {
+    const t7 = `Cargando ${name}...`;
+    let t8;
+    if ($[7] !== t7) {
+      t8 = _jsx(Feedback.Loading, {
+        message: t7
+      });
+      $[7] = t7;
+      $[8] = t8;
+    } else {
+      t8 = $[8];
     }
-    if (hasError) {
-        return (_jsx(ScrollView, { contentContainerStyle: [
-                {
-                    flexGrow: 1,
-                    justifyContent: "center",
-                    alignItems: "center",
-                    paddingBottom: bottomInset,
-                },
-                contentContainerStyle,
-            ], keyboardDismissMode: keyboardDismissMode, keyboardShouldPersistTaps: keyboardShouldPersistTaps, refreshControl: _jsx(RefreshControl, { colors: [theme.primary], onRefresh: handleRefresh, refreshing: showRefreshing }), style: { backgroundColor: theme.bg.page }, testID: testID, children: _jsx(Feedback.Error, { message: errorMessage, onBack: onBack, onRetry: onRetry }) }));
+    return t8;
+  }
+  if (hasError) {
+    let t7;
+    if ($[9] !== bottomInset) {
+      t7 = {
+        flexGrow: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingBottom: bottomInset
+      };
+      $[9] = bottomInset;
+      $[10] = t7;
+    } else {
+      t7 = $[10];
     }
-    if (items.length === 0) {
-        return (_jsx(ScrollView, { contentContainerStyle: [
-                {
-                    flexGrow: 1,
-                    justifyContent: "center",
-                    alignItems: "center",
-                    paddingBottom: bottomInset,
-                },
-                contentContainerStyle,
-            ], keyboardDismissMode: keyboardDismissMode, keyboardShouldPersistTaps: keyboardShouldPersistTaps, refreshControl: _jsx(RefreshControl, { colors: [theme.primary], onRefresh: handleRefresh, refreshing: showRefreshing }), style: { backgroundColor: theme.bg.page }, testID: testID, children: _jsx(Feedback.Empty, {}) }));
+    let t8;
+    if ($[11] !== contentContainerStyle || $[12] !== t7) {
+      t8 = [t7, contentContainerStyle];
+      $[11] = contentContainerStyle;
+      $[12] = t7;
+      $[13] = t8;
+    } else {
+      t8 = $[13];
     }
-    return (_jsxs(View, { style: { flex: 1, backgroundColor: theme.bg.page }, children: [_jsx(Display.CountRecords, { count: items.length || 0, name: name }), _jsx(ContentList, { contentContainerStyle: contentContainerStyle, contentWithMargin: withMargin, keyboardDismissMode: keyboardDismissMode, keyboardShouldPersistTaps: keyboardShouldPersistTaps, listProps: listProps, listRef: listRef, testID: testID, children: children })] }));
-}
-function Footer({ children }) {
-    const { items } = useListView();
-    if (items.length === 0) {
-        return null;
+    let t9;
+    if ($[14] !== theme.primary) {
+      t9 = [theme.primary];
+      $[14] = theme.primary;
+      $[15] = t9;
+    } else {
+      t9 = $[15];
+    }
+    let t10;
+    if ($[16] !== handleRefresh || $[17] !== showRefreshing || $[18] !== t9) {
+      t10 = _jsx(RefreshControl, {
+        colors: t9,
+        onRefresh: handleRefresh,
+        refreshing: showRefreshing
+      });
+      $[16] = handleRefresh;
+      $[17] = showRefreshing;
+      $[18] = t9;
+      $[19] = t10;
+    } else {
+      t10 = $[19];
+    }
+    let t11;
+    if ($[20] !== theme.bg.page) {
+      t11 = {
+        backgroundColor: theme.bg.page
+      };
+      $[20] = theme.bg.page;
+      $[21] = t11;
+    } else {
+      t11 = $[21];
+    }
+    let t12;
+    if ($[22] !== errorMessage || $[23] !== onBack || $[24] !== onRetry) {
+      t12 = _jsx(Feedback.Error, {
+        message: errorMessage,
+        onBack: onBack,
+        onRetry: onRetry
+      });
+      $[22] = errorMessage;
+      $[23] = onBack;
+      $[24] = onRetry;
+      $[25] = t12;
+    } else {
+      t12 = $[25];
+    }
+    let t13;
+    if ($[26] !== keyboardDismissMode || $[27] !== keyboardShouldPersistTaps || $[28] !== t10 || $[29] !== t11 || $[30] !== t12 || $[31] !== t8 || $[32] !== testID) {
+      t13 = _jsx(ScrollView, {
+        contentContainerStyle: t8,
+        keyboardDismissMode: keyboardDismissMode,
+        keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+        refreshControl: t10,
+        style: t11,
+        testID: testID,
+        children: t12
+      });
+      $[26] = keyboardDismissMode;
+      $[27] = keyboardShouldPersistTaps;
+      $[28] = t10;
+      $[29] = t11;
+      $[30] = t12;
+      $[31] = t8;
+      $[32] = testID;
+      $[33] = t13;
+    } else {
+      t13 = $[33];
+    }
+    return t13;
+  }
+  if (items.length === 0) {
+    let t7;
+    if ($[34] !== bottomInset) {
+      t7 = {
+        flexGrow: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingBottom: bottomInset
+      };
+      $[34] = bottomInset;
+      $[35] = t7;
+    } else {
+      t7 = $[35];
     }
-    return _jsx(View, { className: "px-4", children: children });
+    let t8;
+    if ($[36] !== contentContainerStyle || $[37] !== t7) {
+      t8 = [t7, contentContainerStyle];
+      $[36] = contentContainerStyle;
+      $[37] = t7;
+      $[38] = t8;
+    } else {
+      t8 = $[38];
+    }
+    let t9;
+    if ($[39] !== theme.primary) {
+      t9 = [theme.primary];
+      $[39] = theme.primary;
+      $[40] = t9;
+    } else {
+      t9 = $[40];
+    }
+    let t10;
+    if ($[41] !== handleRefresh || $[42] !== showRefreshing || $[43] !== t9) {
+      t10 = _jsx(RefreshControl, {
+        colors: t9,
+        onRefresh: handleRefresh,
+        refreshing: showRefreshing
+      });
+      $[41] = handleRefresh;
+      $[42] = showRefreshing;
+      $[43] = t9;
+      $[44] = t10;
+    } else {
+      t10 = $[44];
+    }
+    let t11;
+    if ($[45] !== theme.bg.page) {
+      t11 = {
+        backgroundColor: theme.bg.page
+      };
+      $[45] = theme.bg.page;
+      $[46] = t11;
+    } else {
+      t11 = $[46];
+    }
+    let t12;
+    if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = _jsx(Feedback.Empty, {});
+      $[47] = t12;
+    } else {
+      t12 = $[47];
+    }
+    let t13;
+    if ($[48] !== keyboardDismissMode || $[49] !== keyboardShouldPersistTaps || $[50] !== t10 || $[51] !== t11 || $[52] !== t8 || $[53] !== testID) {
+      t13 = _jsx(ScrollView, {
+        contentContainerStyle: t8,
+        keyboardDismissMode: keyboardDismissMode,
+        keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+        refreshControl: t10,
+        style: t11,
+        testID: testID,
+        children: t12
+      });
+      $[48] = keyboardDismissMode;
+      $[49] = keyboardShouldPersistTaps;
+      $[50] = t10;
+      $[51] = t11;
+      $[52] = t8;
+      $[53] = testID;
+      $[54] = t13;
+    } else {
+      t13 = $[54];
+    }
+    return t13;
+  }
+  let t7;
+  if ($[55] !== theme.bg.page) {
+    t7 = {
+      flex: 1,
+      backgroundColor: theme.bg.page
+    };
+    $[55] = theme.bg.page;
+    $[56] = t7;
+  } else {
+    t7 = $[56];
+  }
+  const t8 = items.length || 0;
+  let t9;
+  if ($[57] !== name || $[58] !== t8) {
+    t9 = _jsx(Display.CountRecords, {
+      count: t8,
+      name: name
+    });
+    $[57] = name;
+    $[58] = t8;
+    $[59] = t9;
+  } else {
+    t9 = $[59];
+  }
+  let t10;
+  if ($[60] !== children || $[61] !== contentContainerStyle || $[62] !== keyboardDismissMode || $[63] !== keyboardShouldPersistTaps || $[64] !== testID || $[65] !== tuning || $[66] !== withMargin) {
+    t10 = _jsx(ContentList, {
+      contentContainerStyle: contentContainerStyle,
+      contentWithMargin: withMargin,
+      engineRef: engineRef,
+      keyboardDismissMode: keyboardDismissMode,
+      keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+      testID: testID,
+      tuning: tuning,
+      children: children
+    });
+    $[60] = children;
+    $[61] = contentContainerStyle;
+    $[62] = keyboardDismissMode;
+    $[63] = keyboardShouldPersistTaps;
+    $[64] = testID;
+    $[65] = tuning;
+    $[66] = withMargin;
+    $[67] = t10;
+  } else {
+    t10 = $[67];
+  }
+  let t11;
+  if ($[68] !== t10 || $[69] !== t7 || $[70] !== t9) {
+    t11 = _jsxs(View, {
+      style: t7,
+      children: [t9, t10]
+    });
+    $[68] = t10;
+    $[69] = t7;
+    $[70] = t9;
+    $[71] = t11;
+  } else {
+    t11 = $[71];
+  }
+  return t11;
 }
-function FloatingButton({ children }) {
-    return _jsx(View, { className: "absolute bottom-[50px] right-6 z-10", children: children });
+function Footer(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  const {
+    items
+  } = useListView();
+  if (items.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "px-4",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
-function RowRoot({ children, onPress, onLongPress, showDivider = true, style, backgroundColor, }) {
-    const baseClass = "flex-row items-center py-3 px-4 bg-bg-card";
-    const dividerClass = showDivider ? " border-b border-border-default" : "";
-    const content = (_jsx(View, { className: baseClass + dividerClass, style: [backgroundColor ? { backgroundColor } : undefined, style], children: children }));
-    if (onPress || onLongPress) {
-        return (_jsx(TouchableOpacity, { activeOpacity: 0.7, onLongPress: onLongPress, onPress: onPress, children: content }));
+function FloatingButton(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "absolute bottom-[50px] right-6 z-10",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+function RowRoot(t0) {
+  const $ = _c(13);
+  const {
+    children,
+    onPress,
+    onLongPress,
+    showDivider: t1,
+    style,
+    backgroundColor
+  } = t0;
+  const showDivider = t1 === undefined ? true : t1;
+  const dividerClass = showDivider ? " border-b border-border-default" : "";
+  const t2 = "flex-row items-center py-3 px-4 bg-bg-card" + dividerClass;
+  let t3;
+  if ($[0] !== backgroundColor) {
+    t3 = backgroundColor ? {
+      backgroundColor
+    } : undefined;
+    $[0] = backgroundColor;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  let t4;
+  if ($[2] !== style || $[3] !== t3) {
+    t4 = [t3, style];
+    $[2] = style;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== children || $[6] !== t2 || $[7] !== t4) {
+    t5 = _jsx(View, {
+      className: t2,
+      style: t4,
+      children: children
+    });
+    $[5] = children;
+    $[6] = t2;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const content = t5;
+  if (onPress || onLongPress) {
+    let t6;
+    if ($[9] !== content || $[10] !== onLongPress || $[11] !== onPress) {
+      t6 = _jsx(Pressable, {
+        hitSlop: 0,
+        onLongPress: onLongPress,
+        onPress: onPress,
+        children: content
+      });
+      $[9] = content;
+      $[10] = onLongPress;
+      $[11] = onPress;
+      $[12] = t6;
+    } else {
+      t6 = $[12];
     }
-    return content;
+    return t6;
+  }
+  return content;
 }
-function RowAvatar({ children, style }) {
-    return (_jsx(View, { className: "mr-3 justify-center items-center", style: style, children: children }));
+function RowAvatar(t0) {
+  const $ = _c(3);
+  const {
+    children,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== style) {
+    t1 = _jsx(View, {
+      className: "mr-3 justify-center items-center",
+      style: style,
+      children: children
+    });
+    $[0] = children;
+    $[1] = style;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
-function RowContent({ children, style }) {
-    return (_jsx(View, { className: "flex-1 gap-0.5", style: style, children: children }));
+function RowContent(t0) {
+  const $ = _c(3);
+  const {
+    children,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== style) {
+    t1 = _jsx(View, {
+      className: "flex-1 gap-0.5",
+      style: style,
+      children: children
+    });
+    $[0] = children;
+    $[1] = style;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
-function RowTitle({ children, badge, rightComponent, numberOfLines = 1 }) {
-    return (_jsxs(View, { className: "flex-row items-center justify-between gap-2", children: [_jsx(Typography.Text, { className: "flex-1 flex-shrink min-w-0", numberOfLines: numberOfLines, semibold: true, variant: "body", children: children }), _jsxs(View, { className: "flex-row items-center gap-2", children: [badge, rightComponent] })] }));
+function RowTitle(t0) {
+  const $ = _c(9);
+  const {
+    children,
+    badge,
+    rightComponent,
+    numberOfLines: t1
+  } = t0;
+  const numberOfLines = t1 === undefined ? 1 : t1;
+  let t2;
+  if ($[0] !== children || $[1] !== numberOfLines) {
+    t2 = _jsx(Typography.Text, {
+      className: "flex-1 flex-shrink min-w-0",
+      numberOfLines: numberOfLines,
+      semibold: true,
+      variant: "body",
+      children: children
+    });
+    $[0] = children;
+    $[1] = numberOfLines;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== badge || $[4] !== rightComponent) {
+    t3 = _jsxs(View, {
+      className: "flex-row items-center gap-2",
+      children: [badge, rightComponent]
+    });
+    $[3] = badge;
+    $[4] = rightComponent;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = _jsxs(View, {
+      className: "flex-row items-center justify-between gap-2",
+      children: [t2, t3]
+    });
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
 }
-function RowSubtitle({ children, className }) {
-    return (_jsx(Typography.Text, { className: cn("text-text-secondary", className), variant: "bodySmall", children: children }));
+function RowSubtitle(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,
+      variant: "bodySmall",
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 }
-function RowFooter({ left, right, children }) {
-    if (children) {
-        return _jsx(View, { className: "mt-1", children: children });
+function RowFooter(t0) {
+  const $ = _c(9);
+  const {
+    left,
+    right,
+    children
+  } = t0;
+  if (children) {
+    let t1;
+    if ($[0] !== children) {
+      t1 = _jsx(View, {
+        className: "mt-1",
+        children: children
+      });
+      $[0] = children;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
     }
-    return (_jsxs(View, { className: "flex-row items-center justify-between mt-1", children: [_jsx(View, { className: "flex-row items-center gap-2", children: left }), _jsx(View, { className: "flex-row items-center", children: right })] }));
+    return t1;
+  }
+  let t1;
+  if ($[2] !== left) {
+    t1 = _jsx(View, {
+      className: "flex-row items-center gap-2",
+      children: left
+    });
+    $[2] = left;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== right) {
+    t2 = _jsx(View, {
+      className: "flex-row items-center",
+      children: right
+    });
+    $[4] = right;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== t2) {
+    t3 = _jsxs(View, {
+      className: "flex-row items-center justify-between mt-1",
+      children: [t1, t2]
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
-function RowActions({ children, style }) {
-    return (_jsx(View, { className: "flex-row items-center gap-1 ml-2", style: style, children: children }));
+function RowActions(t0) {
+  const $ = _c(3);
+  const {
+    children,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== style) {
+    t1 = _jsx(View, {
+      className: "flex-row items-center gap-1 ml-2",
+      style: style,
+      children: children
+    });
+    $[0] = children;
+    $[1] = style;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
-function RowActionButton({ icon, onPress }) {
-    return (_jsx(TouchableOpacity, { className: "p-1.5 rounded", onPress: onPress, children: icon }));
+/** Grows the target to 48 points tall; sideways it stops at half the gap between actions. */
+const ROW_ACTION_SLOP = {
+  top: 8,
+  bottom: 8,
+  left: 2,
+  right: 2
+};
+
+/** Compact icon action inside a row. */
+function RowActionButton(t0) {
+  const $ = _c(5);
+  const {
+    icon,
+    onPress,
+    accessibilityLabel,
+    testID
+  } = t0;
+  let t1;
+  if ($[0] !== accessibilityLabel || $[1] !== icon || $[2] !== onPress || $[3] !== testID) {
+    t1 = _jsx(Pressable, {
+      accessibilityLabel: accessibilityLabel,
+      className: "p-1.5 rounded",
+      hitSlop: ROW_ACTION_SLOP,
+      onPress: onPress,
+      testID: testID,
+      children: icon
+    });
+    $[0] = accessibilityLabel;
+    $[1] = icon;
+    $[2] = onPress;
+    $[3] = testID;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 }
 const FiltersWithSubComponents = Object.assign(HeaderFilters, {
-    Chip: FilterChip,
-    Chips: FilterChips,
+  Chip: FilterChip,
+  Chips: FilterChips
 });
 const HeaderWithSubComponents = Object.assign(Header, {
-    Search: HeaderSearch,
-    SearchHistory: HeaderSearchHistory,
-    Segmented: HeaderSegmented,
-    Actions: HeaderActions,
-    ActionsBar: HeaderActionsBar,
-    Filters: FiltersWithSubComponents,
+  Search: HeaderSearch,
+  SearchHistory: HeaderSearchHistory,
+  Segmented: HeaderSegmented,
+  Actions: HeaderActions,
+  ActionsBar: HeaderActionsBar,
+  Filters: FiltersWithSubComponents
 });
 const RowWithSubComponents = Object.assign(RowRoot, {
-    Avatar: RowAvatar,
-    Content: RowContent,
-    Title: RowTitle,
-    Subtitle: RowSubtitle,
-    Footer: RowFooter,
-    Actions: RowActions,
-    ActionButton: RowActionButton,
+  Avatar: RowAvatar,
+  Content: RowContent,
+  Title: RowTitle,
+  Subtitle: RowSubtitle,
+  Footer: RowFooter,
+  Actions: RowActions,
+  ActionButton: RowActionButton
 });
 const ContentWithSubComponents = Object.assign(Content, {
-    List: ContentList,
-    Row: RowWithSubComponents,
+  Row: RowWithSubComponents
 });
+
 /**
  * Screen container for a collection (list / index / search results).
  * Owns safe-area, the FlashList (pagination + pull-to-refresh), record count, and the
@@ -267,16 +1416,17 @@ const ContentWithSubComponents = Object.assign(Content, {
  *     .Header.Segmented          — tab-like switch in the subheader (Activos / Archivados)
  *     .Header.Filters(.Chips/.Chip) — horizontal filter pills (SIBLING below the header)
  *     .Header.ActionsBar         — SIBLING bar below the header (bulk select, etc.)
- *   ListViewV2.Content           — FlashList body; `children` is an optional custom row renderer
+ *   ListViewV2.Content           — virtualized body; `children` is an optional custom row renderer,
+ *                                  `tuning` the recycling options, `ref` a `ListViewHandle`
  *     .Content.Row(.Avatar/.Content/.Title/.Subtitle/.Footer/.Actions/.ActionButton)
  *   ListViewV2.Footer        — pinned footer (hidden when empty)
  *   ListViewV2.FloatingButton — absolute FAB overlay
  */
 export const ListViewV2 = {
-    Root: ListViewRoot,
-    Header: HeaderWithSubComponents,
-    Content: ContentWithSubComponents,
-    Footer,
-    FloatingButton,
+  Root: ListViewRoot,
+  Header: HeaderWithSubComponents,
+  Content: ContentWithSubComponents,
+  Footer,
+  FloatingButton
 };
 export default ListViewV2;