@retray-dev/ui-kit 12.1.0 → 13.0.0

package/dist/IconPicker.js

@@ -23,124 +23,8 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/theme/colorUtils.ts
-function hexToRgb(hex) {
-  const clean = hex.replace("#", "");
-  const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
-  if (full.length !== 6) return null;
-  return {
-    r: parseInt(full.slice(0, 2), 16),
-    g: parseInt(full.slice(2, 4), 16),
-    b: parseInt(full.slice(4, 6), 16)
-  };
-}
-function componentToHex(c) {
-  return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
-}
-function rgbToHex(r, g, b) {
-  return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
-}
-function withAlphaOnWhite(hex, alpha) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const r = rgb.r * alpha + 255 * (1 - alpha);
-  const g = rgb.g * alpha + 255 * (1 - alpha);
-  const b = rgb.b * alpha + 255 * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
-function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
-  const rgb = hexToRgb(hex);
-  const bg = hexToRgb(bgHex);
-  if (!rgb || !bg) return hex;
-  const r = rgb.r * alpha + bg.r * (1 - alpha);
-  const g = rgb.g * alpha + bg.g * (1 - alpha);
-  const b = rgb.b * alpha + bg.b * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
-function mixWithBackground(fgHex, bgHex, opacity) {
-  const fg = hexToRgb(fgHex);
-  const bg = hexToRgb(bgHex);
-  if (!fg || !bg) return fgHex;
-  const r = fg.r * opacity + bg.r * (1 - opacity);
-  const g = fg.g * opacity + bg.g * (1 - opacity);
-  const b = fg.b * opacity + bg.b * (1 - opacity);
-  return rgbToHex(r, g, b);
-}
-function lighten(hex, amount) {
-  return withAlphaOnWhite(hex, 1 - amount);
-}
-function darken(hex, amount) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
-}
-
-// src/theme/colors.ts
-var defaultLight = {
-  background: "#ffffff",
-  foreground: "#1a1a1a",
-  card: "#ffffff",
-  primary: "#1a1a1a",
-  primaryForeground: "#ffffff",
-  // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
-  accent: "#d4561d",
-  accentForeground: "#ffffff",
-  border: "#dddddd",
-  // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
-  destructive: "#c72828",
-  destructiveForeground: "#ffffff",
-  success: "#1a7a45",
-  successForeground: "#ffffff",
-  // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
-  warning: "#9a5200",
-  warningForeground: "#ffffff"
-};
-function deriveColors(t, scheme) {
-  const dark = scheme === "dark";
-  const bg = t.background;
-  const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
-  const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
-  const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
-  const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
-  const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
-  const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
-  const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
-  const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
-  const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
-  const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
-  return {
-    ...t,
-    foregroundSubtle,
-    foregroundMuted,
-    surface,
-    surfaceStrong,
-    destructiveTint,
-    destructiveBorder,
-    successTint,
-    successBorder,
-    warningTint,
-    warningBorder,
-    overlay: t.overlay ?? "rgba(0,0,0,0.45)",
-    accentResolved: t.accent ?? t.primary,
-    accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
-    ring: t.accent ?? t.primary,
-    input: t.border,
-    separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
-  };
-}
-
-// src/theme/ThemeProvider.tsx
-var ThemeContext = React4.createContext({
-  colors: deriveColors(defaultLight, "light"),
-  colorScheme: "light"
-});
+// src/components/IconPicker/IconPicker.tsx
+var ThemeContext = React4.createContext(void 0);
 function useTheme() {
   const context = React4.useContext(ThemeContext);
   if (!context) {
@@ -148,485 +32,104 @@ function useTheme() {
   }
   return context;
 }
-var glyphMapOf = (mod) => mod.glyphMap ?? {};
 var ALL_FAMILIES = [
-  { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
-  { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
-  { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
-  { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
-  { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
-  { name: "Feather", component: Feather__default.default, getGlyphMap: () => glyphMapOf(Feather__default.default) }
+  { name: "Feather", component: Feather__default.default },
+  { name: "AntDesign", component: AntDesign__default.default },
+  { name: "Entypo", component: Entypo__default.default },
+  { name: "FontAwesome5", component: FontAwesome5__default.default },
+  { name: "MaterialIcons", component: MaterialIcons__default.default },
+  { name: "Ionicons", component: Ionicons__default.default }
 ];
-var activeFamilies = ALL_FAMILIES;
-var resolvedCache = null;
-function buildCache(families) {
-  const cache = /* @__PURE__ */ new Map();
-  for (const family of activeFamilies) {
-    const glyphMap = family.getGlyphMap();
-    for (const iconName of Object.keys(glyphMap)) {
-      cache.set(iconName, family);
+var glyphCacheInitialized = false;
+function ensureGlyphCache() {
+  if (glyphCacheInitialized) return;
+  glyphCacheInitialized = true;
+  for (const entry of ALL_FAMILIES) {
+    try {
+      entry.glyphMap = entry.component.glyphMap;
+    } catch {
+      entry.glyphMap = {};
     }
   }
-  return cache;
-}
-function resolveFamily(name) {
-  if (!resolvedCache) {
-    resolvedCache = buildCache();
-  }
-  return resolvedCache.get(name) ?? null;
 }
 function Icon({ name, size, color, family }) {
-  let resolved = null;
-  if (family) {
-    resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
-  } else {
-    resolved = resolveFamily(name);
-  }
-  if (!resolved) return null;
-  const Component = resolved.component;
-  return React4__default.default.createElement(Component, { name, size, color });
-}
-function renderIcon(name, size, color) {
-  return React4__default.default.createElement(Icon, { name, size, color });
+  ensureGlyphCache();
+  const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
+    const glyphMap = f.glyphMap;
+    return glyphMap ? name in glyphMap : false;
+  });
+  if (!entry) return null;
+  return React4__default.default.createElement(entry.component, { name, size, color });
 }
 
 // src/utils/curatedIcons.ts
-var CURATED_ICONS = [
-  // ─── Food ────────────────────────────────────────────────────────────────────
+var CATEGORIES = [
   {
-    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",
+    name: "acciones",
     label: "Actions",
     labelEs: "Acciones",
-    categoryIcon: "edit-3",
+    categoryIcon: "zap",
     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",
+      "search",
+      "settings",
+      "filter",
+      "trash-2",
       "copy",
-      "clipboard",
-      "scissors",
-      "create-outline",
-      "pencil-outline",
-      "duplicate-outline",
-      "copy-outline",
-      "clipboard-outline",
-      // Mover datos
+      "save",
+      "share-2",
       "download",
-      "download-cloud",
       "upload",
-      "upload-cloud",
-      "download-outline",
-      "cloud-download-outline",
-      "cloud-upload-outline"
+      "refresh-cw",
+      "lock",
+      "bookmark",
+      "heart",
+      "star",
+      "flag",
+      "link-2"
     ]
   },
-  // ─── Communication ───────────────────────────────────────────────────────────
   {
-    name: "communication",
+    name: "comunicacion",
     label: "Communication",
     labelEs: "Comunicaci\xF3n",
-    categoryIcon: "message-circle",
+    categoryIcon: "mail",
     icons: [
-      // Mensajería
+      "mail",
       "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-forwarded",
       "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"
+      "phone-outgoing",
+      "send",
+      "at-sign",
+      "paperclip",
+      "inbox",
+      "volume",
+      "volume-1",
+      "volume-2",
+      "volume-x",
+      "mic",
+      "mic-off"
     ]
   },
-  // ─── Navigation ──────────────────────────────────────────────────────────────
   {
-    name: "navigation",
+    name: "navegacion",
     label: "Navigation",
     labelEs: "Navegaci\xF3n",
-    categoryIcon: "compass",
+    categoryIcon: "map-pin",
     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",
@@ -635,409 +138,200 @@ var CURATED_ICONS = [
       "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
+      "arrow-up-circle",
+      "arrow-down-circle",
+      "arrow-left-circle",
+      "arrow-right-circle",
       "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",
+      "corner-down-right"
+    ]
+  },
+  {
+    name: "comida",
+    label: "Food",
+    labelEs: "Comida",
+    categoryIcon: "coffee",
+    icons: [
+      "coffee",
+      "shopping-bag",
+      "shopping-cart",
+      "package",
+      "box",
+      "tag",
+      "truck",
+      "gift",
+      "award",
+      "star",
+      "heart",
+      "zap",
+      "sun",
+      "moon",
+      "cloud",
+      "droplet",
+      "thermometer",
+      "wind",
       "map-pin",
+      "home"
+    ]
+  },
+  {
+    name: "negocios",
+    label: "Business",
+    labelEs: "Negocios",
+    categoryIcon: "briefcase",
+    icons: [
+      "briefcase",
+      "dollar-sign",
+      "credit-card",
+      "bar-chart",
+      "bar-chart-2",
+      "pie-chart",
+      "trending-up",
+      "trending-down",
+      "activity",
       "target",
-      "crosshair",
-      "home",
-      "anchor",
-      "compass-outline",
-      "map-outline",
-      "location-outline",
-      "navigate-outline",
-      "pin-outline",
-      "home-outline"
+      "hash",
+      "percent",
+      "file-text",
+      "folder",
+      "clipboard",
+      "calendar",
+      "clock",
+      "database",
+      "archive",
+      "terminal"
+    ]
+  },
+  {
+    name: "perfil",
+    label: "Profile",
+    labelEs: "Perfil",
+    categoryIcon: "user",
+    icons: [
+      "user",
+      "users",
+      "user-check",
+      "user-x",
+      "user-plus",
+      "user-minus",
+      "key",
+      "shield",
+      "shield-off",
+      "lock",
+      "unlock",
+      "log-in",
+      "log-out",
+      "eye",
+      "eye-off",
+      "bell",
+      "bell-off",
+      "settings",
+      "tool",
+      "sliders"
     ]
   },
-  // ─── Media ───────────────────────────────────────────────────────────────────
   {
-    name: "media",
+    name: "multimedia",
     label: "Media",
-    labelEs: "Medios",
-    categoryIcon: "image",
+    labelEs: "Multimedia",
+    categoryIcon: "camera",
     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
+      "video",
+      "video-off",
+      "film",
       "music",
+      "music-off",
       "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"
+      "radio",
+      "image",
+      "images",
+      "play",
+      "pause",
+      "stop",
+      "skip-back",
+      "skip-forward",
+      "monitor",
+      "smart-phone",
+      "tablet"
     ]
   },
-  // ─── Layout ──────────────────────────────────────────────────────────────────
   {
-    name: "layout",
-    label: "Layout",
-    labelEs: "Dise\xF1o",
-    categoryIcon: "grid",
+    name: "texto",
+    label: "Text",
+    labelEs: "Texto",
+    categoryIcon: "type",
     icons: [
-      // Estructura
-      "grid",
-      "columns",
-      "sidebar",
-      "layout",
-      "list",
-      "menu",
-      "table",
-      "trello",
-      "grid-outline",
-      "list-outline",
-      "menu-outline",
-      "layers-outline",
-      // Alineación
+      "type",
+      "bold",
+      "italic",
+      "underline",
       "align-left",
       "align-center",
       "align-right",
       "align-justify",
-      // Tipografía
-      "bold",
-      "italic",
-      "underline",
-      "type",
-      "hash",
-      // Formas
+      "list",
+      "columns",
+      "sidebar",
+      "minimize-2",
+      "maximize-2",
+      "edit-3",
+      "feather",
       "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"
+      "plus-circle",
+      "minus-circle",
+      "x-circle"
     ]
   }
 ];
-var ALL_CURATED_ICONS = [
-  ...new Set(CURATED_ICONS.flatMap((c) => c.icons))
-];
-var _haptics = null;
-var _hapticsLoaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_hapticsLoaded) {
-    _hapticsLoaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
+var _allIcons = null;
+var _categorized = null;
+function getAllCuratedIcons() {
+  if (!_allIcons) {
+    const seen = /* @__PURE__ */ new Set();
+    const result = [];
+    for (const cat of CATEGORIES) {
+      for (const name of cat.icons) {
+        if (!seen.has(name)) {
+          seen.add(name);
+          result.push(name);
+        }
+      }
     }
+    _allIcons = result;
   }
-  return _haptics;
+  return _allIcons;
 }
-var _pulsar = null;
-var _pulsarChecked = false;
-var _pulsarAvailable = false;
-function isPulsarNativeRegistered() {
-  try {
-    const g = globalThis;
-    if (typeof g.__turboModuleProxy === "function") {
-      return g.__turboModuleProxy("RNPulsar") != null;
-    }
-    return reactNative.NativeModules?.RNPulsar != null;
-  } catch {
-    return false;
+function getCuratedCategories() {
+  if (!_categorized) {
+    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
   }
+  return _categorized;
 }
-function getPulsar() {
+var _haptics = null;
+var _loaded = false;
+async function getHaptics() {
   if (reactNative.Platform.OS === "web") return null;
-  if (!_pulsarChecked) {
-    _pulsarChecked = true;
+  if (!_loaded) {
+    _loaded = true;
     try {
-      if (isPulsarNativeRegistered()) {
-        _pulsar = __require("react-native-pulsar");
-        _pulsarAvailable = true;
-      }
+      _haptics = await import('expo-haptics');
     } catch {
-      _pulsar = null;
-      _pulsarAvailable = false;
+      _haptics = null;
     }
   }
-  return _pulsarAvailable ? _pulsar : null;
+  return _haptics;
 }
 function selectionAsync() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.selectionAsync();
-    } else {
-      getPulsar()?.Presets.System.selection();
-    }
-  });
+  getHaptics().then((h) => h?.selectionAsync());
 }
 function impactMedium() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Medium);
-    } else {
-      getPulsar()?.Presets.System.impactMedium();
-    }
-  });
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -1052,7 +346,7 @@ var RADIUS = {
 };
 var sizeMap = {
   sm: "small",
-  md: "small",
+  md: "large",
   lg: "large"
 };
 var labelFontSize = {
@@ -1062,7 +356,7 @@ var labelFontSize = {
 };
 function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
-  const a11yLabel = label || "Loading";
+  const a11yLabel = label || "Cargando";
   if (label) {
     return /* @__PURE__ */ React4__default.default.createElement(
       reactNative.View,
@@ -1130,7 +424,7 @@ function IconCell({ name, selected, size, onPress }) {
       accessibilityLabel: name,
       style: [styles2.cell, { width: size, height: size, backgroundColor: bg }]
     },
-    renderIcon(name, ms(20), iconColor)
+    /* @__PURE__ */ React4__default.default.createElement(Icon, { name, size: ms(20), color: iconColor })
   );
 }
 var IconCellMemo = React4__default.default.memo(IconCell);
@@ -1154,10 +448,11 @@ function IconPicker({
   const [ready, setReady] = React4.useState(false);
   const sheetName = React4.useId();
   const activeIcons = React4.useMemo(() => {
+    const allIcons = getAllCuratedIcons();
     if (activeCategory) {
-      return CURATED_ICONS.find((c) => c.name === activeCategory)?.icons ?? ALL_CURATED_ICONS;
+      return getCuratedCategories().find((c) => c.name === activeCategory)?.icons ?? allIcons;
     }
-    return ALL_CURATED_ICONS;
+    return allIcons;
   }, [activeCategory]);
   const gapPx = s(gap);
   const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
@@ -1189,7 +484,7 @@ function IconPicker({
     (props) => /* @__PURE__ */ React4__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
     []
   );
-  const selectedIcon = value ? renderIcon(value, ms(28), colors.foreground) : null;
+  const selectedIcon = value ? /* @__PURE__ */ React4__default.default.createElement(Icon, { name: value, size: ms(28), color: colors.foreground }) : null;
   return /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: [styles2.triggerContainer, style] }, label ? /* @__PURE__ */ React4__default.default.createElement(reactNative.Text, { style: [styles2.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React4__default.default.createElement(
     reactNative.TouchableOpacity,
     {
@@ -1211,7 +506,7 @@ function IconPicker({
         disabled && styles2.triggerDisabled
       ]
     },
-    selectedIcon ?? renderIcon("plus", ms(24), colors.foregroundMuted)
+    selectedIcon ?? /* @__PURE__ */ React4__default.default.createElement(Icon, { name: "plus", size: ms(24), color: colors.foregroundMuted })
   ), error ? /* @__PURE__ */ React4__default.default.createElement(
     reactNative.Text,
     {
@@ -1266,7 +561,7 @@ function IconPicker({
               activeOpacity: 0.7,
               touchSoundDisabled: true,
               accessibilityRole: "button",
-              accessibilityLabel: "Todos",
+              accessibilityLabel: "Todas",
               accessibilityState: { selected: activeCategory === null },
               style: [
                 styles2.categoryChip,
@@ -1276,7 +571,7 @@ function IconPicker({
                 }
               ]
             },
-            /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: styles2.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React4__default.default.createElement(
+            /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: styles2.categoryChipInner }, /* @__PURE__ */ React4__default.default.createElement(Icon, { name: "grid", size: ms(14), color: activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React4__default.default.createElement(
               reactNative.Text,
               {
                 style: [
@@ -1286,10 +581,10 @@ function IconPicker({
                 allowFontScaling: true,
                 numberOfLines: 1
               },
-              "Todos"
+              "Todas"
             ))
           ),
-          CURATED_ICONS.map((cat) => /* @__PURE__ */ React4__default.default.createElement(
+          getCuratedCategories().map((cat) => /* @__PURE__ */ React4__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               key: cat.name,
@@ -1307,7 +602,7 @@ function IconPicker({
                 }
               ]
             },
-            /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: styles2.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React4__default.default.createElement(
+            /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: styles2.categoryChipInner }, /* @__PURE__ */ React4__default.default.createElement(Icon, { name: cat.categoryIcon, size: ms(14), color: activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React4__default.default.createElement(
               reactNative.Text,
               {
                 style: [