@sincpro/mobile-ui 3.0.1 → 3.2.0

package/dist/Navigation/Navigation.Search.js

@@ -1,47 +1,261 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Button from "../Actions/Actions.Button.js";
-import { FilterButtonGroup } from "../Actions/Actions.FilterButton.js";
+import { FilterButtonGroup, FilterChip } from "../Actions/Actions.FilterButton.js";
 import Sheet from "../Dialog/Dialog.Sheet.js";
-import Icon from "../Display/Display.Icon.js";
 import SearchHistory from "../Display/Display.SearchHistory.js";
-import Pressable from "../primitives/Pressable.js";
-import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
-import { Typography } from "../Typography/index.js";
 import { useState } from "react";
 import { View } from "react-native";
 import SearchBar from "./Navigation.SearchBar";
 import SearchSuggestions from "./Navigation.SearchSuggestions";
-function Root({ children, className, testID }) {
-    return (_jsx(View, { className: cn("gap-3", className), testID: testID, children: children }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+function Root(t0) {
+  const $ = _c(6);
+  const {
+    children,
+    className,
+    testID
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("gap-3", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1 || $[4] !== testID) {
+    t2 = _jsx(View, {
+      className: t1,
+      testID: testID,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = testID;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 }
 function Field(props) {
-    return _jsx(SearchBar, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _jsx(SearchBar, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Filters({ children, className, testID }) {
-    return (_jsx(FilterButtonGroup, { className: className, layout: "scroll", testID: testID, children: children }));
+function Filters(t0) {
+  const $ = _c(4);
+  const {
+    children,
+    className,
+    testID
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== className || $[2] !== testID) {
+    t1 = _jsx(FilterButtonGroup, {
+      className: className,
+      layout: "scroll",
+      testID: testID,
+      children: children
+    });
+    $[0] = children;
+    $[1] = className;
+    $[2] = testID;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function FilterSheet({ children, activeCount = 0, title = "Filtros", triggerLabel = "Filtros", applyLabel = "Aplicar", clearLabel = "Limpiar", onApply, onClear, testID, }) {
-    const [visible, setVisible] = useState(false);
-    const theme = useTheme();
-    const countLabel = activeCount > 0 ? `, ${activeCount} activos` : "";
-    return (_jsxs(_Fragment, { children: [_jsxs(Pressable, { accessibilityLabel: `${triggerLabel}${countLabel}`, accessibilityRole: "button", className: "min-h-11 flex-row items-center justify-center gap-2 self-start rounded-full bg-bg-muted px-4", onPress: () => setVisible(true), style: { minHeight: 44 }, testID: testID ? `${testID}-trigger` : undefined, children: [_jsx(Icon, { color: theme.icon.secondary, name: "filter", size: 18 }), _jsx(Typography.Text, { className: "text-text-primary", variant: "buttonSmall", children: triggerLabel }), activeCount > 0 ? (_jsx(Typography.Text, { accessibilityLabel: `${activeCount} filtros activos`, className: "text-text-accent", variant: "caption", children: activeCount })) : null] }), _jsx(Sheet, { footer: _jsxs(View, { className: "flex-row gap-3", children: [onClear ? (_jsx(View, { className: "flex-1", children: _jsx(Button, { onPress: onClear, title: clearLabel, variant: "secondary" }) })) : null, _jsx(View, { className: "flex-1", children: _jsx(Button, { onPress: () => {
-                                    onApply();
-                                    setVisible(false);
-                                }, title: applyLabel }) })] }), onClose: () => setVisible(false), testID: testID ? `${testID}-sheet` : undefined, title: title, visible: visible, children: children })] }));
+function FilterSheet(t0) {
+  const $ = _c(28);
+  const {
+    children,
+    activeCount: t1,
+    title: t2,
+    triggerLabel: t3,
+    applyLabel: t4,
+    clearLabel: t5,
+    onApply,
+    onClear,
+    testID
+  } = t0;
+  const activeCount = t1 === undefined ? 0 : t1;
+  const title = t2 === undefined ? "Filtros" : t2;
+  const triggerLabel = t3 === undefined ? "Filtros" : t3;
+  const applyLabel = t4 === undefined ? "Aplicar" : t4;
+  const clearLabel = t5 === undefined ? "Limpiar" : t5;
+  const [visible, setVisible] = useState(false);
+  const countLabel = activeCount > 0 ? `, ${activeCount} activos` : "";
+  const t6 = `${triggerLabel}${countLabel}`;
+  const t7 = activeCount > 0;
+  let t8;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => setVisible(true);
+    $[0] = t8;
+  } else {
+    t8 = $[0];
+  }
+  const t9 = testID ? `${testID}-trigger` : undefined;
+  let t10;
+  if ($[1] !== activeCount || $[2] !== t6 || $[3] !== t7 || $[4] !== t9 || $[5] !== triggerLabel) {
+    t10 = _jsx(FilterChip, {
+      accessibilityLabel: t6,
+      active: t7,
+      count: activeCount,
+      icon: "filter",
+      label: triggerLabel,
+      onPress: t8,
+      testID: t9
+    });
+    $[1] = activeCount;
+    $[2] = t6;
+    $[3] = t7;
+    $[4] = t9;
+    $[5] = triggerLabel;
+    $[6] = t10;
+  } else {
+    t10 = $[6];
+  }
+  let t11;
+  if ($[7] !== clearLabel || $[8] !== onClear) {
+    t11 = onClear ? _jsx(View, {
+      className: "flex-1",
+      children: _jsx(Button, {
+        onPress: onClear,
+        title: clearLabel,
+        variant: "secondary"
+      })
+    }) : null;
+    $[7] = clearLabel;
+    $[8] = onClear;
+    $[9] = t11;
+  } else {
+    t11 = $[9];
+  }
+  let t12;
+  if ($[10] !== onApply) {
+    t12 = () => {
+      onApply();
+      setVisible(false);
+    };
+    $[10] = onApply;
+    $[11] = t12;
+  } else {
+    t12 = $[11];
+  }
+  let t13;
+  if ($[12] !== applyLabel || $[13] !== t12) {
+    t13 = _jsx(View, {
+      className: "flex-1",
+      children: _jsx(Button, {
+        onPress: t12,
+        title: applyLabel
+      })
+    });
+    $[12] = applyLabel;
+    $[13] = t12;
+    $[14] = t13;
+  } else {
+    t13 = $[14];
+  }
+  let t14;
+  if ($[15] !== t11 || $[16] !== t13) {
+    t14 = _jsxs(View, {
+      className: "flex-row gap-3",
+      children: [t11, t13]
+    });
+    $[15] = t11;
+    $[16] = t13;
+    $[17] = t14;
+  } else {
+    t14 = $[17];
+  }
+  let t15;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = () => setVisible(false);
+    $[18] = t15;
+  } else {
+    t15 = $[18];
+  }
+  const t16 = testID ? `${testID}-sheet` : undefined;
+  let t17;
+  if ($[19] !== children || $[20] !== t14 || $[21] !== t16 || $[22] !== title || $[23] !== visible) {
+    t17 = _jsx(Sheet, {
+      footer: t14,
+      onClose: t15,
+      testID: t16,
+      title: title,
+      visible: visible,
+      children: children
+    });
+    $[19] = children;
+    $[20] = t14;
+    $[21] = t16;
+    $[22] = title;
+    $[23] = visible;
+    $[24] = t17;
+  } else {
+    t17 = $[24];
+  }
+  let t18;
+  if ($[25] !== t10 || $[26] !== t17) {
+    t18 = _jsxs(_Fragment, {
+      children: [t10, t17]
+    });
+    $[25] = t10;
+    $[26] = t17;
+    $[27] = t18;
+  } else {
+    t18 = $[27];
+  }
+  return t18;
 }
 function History(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 Suggestions(props) {
-    return _jsx(SearchSuggestions, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _jsx(SearchSuggestions, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 const Search = {
-    Root,
-    Field,
-    Filters,
-    FilterSheet,
-    History,
-    Suggestions,
+  Root,
+  Field,
+  Filters,
+  FilterSheet,
+  History,
+  Suggestions
 };
 export default Search;

package/dist/Navigation/Navigation.SearchBar.d.ts

@@ -1,4 +1,5 @@
 import { type SearchSuggestionsProps } from "./Navigation.SearchSuggestions.js";
+import { type typographyVariants } from "../theme/typography.js";
 export interface SearchBarProps {
     value: string;
     onChangeText: (value: string) => void;
@@ -13,10 +14,15 @@ export interface SearchBarProps {
     accessibilityLabel?: string;
     clearAccessibilityLabel?: string;
     suggestions?: SearchSuggestionsProps;
+    /**
+     * Typography variant of the query. Defaults to `bodyReadable` (17), the size of the native
+     * iOS search field; pass `body` (14) to match the other fields of a dense screen.
+     */
+    textVariant?: keyof typeof typographyVariants;
 }
 /**
  * **Pill** search bar (rounded-full), 2026 style (merge of Material 3 + iOS 26).
  * Use `editable={false}` + `onPress` for a trigger that navigates to the search screen.
  */
-declare function SearchBar({ value, onChangeText, placeholder, onSubmit, onClear, autoFocus, editable, onPress, className, testID, accessibilityLabel, clearAccessibilityLabel, suggestions, }: SearchBarProps): import("react").JSX.Element;
+declare function SearchBar({ value, onChangeText, placeholder, onSubmit, onClear, autoFocus, editable, onPress, className, testID, accessibilityLabel, clearAccessibilityLabel, suggestions, textVariant, }: SearchBarProps): import("react").JSX.Element;
 export default SearchBar;

package/dist/Navigation/Navigation.SearchBar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Icon from "../Display/Display.Icon.js";
 import SearchSuggestions from "./Navigation.SearchSuggestions.js";
 import Pressable from "../primitives/Pressable.js";
@@ -8,38 +8,227 @@ import { appliedTextStyle } from "../theme/typography.js";
 import { Typography } from "../Typography/index.js";
 import { useState } from "react";
 import { Keyboard, TextInput, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 /**
  * **Pill** search bar (rounded-full), 2026 style (merge of Material 3 + iOS 26).
  * Use `editable={false}` + `onPress` for a trigger that navigates to the search screen.
  */
-function SearchBar({ value, onChangeText, placeholder = "Buscar", onSubmit, onClear, autoFocus, editable = true, onPress, className, testID, accessibilityLabel, clearAccessibilityLabel = "Limpiar", suggestions, }) {
-    const theme = useTheme();
-    const [focused, setFocused] = useState(false);
-    const body = (_jsxs(View, { className: cn("flex-row items-center gap-2 rounded-full px-4", focused ? "bg-bg-card" : "bg-bg-muted", className), style: {
-            minHeight: 48,
-            minWidth: 48,
-            borderWidth: 1,
-            borderColor: focused ? theme.border.focus : "transparent",
-        }, children: [_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: _jsx(Icon, { color: focused ? theme.border.focus : theme.icon.tertiary, name: "search", size: 18 }) }), editable ? (_jsx(TextInput, { accessibilityLabel: accessibilityLabel ?? placeholder, autoFocus: autoFocus, className: "flex-1 text-text-primary", onBlur: () => setFocused(false), onChangeText: onChangeText, onFocus: () => setFocused(true), onSubmitEditing: (e) => onSubmit?.(e.nativeEvent.text), placeholder: placeholder, placeholderTextColor: theme.text.tertiary, returnKeyType: "search", selectionColor: theme.primary, style: {
-                    ...appliedTextStyle("bodyReadable"),
-                    minHeight: 48,
-                    paddingVertical: 8,
-                }, testID: testID ? `${testID}-input` : undefined, underlineColorAndroid: "transparent", value: value })) : (_jsx(Typography.Text, { className: "flex-1 text-text-tertiary", variant: "bodyReadable", children: value || placeholder })), editable && value.length > 0 ? (_jsx(Pressable, { accessibilityLabel: clearAccessibilityLabel, hitSlop: 8, onPress: () => {
-                    onChangeText("");
-                    onClear?.();
-                }, style: {
-                    minHeight: 48,
-                    minWidth: 48,
-                    alignItems: "center",
-                    justifyContent: "center",
-                }, children: _jsx(Icon, { color: theme.icon.tertiary, name: "dismiss", size: 18 }) })) : null] }));
-    if (!editable && onPress) {
-        return (_jsx(Pressable, { accessibilityLabel: accessibilityLabel ?? placeholder, accessibilityRole: "search", onPress: onPress, style: { minHeight: 48, minWidth: 48 }, testID: testID, children: body }));
+function SearchBar(t0) {
+  const $ = _c(45);
+  const {
+    value,
+    onChangeText,
+    placeholder: t1,
+    onSubmit,
+    onClear,
+    autoFocus,
+    editable: t2,
+    onPress,
+    className,
+    testID,
+    accessibilityLabel,
+    clearAccessibilityLabel: t3,
+    suggestions,
+    textVariant: t4
+  } = t0;
+  const placeholder = t1 === undefined ? "Buscar" : t1;
+  const editable = t2 === undefined ? true : t2;
+  const clearAccessibilityLabel = t3 === undefined ? "Limpiar" : t3;
+  const textVariant = t4 === undefined ? "bodyReadable" : t4;
+  const theme = useTheme();
+  const [focused, setFocused] = useState(false);
+  const t5 = focused ? "bg-bg-card" : "bg-bg-muted";
+  let t6;
+  if ($[0] !== className || $[1] !== t5) {
+    t6 = cn("flex-row items-center gap-2 rounded-full px-4", t5, className);
+    $[0] = className;
+    $[1] = t5;
+    $[2] = t6;
+  } else {
+    t6 = $[2];
+  }
+  const t7 = focused ? theme.border.focus : "transparent";
+  let t8;
+  if ($[3] !== t7) {
+    t8 = {
+      minHeight: 48,
+      minWidth: 48,
+      borderWidth: 1,
+      borderColor: t7
+    };
+    $[3] = t7;
+    $[4] = t8;
+  } else {
+    t8 = $[4];
+  }
+  const t9 = focused ? theme.border.focus : theme.icon.tertiary;
+  let t10;
+  if ($[5] !== t9) {
+    t10 = _jsx(View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: _jsx(Icon, {
+        color: t9,
+        name: "search",
+        size: 18
+      })
+    });
+    $[5] = t9;
+    $[6] = t10;
+  } else {
+    t10 = $[6];
+  }
+  let t11;
+  if ($[7] !== accessibilityLabel || $[8] !== autoFocus || $[9] !== editable || $[10] !== onChangeText || $[11] !== onSubmit || $[12] !== placeholder || $[13] !== testID || $[14] !== textVariant || $[15] !== theme.primary || $[16] !== theme.text || $[17] !== value) {
+    t11 = editable ? _jsx(TextInput, {
+      accessibilityLabel: accessibilityLabel ?? placeholder,
+      autoFocus: autoFocus,
+      className: "flex-1 text-text-primary",
+      onBlur: () => setFocused(false),
+      onChangeText: onChangeText,
+      onFocus: () => setFocused(true),
+      onSubmitEditing: e => onSubmit?.(e.nativeEvent.text),
+      placeholder: placeholder,
+      placeholderTextColor: theme.text.tertiary,
+      returnKeyType: "search",
+      selectionColor: theme.primary,
+      style: {
+        ...appliedTextStyle(textVariant),
+        minHeight: 48,
+        paddingVertical: 8
+      },
+      testID: testID ? `${testID}-input` : undefined,
+      underlineColorAndroid: "transparent",
+      value: value
+    }) : _jsx(Typography.Text, {
+      className: "flex-1 text-text-tertiary",
+      variant: textVariant,
+      children: value || placeholder
+    });
+    $[7] = accessibilityLabel;
+    $[8] = autoFocus;
+    $[9] = editable;
+    $[10] = onChangeText;
+    $[11] = onSubmit;
+    $[12] = placeholder;
+    $[13] = testID;
+    $[14] = textVariant;
+    $[15] = theme.primary;
+    $[16] = theme.text;
+    $[17] = value;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== clearAccessibilityLabel || $[20] !== editable || $[21] !== onChangeText || $[22] !== onClear || $[23] !== theme.icon || $[24] !== value) {
+    t12 = editable && value.length > 0 ? _jsx(Pressable, {
+      accessibilityLabel: clearAccessibilityLabel,
+      hitSlop: 8,
+      onPress: () => {
+        onChangeText("");
+        onClear?.();
+      },
+      style: {
+        minHeight: 48,
+        minWidth: 48,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: _jsx(Icon, {
+        color: theme.icon.tertiary,
+        name: "dismiss",
+        size: 18
+      })
+    }) : null;
+    $[19] = clearAccessibilityLabel;
+    $[20] = editable;
+    $[21] = onChangeText;
+    $[22] = onClear;
+    $[23] = theme.icon;
+    $[24] = value;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  let t13;
+  if ($[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t6 || $[30] !== t8) {
+    t13 = _jsxs(View, {
+      className: t6,
+      style: t8,
+      children: [t10, t11, t12]
+    });
+    $[26] = t10;
+    $[27] = t11;
+    $[28] = t12;
+    $[29] = t6;
+    $[30] = t8;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  const body = t13;
+  if (!editable && onPress) {
+    const t14 = accessibilityLabel ?? placeholder;
+    let t15;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+      t15 = {
+        minHeight: 48,
+        minWidth: 48
+      };
+      $[32] = t15;
+    } else {
+      t15 = $[32];
+    }
+    let t16;
+    if ($[33] !== body || $[34] !== onPress || $[35] !== t14 || $[36] !== testID) {
+      t16 = _jsx(Pressable, {
+        accessibilityLabel: t14,
+        accessibilityRole: "search",
+        onPress: onPress,
+        style: t15,
+        testID: testID,
+        children: body
+      });
+      $[33] = body;
+      $[34] = onPress;
+      $[35] = t14;
+      $[36] = testID;
+      $[37] = t16;
+    } else {
+      t16 = $[37];
     }
-    return (_jsxs(View, { testID: testID, children: [body, focused && suggestions ? (_jsx(SearchSuggestions, { ...suggestions, onSelect: (suggestion) => {
-                    suggestions.onSelect(suggestion);
-                    setFocused(false);
-                    Keyboard.dismiss();
-                } })) : null] }));
+    return t16;
+  }
+  let t14;
+  if ($[38] !== focused || $[39] !== suggestions) {
+    t14 = focused && suggestions ? _jsx(SearchSuggestions, {
+      ...suggestions,
+      onSelect: suggestion => {
+        suggestions.onSelect(suggestion);
+        setFocused(false);
+        Keyboard.dismiss();
+      }
+    }) : null;
+    $[38] = focused;
+    $[39] = suggestions;
+    $[40] = t14;
+  } else {
+    t14 = $[40];
+  }
+  let t15;
+  if ($[41] !== body || $[42] !== t14 || $[43] !== testID) {
+    t15 = _jsxs(View, {
+      testID: testID,
+      children: [body, t14]
+    });
+    $[41] = body;
+    $[42] = t14;
+    $[43] = testID;
+    $[44] = t15;
+  } else {
+    t15 = $[44];
+  }
+  return t15;
 }
 export default SearchBar;

package/dist/Navigation/Navigation.SearchSuggestions.js

@@ -1,7 +1,81 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Pressable from "../primitives/Pressable.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-export default function SearchSuggestions({ items, onSelect, loading, error, onRetry, emptyLabel = "Sin sugerencias", }) {
-    return (_jsx(View, { className: "gap-1 border-b border-border-light py-2", children: loading ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", children: "Buscando sugerencias\u2026" })) : error ? (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "text-danger", children: error }), onRetry ? (_jsx(Pressable, { onPress: onRetry, style: { minHeight: 48, justifyContent: "center" }, children: _jsx(Typography.Text, { className: "text-text-accent", children: "Reintentar sugerencias" }) })) : null] })) : !items.length ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "text-text-secondary", children: emptyLabel })) : (items.map((item) => (_jsxs(Pressable, { accessibilityLabel: item.description ? `${item.label}. ${item.description}` : item.label, className: "px-3 py-2", onPress: () => onSelect(item), style: { minHeight: 48, justifyContent: "center" }, children: [_jsx(Typography.Text, { variant: "bodyReadable", children: item.label }), item.description ? (_jsx(Typography.Text, { className: "text-text-secondary", variant: "bodyLarge", children: item.description })) : null] }, item.id)))) }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+export default function SearchSuggestions(t0) {
+  const $ = _c(9);
+  const {
+    items,
+    onSelect,
+    loading,
+    error,
+    onRetry,
+    emptyLabel: t1
+  } = t0;
+  const emptyLabel = t1 === undefined ? "Sin sugerencias" : t1;
+  let t2;
+  if ($[0] !== emptyLabel || $[1] !== error || $[2] !== items || $[3] !== loading || $[4] !== onRetry || $[5] !== onSelect) {
+    t2 = loading ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      children: "Buscando sugerencias\u2026"
+    }) : error ? _jsxs(_Fragment, {
+      children: [_jsx(Typography.Text, {
+        accessibilityLiveRegion: "polite",
+        className: "text-danger",
+        children: error
+      }), onRetry ? _jsx(Pressable, {
+        onPress: onRetry,
+        style: {
+          minHeight: 48,
+          justifyContent: "center"
+        },
+        children: _jsx(Typography.Text, {
+          className: "text-text-accent",
+          children: "Reintentar sugerencias"
+        })
+      }) : null]
+    }) : !items.length ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      className: "text-text-secondary",
+      children: emptyLabel
+    }) : items.map(item => _jsxs(Pressable, {
+      accessibilityLabel: item.description ? `${item.label}. ${item.description}` : item.label,
+      className: "px-3 py-2",
+      onPress: () => onSelect(item),
+      style: {
+        minHeight: 48,
+        justifyContent: "center"
+      },
+      children: [_jsx(Typography.Text, {
+        variant: "body",
+        children: item.label
+      }), item.description ? _jsx(Typography.Text, {
+        className: "text-text-secondary",
+        variant: "bodySmall",
+        children: item.description
+      }) : null]
+    }, item.id));
+    $[0] = emptyLabel;
+    $[1] = error;
+    $[2] = items;
+    $[3] = loading;
+    $[4] = onRetry;
+    $[5] = onSelect;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t2) {
+    t3 = _jsx(View, {
+      className: "gap-1 border-b border-border-light py-2",
+      children: t2
+    });
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }