@retray-dev/ui-kit 12.2.0 → 13.0.0

package/dist/chunk-SAWUXP3A.mjs

@@ -1,1114 +0,0 @@
-import { Spinner } from './chunk-LIS6I5UP.mjs';
-import { selectionAsync, impactMedium } from './chunk-EJ7ZPXOH.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
-import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
-import React, { useRef, useState, useId, useMemo, useCallback } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity, View, Text } from 'react-native';
-import { ScrollView } from 'react-native-gesture-handler';
-import { BottomSheetBackdrop, BottomSheetModal, BottomSheetScrollView } from '@gorhom/bottom-sheet';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-
-// src/utils/curatedIcons.ts
-var CURATED_ICONS = [
-  // ─── Food ────────────────────────────────────────────────────────────────────
-  {
-    name: "food",
-    label: "Food",
-    labelEs: "Comida",
-    categoryIcon: "coffee",
-    icons: [
-      // Bebidas
-      "beer-outline",
-      "wine-outline",
-      "cafe-outline",
-      "water-outline",
-      "coffee",
-      // Comida
-      "pizza-outline",
-      "fast-food-outline",
-      "fish-outline",
-      "ice-cream-outline",
-      "egg-outline",
-      "nutrition-outline",
-      // Servicio y operación
-      "restaurant-outline",
-      "server-outline",
-      "menu-outline",
-      "basket-outline",
-      "receipt-outline",
-      "pricetag-outline",
-      "pricetags-outline",
-      "reorder-four-outline",
-      "reorder-three-outline",
-      "cart-outline",
-      "cash-outline",
-      "wallet-outline",
-      "storefront-outline",
-      // Delivery / pedidos
-      "truck",
-      "package",
-      "shopping-bag",
-      "shopping-cart",
-      // Ubicación y reserva
-      "map-pin",
-      "home",
-      "calendar",
-      "clock",
-      // Experiencia
-      "star",
-      "heart",
-      "bookmark",
-      "thumbs-up",
-      "check",
-      "gift"
-    ]
-  },
-  // ─── Sports ──────────────────────────────────────────────────────────────────
-  {
-    name: "sports",
-    label: "Sports",
-    labelEs: "Deportes",
-    categoryIcon: "trophy-outline",
-    icons: [
-      // Deportes
-      "american-football-outline",
-      "baseball-outline",
-      "basketball-outline",
-      "bicycle-outline",
-      "football-outline",
-      "tennisball-outline",
-      "golf-outline",
-      "fitness-outline",
-      "car-sport-outline",
-      "game-controller-outline",
-      // Competición y logros
-      "trophy-outline",
-      "medal-outline",
-      "award",
-      "target",
-      "flag",
-      "crosshair",
-      // Outdoor
-      "compass-outline",
-      "map-outline",
-      "trail-sign-outline",
-      "bonfire-outline",
-      "snow-outline",
-      "flame-outline",
-      "sun",
-      "droplet",
-      "wind",
-      "map",
-      "map-pin",
-      "navigation",
-      "navigation-2",
-      // Rendimiento y métricas
-      "stats-chart-outline",
-      "trending-up-outline",
-      "trending-down-outline",
-      "bar-chart-outline",
-      "pie-chart-outline",
-      "analytics-outline",
-      "activity",
-      "zap",
-      "watch",
-      "trending-up",
-      "trending-down",
-      "bar-chart-2",
-      "clock",
-      "calendar"
-    ]
-  },
-  // ─── Business ────────────────────────────────────────────────────────────────
-  {
-    name: "business",
-    label: "Business",
-    labelEs: "Negocios",
-    categoryIcon: "briefcase",
-    icons: [
-      // Empresa
-      "briefcase",
-      "users",
-      "user",
-      "user-plus",
-      "user-check",
-      "user-x",
-      "briefcase-outline",
-      "business-outline",
-      "id-card-outline",
-      // Comercio y operación
-      "shopping-cart",
-      "shopping-bag",
-      "credit-card",
-      "dollar-sign",
-      "percent",
-      "tag",
-      "gift",
-      "cart-outline",
-      "cash-outline",
-      "wallet-outline",
-      "storefront-outline",
-      "pricetag-outline",
-      "pricetags-outline",
-      "receipt-outline",
-      "card-outline",
-      // Logística
-      "truck",
-      "package",
-      // Documentos
-      "file",
-      "file-text",
-      "file-plus",
-      "folder",
-      "paperclip",
-      "document-outline",
-      "document-text-outline",
-      "documents-outline",
-      "folder-outline",
-      // Comunicación de negocio
-      "mail",
-      "phone",
-      "phone-call",
-      "send",
-      "message-square",
-      "mail-outline",
-      // Análisis
-      "bar-chart",
-      "bar-chart-2",
-      "pie-chart",
-      "trending-up",
-      "trending-down",
-      "activity",
-      "globe"
-    ]
-  },
-  // ─── Objects ─────────────────────────────────────────────────────────────────
-  {
-    name: "objects",
-    label: "Objects",
-    labelEs: "Objetos",
-    categoryIcon: "package",
-    icons: [
-      // Archivos y carpetas
-      "file",
-      "file-text",
-      "file-plus",
-      "file-minus",
-      "folder",
-      "folder-plus",
-      "folder-minus",
-      "archive",
-      "save",
-      "paperclip",
-      "document-outline",
-      "document-text-outline",
-      "documents-outline",
-      "folder-outline",
-      "folder-open-outline",
-      "file-tray-outline",
-      "file-tray-full-outline",
-      "file-tray-stacked-outline",
-      "archive-outline",
-      "save-outline",
-      // Seguridad
-      "lock",
-      "unlock",
-      "key",
-      "shield",
-      "shield-off",
-      "lock-closed-outline",
-      "lock-open-outline",
-      "key-outline",
-      "shield-outline",
-      "shield-checkmark-outline",
-      // Dispositivos
-      "monitor",
-      "tablet",
-      "smartphone",
-      "tv",
-      "server",
-      "database",
-      "hard-drive",
-      "cpu",
-      "radio",
-      "laptop-outline",
-      "phone-portrait-outline",
-      "phone-landscape-outline",
-      "tablet-landscape-outline",
-      "tablet-portrait-outline",
-      "tv-outline",
-      "server-outline",
-      "hardware-chip-outline",
-      "watch-outline"
-    ]
-  },
-  // ─── Status ──────────────────────────────────────────────────────────────────
-  {
-    name: "status",
-    label: "Status",
-    labelEs: "Estado",
-    categoryIcon: "alert-circle",
-    icons: [
-      // Alertas
-      "alert-circle",
-      "alert-triangle",
-      "alert-octagon",
-      "info",
-      "help-circle",
-      "alert-circle-outline",
-      "alert-outline",
-      "information-circle-outline",
-      "help-circle-outline",
-      // Notificaciones
-      "bell",
-      "bell-off",
-      "notifications-outline",
-      "notifications-off-outline",
-      "notifications-circle-outline",
-      // Visibilidad
-      "eye",
-      "eye-off",
-      "eye-outline",
-      "eye-off-outline",
-      // Indicadores
-      "flag",
-      "zap",
-      "zap-off",
-      "loader",
-      "activity",
-      "flash-outline",
-      "bulb-outline",
-      // Éxito / error / advertencia
-      "check",
-      "check-circle",
-      "x",
-      "x-circle",
-      "x-octagon",
-      "slash",
-      "plus-circle",
-      "minus-circle",
-      "checkmark-circle-outline",
-      "checkmark-done-circle-outline",
-      "close-circle-outline",
-      "add-circle-outline",
-      "remove-circle-outline",
-      // Estados de proceso
-      "play-circle",
-      "pause-circle",
-      "stop-circle",
-      "play-circle-outline",
-      "pause-circle-outline",
-      "stop-circle-outline"
-    ]
-  },
-  // ─── Actions ─────────────────────────────────────────────────────────────────
-  {
-    name: "actions",
-    label: "Actions",
-    labelEs: "Acciones",
-    categoryIcon: "edit-3",
-    icons: [
-      // Crear / añadir
-      "plus",
-      "plus-circle",
-      "plus-square",
-      "add-outline",
-      "add-circle-outline",
-      // Eliminar / quitar
-      "minus",
-      "minus-circle",
-      "minus-square",
-      "trash",
-      "trash-2",
-      "x",
-      "x-circle",
-      "x-square",
-      "x-octagon",
-      "slash",
-      "trash-outline",
-      "trash-bin-outline",
-      "remove-outline",
-      "remove-circle-outline",
-      "close-circle-outline",
-      "backspace-outline",
-      "cut-outline",
-      // Confirmar
-      "check",
-      "check-circle",
-      "check-square",
-      "checkmark-circle-outline",
-      // Editar
-      "edit",
-      "edit-2",
-      "edit-3",
-      "copy",
-      "clipboard",
-      "scissors",
-      "create-outline",
-      "pencil-outline",
-      "duplicate-outline",
-      "copy-outline",
-      "clipboard-outline",
-      // Mover datos
-      "download",
-      "download-cloud",
-      "upload",
-      "upload-cloud",
-      "download-outline",
-      "cloud-download-outline",
-      "cloud-upload-outline"
-    ]
-  },
-  // ─── Communication ───────────────────────────────────────────────────────────
-  {
-    name: "communication",
-    label: "Communication",
-    labelEs: "Comunicaci\xF3n",
-    categoryIcon: "message-circle",
-    icons: [
-      // Mensajería
-      "message-circle",
-      "message-square",
-      "send",
-      "mail",
-      "inbox",
-      "at-sign",
-      "mail-outline",
-      "mail-open-outline",
-      "mail-unread-outline",
-      "chatbubble-outline",
-      "chatbubble-ellipses-outline",
-      "chatbubbles-outline",
-      "send-outline",
-      "attach-outline",
-      "at-outline",
-      "at-circle-outline",
-      // Llamadas
-      "phone",
-      "phone-call",
-      "phone-incoming",
-      "phone-outgoing",
-      "phone-missed",
-      "phone-off",
-      "phone-forwarded",
-      "voicemail",
-      "call-outline",
-      "phone-portrait-outline",
-      "phone-landscape-outline",
-      // Personas
-      "user",
-      "user-plus",
-      "user-minus",
-      "user-check",
-      "user-x",
-      "users",
-      "person-outline",
-      "person-circle-outline",
-      "person-add-outline",
-      "person-remove-outline",
-      "people-outline",
-      "people-circle-outline",
-      // Reacciones
-      "smile",
-      "frown",
-      "meh",
-      "heart",
-      "thumbs-up",
-      "thumbs-down",
-      "happy-outline",
-      "sad-outline",
-      "heart-outline",
-      "thumbs-up-outline",
-      "thumbs-down-outline"
-    ]
-  },
-  // ─── Navigation ──────────────────────────────────────────────────────────────
-  {
-    name: "navigation",
-    label: "Navigation",
-    labelEs: "Navegaci\xF3n",
-    categoryIcon: "compass",
-    icons: [
-      // Flechas cardinales
-      "arrow-up",
-      "arrow-down",
-      "arrow-left",
-      "arrow-right",
-      "arrow-up-left",
-      "arrow-up-right",
-      "arrow-down-left",
-      "arrow-down-right",
-      "arrow-up-outline",
-      "arrow-down-outline",
-      "arrow-back-outline",
-      "arrow-forward-outline",
-      "arrow-undo-outline",
-      "arrow-redo-outline",
-      // Chevrones
-      "chevron-up",
-      "chevron-down",
-      "chevron-left",
-      "chevron-right",
-      "chevrons-up",
-      "chevrons-down",
-      "chevrons-left",
-      "chevrons-right",
-      "chevron-up-outline",
-      "chevron-down-outline",
-      "chevron-back-outline",
-      "chevron-forward-outline",
-      "chevron-collapse-outline",
-      "chevron-expand-outline",
-      // Esquinas
-      "corner-up-left",
-      "corner-up-right",
-      "corner-down-left",
-      "corner-down-right",
-      "corner-left-up",
-      "corner-left-down",
-      "corner-right-up",
-      "corner-right-down",
-      // Giro / refrescar
-      "refresh-cw",
-      "refresh-ccw",
-      "rotate-cw",
-      "rotate-ccw",
-      "refresh-outline",
-      "reload-outline",
-      // Orientación y mapa
-      "navigation",
-      "navigation-2",
-      "compass",
-      "map",
-      "map-pin",
-      "target",
-      "crosshair",
-      "home",
-      "anchor",
-      "compass-outline",
-      "map-outline",
-      "location-outline",
-      "navigate-outline",
-      "pin-outline",
-      "home-outline"
-    ]
-  },
-  // ─── Media ───────────────────────────────────────────────────────────────────
-  {
-    name: "media",
-    label: "Media",
-    labelEs: "Medios",
-    categoryIcon: "image",
-    icons: [
-      // Visual
-      "image",
-      "film",
-      "video",
-      "video-off",
-      "camera",
-      "camera-off",
-      "image-outline",
-      "images-outline",
-      "film-outline",
-      "videocam-outline",
-      "videocam-off-outline",
-      "camera-outline",
-      "camera-reverse-outline",
-      // Reproducción
-      "play",
-      "play-circle",
-      "pause",
-      "pause-circle",
-      "square",
-      "stop-circle",
-      "fast-forward",
-      "rewind",
-      "skip-forward",
-      "skip-back",
-      "repeat",
-      "shuffle",
-      "play-outline",
-      "pause-outline",
-      "play-circle-outline",
-      "pause-circle-outline",
-      "stop-circle-outline",
-      "play-back-outline",
-      "play-forward-outline",
-      "play-skip-back-outline",
-      "play-skip-forward-outline",
-      "repeat-outline",
-      "shuffle-outline",
-      // Audio
-      "music",
-      "headphones",
-      "speaker",
-      "volume",
-      "volume-1",
-      "volume-2",
-      "volume-x",
-      "mic",
-      "mic-off",
-      "mic-outline",
-      "mic-off-outline",
-      "mic-circle-outline",
-      "musical-note-outline",
-      "musical-notes-outline",
-      "volume-high-outline",
-      "volume-low-outline",
-      "volume-medium-outline",
-      "volume-mute-outline",
-      "volume-off-outline"
-    ]
-  },
-  // ─── Layout ──────────────────────────────────────────────────────────────────
-  {
-    name: "layout",
-    label: "Layout",
-    labelEs: "Dise\xF1o",
-    categoryIcon: "grid",
-    icons: [
-      // Estructura
-      "grid",
-      "columns",
-      "sidebar",
-      "layout",
-      "list",
-      "menu",
-      "table",
-      "trello",
-      "grid-outline",
-      "list-outline",
-      "menu-outline",
-      "layers-outline",
-      // Alineación
-      "align-left",
-      "align-center",
-      "align-right",
-      "align-justify",
-      // Tipografía
-      "bold",
-      "italic",
-      "underline",
-      "type",
-      "hash",
-      // Formas
-      "circle",
-      "square",
-      "triangle",
-      "hexagon",
-      "octagon",
-      "square-outline",
-      "triangle-outline",
-      "diamond-outline",
-      "shapes-outline",
-      // Herramientas de diseño
-      "pen-tool",
-      "crop",
-      "layers",
-      "filter",
-      "sliders",
-      "aperture",
-      "crop-outline",
-      "filter-outline",
-      "color-fill-outline",
-      "color-filter-outline",
-      "color-palette-outline",
-      "color-wand-outline",
-      "brush-outline",
-      // Edición
-      "edit",
-      "edit-2",
-      "edit-3",
-      "copy",
-      "trash",
-      "move",
-      "create-outline",
-      "pencil-outline",
-      "move-outline",
-      "resize-outline",
-      "duplicate-outline",
-      // Navegación UI
-      "more-horizontal",
-      "more-vertical",
-      "maximize",
-      "minimize",
-      "zoom-in",
-      "zoom-out",
-      "eye",
-      "eye-off",
-      "eye-outline",
-      "eye-off-outline",
-      "ellipsis-horizontal-circle-outline",
-      "ellipsis-vertical-circle-outline"
-    ]
-  },
-  // ─── Nature ──────────────────────────────────────────────────────────────────
-  {
-    name: "nature",
-    label: "Nature",
-    labelEs: "Naturaleza",
-    categoryIcon: "sunny-outline",
-    icons: [
-      // Sol, luna y estrellas
-      "sunny-outline",
-      "moon-outline",
-      "star-outline",
-      "star-half-outline",
-      "partly-sunny-outline",
-      "sun",
-      "moon",
-      "sunrise",
-      "sunset",
-      // Clima
-      "rainy-outline",
-      "thunderstorm-outline",
-      "snow-outline",
-      "cloudy-outline",
-      "cloudy-night-outline",
-      "cloud-outline",
-      "cloud-done-outline",
-      "cloud-download-outline",
-      "cloud-upload-outline",
-      "cloud-offline-outline",
-      "cloud-circle-outline",
-      "cloud",
-      "cloud-drizzle",
-      "cloud-lightning",
-      "cloud-rain",
-      "cloud-snow",
-      "cloud-off",
-      "umbrella-outline",
-      "thermometer-outline",
-      "droplet",
-      "wind",
-      // Agua y fuego
-      "water-outline",
-      "flame-outline",
-      "bonfire-outline",
-      "eyedrop-outline",
-      // Flora y fauna
-      "leaf-outline",
-      "flower-outline",
-      "bug-outline",
-      "fish-outline",
-      "paw-outline",
-      // Outdoor
-      "binoculars-outline",
-      "telescope-outline",
-      "compass-outline",
-      "map-outline",
-      "location-outline",
-      "flag-outline",
-      "trail-sign-outline",
-      "earth-outline",
-      "globe-outline",
-      "planet-outline",
-      "compass",
-      "map",
-      "map-pin",
-      "flag",
-      "navigation",
-      "navigation-2",
-      "target",
-      "crosshair",
-      "life-buoy"
-    ]
-  },
-  // ─── Brands ──────────────────────────────────────────────────────────────────
-  {
-    name: "brands",
-    label: "Brands",
-    labelEs: "Marcas",
-    categoryIcon: "globe",
-    icons: [
-      // Feather brand icons — outlined, consistent with the rest of the library
-      "github",
-      "gitlab",
-      "codepen",
-      "codesandbox",
-      "twitter",
-      "facebook",
-      "instagram",
-      "linkedin",
-      "youtube",
-      "dribbble",
-      "twitch",
-      "slack",
-      "figma",
-      "framer",
-      "chrome",
-      "rss",
-      // Filled / flat brand logos (FA5 brands) — kept in a second
-      // visual tier. Rendered as the brand's official silhouette.
-      // Visually consistent (all flat single-color) but heavier than the
-      // Feather outlined set above. Use these only when an outlined Feather
-      // version of the brand doesn't exist.
-      "reddit",
-      "tiktok",
-      "pinterest",
-      "whatsapp",
-      "discord",
-      "snapchat",
-      "telegram",
-      "viber",
-      "line",
-      "vimeo",
-      "tumblr",
-      "behance",
-      "medium",
-      "soundcloud",
-      "google",
-      "apple",
-      "android",
-      "windows",
-      "linux",
-      "amazon",
-      "paypal",
-      "stripe",
-      "shopify",
-      "dropbox",
-      "spotify",
-      "steam",
-      "atlassian",
-      "jira",
-      "confluence",
-      "bitbucket",
-      "jenkins",
-      "docker",
-      "aws",
-      "node",
-      "react",
-      "angular",
-      "wordpress",
-      "drupal",
-      "joomla",
-      "squarespace",
-      "wix",
-      "magento",
-      "terminal",
-      "pen-tool"
-    ]
-  }
-];
-var ALL_CURATED_ICONS = [
-  ...new Set(CURATED_ICONS.flatMap((c) => c.icons))
-];
-
-// src/components/IconPicker/IconPicker.tsx
-var NUM_COLUMNS = 6;
-var GAP = 6;
-var TRIGGER_SIZE = s(56);
-var SCREEN_HEIGHT = Dimensions.get("window").height;
-function IconCell({ name, selected, size, onPress }) {
-  const { colors } = useTheme();
-  const handlePress = () => {
-    selectionAsync();
-    onPress();
-  };
-  const iconColor = selected ? colors.primaryForeground : colors.foreground;
-  const bg = selected ? colors.primary : "transparent";
-  return /* @__PURE__ */ React.createElement(
-    TouchableOpacity,
-    {
-      onPress: handlePress,
-      activeOpacity: 0.6,
-      touchSoundDisabled: true,
-      accessibilityRole: "button",
-      accessibilityState: { selected },
-      accessibilityLabel: name,
-      style: [styles.cell, { width: size, height: size, backgroundColor: bg }]
-    },
-    renderIcon(name, ms(20), iconColor)
-  );
-}
-var IconCellMemo = React.memo(IconCell);
-function IconPicker({
-  value,
-  onChange,
-  label,
-  error,
-  hint,
-  disabled = false,
-  numColumns = NUM_COLUMNS,
-  gap = GAP,
-  style
-}) {
-  const { colors } = useTheme();
-  const insets = useSafeAreaInsets();
-  const sheetRef = useRef(null);
-  const catScrollRef = useRef(null);
-  const [activeCategory, setActiveCategory] = useState(null);
-  const [containerWidth, setContainerWidth] = useState(() => Dimensions.get("window").width - s(16) * 2);
-  const [ready, setReady] = useState(false);
-  const sheetName = useId();
-  const activeIcons = useMemo(() => {
-    if (activeCategory) {
-      return CURATED_ICONS.find((c) => c.name === activeCategory)?.icons ?? ALL_CURATED_ICONS;
-    }
-    return ALL_CURATED_ICONS;
-  }, [activeCategory]);
-  const gapPx = s(gap);
-  const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
-  const rows = useMemo(() => {
-    const result = [];
-    for (let i = 0; i < activeIcons.length; i += numColumns) {
-      result.push(activeIcons.slice(i, i + numColumns));
-    }
-    return result;
-  }, [activeIcons, numColumns]);
-  const handleDismiss = useCallback(() => {
-    setActiveCategory(null);
-    setReady(false);
-  }, []);
-  const handleSelect = useCallback(
-    (iconName) => {
-      onChange(iconName);
-    },
-    [onChange]
-  );
-  const handleOpen = useCallback(() => {
-    if (disabled) return;
-    impactMedium();
-    setActiveCategory(null);
-    setReady(false);
-    sheetRef.current?.present();
-  }, [disabled]);
-  const renderBackdrop = useCallback(
-    (props) => /* @__PURE__ */ React.createElement(BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
-    []
-  );
-  const selectedIcon = value ? renderIcon(value, ms(28), colors.foreground) : null;
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.triggerContainer, style] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React.createElement(
-    TouchableOpacity,
-    {
-      onPress: handleOpen,
-      disabled,
-      activeOpacity: 0.7,
-      touchSoundDisabled: true,
-      accessibilityRole: "button",
-      accessibilityLabel: label ?? "Seleccionar icono",
-      accessibilityState: { disabled },
-      style: [
-        styles.trigger,
-        {
-          backgroundColor: disabled ? colors.surface : colors.background,
-          width: TRIGGER_SIZE,
-          height: TRIGGER_SIZE,
-          borderColor: error ? colors.destructive : value ? colors.primary : colors.border
-        },
-        disabled && styles.triggerDisabled
-      ]
-    },
-    selectedIcon ?? renderIcon("plus", ms(24), colors.foregroundMuted)
-  ), error ? /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      style: [styles.helperText, { color: colors.destructive }],
-      allowFontScaling: true,
-      accessibilityLiveRegion: "polite"
-    },
-    error
-  ) : null, !error && hint ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React.createElement(
-    BottomSheetModal,
-    {
-      ref: sheetRef,
-      name: sheetName,
-      onDismiss: handleDismiss,
-      enableDynamicSizing: true,
-      maxDynamicContentSize: SCREEN_HEIGHT * 0.7,
-      backdropComponent: renderBackdrop,
-      backgroundStyle: { ...styles.sheetBackground, backgroundColor: colors.card },
-      handleIndicatorStyle: { ...styles.handle, backgroundColor: colors.border },
-      enablePanDownToClose: true,
-      topInset: insets.top,
-      android_keyboardInputMode: "adjustPan"
-    },
-    /* @__PURE__ */ React.createElement(
-      BottomSheetScrollView,
-      {
-        contentContainerStyle: styles.sheetContent,
-        showsVerticalScrollIndicator: true
-      },
-      /* @__PURE__ */ React.createElement(
-        View,
-        {
-          style: styles.gridContainer,
-          onLayout: (e) => {
-            setContainerWidth(e.nativeEvent.layout.width);
-            setReady(true);
-          }
-        },
-        !ready ? /* @__PURE__ */ React.createElement(View, { style: styles.loader }, /* @__PURE__ */ React.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { style: [styles.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React.createElement(
-          ScrollView,
-          {
-            ref: catScrollRef,
-            horizontal: true,
-            showsHorizontalScrollIndicator: false,
-            contentContainerStyle: styles.categoryStrip,
-            style: styles.categoryScroll
-          },
-          /* @__PURE__ */ React.createElement(
-            TouchableOpacity,
-            {
-              onPress: () => setActiveCategory(null),
-              activeOpacity: 0.7,
-              touchSoundDisabled: true,
-              accessibilityRole: "button",
-              accessibilityLabel: "Todos",
-              accessibilityState: { selected: activeCategory === null },
-              style: [
-                styles.categoryChip,
-                {
-                  backgroundColor: activeCategory === null ? colors.primary : colors.surface,
-                  borderColor: activeCategory === null ? colors.primary : colors.border
-                }
-              ]
-            },
-            /* @__PURE__ */ React.createElement(View, { style: styles.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React.createElement(
-              Text,
-              {
-                style: [
-                  styles.categoryChipText,
-                  { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
-                ],
-                allowFontScaling: true,
-                numberOfLines: 1
-              },
-              "Todos"
-            ))
-          ),
-          CURATED_ICONS.map((cat) => /* @__PURE__ */ React.createElement(
-            TouchableOpacity,
-            {
-              key: cat.name,
-              onPress: () => setActiveCategory(cat.name),
-              activeOpacity: 0.7,
-              touchSoundDisabled: true,
-              accessibilityRole: "button",
-              accessibilityLabel: cat.labelEs,
-              accessibilityState: { selected: activeCategory === cat.name },
-              style: [
-                styles.categoryChip,
-                {
-                  backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
-                  borderColor: activeCategory === cat.name ? colors.primary : colors.border
-                }
-              ]
-            },
-            /* @__PURE__ */ React.createElement(View, { style: styles.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React.createElement(
-              Text,
-              {
-                style: [
-                  styles.categoryChipText,
-                  { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
-                ],
-                allowFontScaling: true,
-                numberOfLines: 1
-              },
-              cat.labelEs
-            ))
-          ))
-        ), /* @__PURE__ */ React.createElement(View, { style: [styles.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React.createElement(View, { key: row[0] ?? `row-${i}`, style: [styles.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React.createElement(
-          IconCellMemo,
-          {
-            key: name,
-            name,
-            selected: value === name,
-            size: cellSize,
-            onPress: () => {
-              handleSelect(name);
-              sheetRef.current?.dismiss();
-            }
-          }
-        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React.createElement(View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
-      )
-    )
-  ));
-}
-var styles = StyleSheet.create({
-  triggerContainer: {
-    gap: vs(8)
-  },
-  triggerLabel: {
-    fontFamily: "Sohne-Medium",
-    fontSize: ms(14)
-  },
-  trigger: {
-    borderRadius: RADIUS.md,
-    borderWidth: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  triggerDisabled: {
-    opacity: 0.6
-  },
-  helperText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(13)
-  },
-  sheetBackground: {
-    borderTopLeftRadius: ms(16),
-    borderTopRightRadius: ms(16)
-  },
-  handle: {
-    width: s(36),
-    height: vs(4),
-    borderRadius: ms(2)
-  },
-  sheetContent: {
-    paddingHorizontal: s(16),
-    paddingBottom: vs(24)
-  },
-  sectionLabel: {
-    fontFamily: "Sohne-Medium",
-    fontSize: ms(12),
-    marginBottom: vs(8),
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  categoryScroll: {
-    flexGrow: 0,
-    flexShrink: 0
-  },
-  categoryStrip: {
-    gap: s(8)
-  },
-  categoryChip: {
-    borderRadius: RADIUS.full,
-    borderWidth: 1,
-    paddingVertical: vs(6),
-    paddingHorizontal: s(12)
-  },
-  categoryChipInner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: s(6)
-  },
-  categoryChipText: {
-    fontFamily: "Sohne-Medium",
-    fontSize: ms(12)
-  },
-  separator: {
-    height: StyleSheet.hairlineWidth,
-    marginVertical: vs(12)
-  },
-  gridContainer: {},
-  row: {
-    flexDirection: "row",
-    gap: GAP
-  },
-  cell: {
-    borderRadius: RADIUS.md,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  loader: {
-    minHeight: vs(200),
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-
-export { IconPicker };