@synthex-engineers/refined-tech 0.0.0-stage → 1.0.1

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../tokens/index.ts","../registry/components.json","../src/index.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Synthex Refined Tech — Tokens Canónicos de Diseño\n * Derivado de brand/02-guidelines/tokens.json y vault/Arquitecturas/Synthex - Sistema de Diseño y Guía de Estilo Visual.md\n */\n\nexport const colors = {\n  charcoal: '#111111',\n  slateSurface: '#1E1E1E',\n  slateCard: '#1E1E1E',\n  slateBorder: '#2A2A2A',\n  pistachio: '#E0F9B5',\n  electric: '#CCF586',\n  snow: '#F4FDE4',\n  gold: '#D4AF37',\n  muted: '#8E8E93',\n  textPure: '#FFFFFF',\n  textDark: '#111111',\n} as const;\n\nexport const fonts = {\n  display: \"'Outfit', -apple-system, BlinkMacSystemFont, sans-serif\",\n  body: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  sans: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  mono: \"'JetBrains Mono', monospace\",\n} as const;\n\nexport const radii = {\n  sm: '6px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  '2xl': '24px',\n  squircle: '52px',\n  full: '9999px',\n} as const;\n\nexport const spacing = {\n  '0.5': '2px',\n  '1': '4px',\n  '1.5': '6px',\n  '2': '8px',\n  '3': '12px',\n  '4': '16px',\n  '5': '20px',\n  '6': '24px',\n  '8': '32px',\n  '10': '40px',\n  '12': '48px',\n  '16': '64px',\n} as const;\n\nexport const heights = {\n  input: '44px',\n  btnPrimary: '44px',\n  btnSecondary: '36px',\n  btnMicro: '32px',\n  topbar: '64px',\n  sidebarWidth: '256px',\n} as const;\n\nexport const shadows = {\n  subtle: '0 4px 14px rgba(0, 0, 0, 0.25)',\n  glowPistachio: '0 0 20px rgba(224, 249, 181, 0.15)',\n  glowElectric: '0 0 25px rgba(204, 245, 134, 0.20)',\n} as const;\n\nexport const borders = {\n  thin: '1px solid #2A2A2A',\n} as const;\n\nexport const tokens = {\n  colors,\n  fonts,\n  radii,\n  spacing,\n  heights,\n  shadows,\n  borders,\n} as const;\n\nexport type Colors = typeof colors;\nexport type Fonts = typeof fonts;\nexport type Radii = typeof radii;\nexport type Spacing = typeof spacing;\nexport type Heights = typeof heights;\nexport type Shadows = typeof shadows;\nexport type Borders = typeof borders;\nexport type Tokens = typeof tokens;\n\nexport default tokens;\n","{\n  \"$schema\": \"http://json-schema.org/draft-07/schema#\",\n  \"title\": \"SynthexComponentRegistry\",\n  \"description\": \"Catálogo canónico de componentes Synthex Refined Tech con identificadores cruzados por framework y estado de disponibilidad\",\n  \"version\": \"1.2.0\",\n  \"updated_at\": \"2026-10-20\",\n  \"components\": [\n    {\n      \"id\": \"SRT-DRP-02\",\n      \"slug\": \"animated-dropdown\",\n      \"name\": \"Desplegable con Animación Suave\",\n      \"category\": \"forms\",\n      \"description\": \"Menú desplegable con apertura fluida, transición suave de escala, opacidad y traslación vertical (cubic-bezier), rotación animada de chevron y soporte para selección activa y cierre exterior.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"relative inline-block w-64 font-sans text-left js-animated-dropdown\\\">\\n  <!-- Botón Trigger con Chevron animado -->\\n  <button\\n    type=\\\"button\\\"\\n    class=\\\"w-full flex items-center justify-between gap-3 bg-charcoal border border-slateBorder hover:border-slateBorder-focus px-4 py-2.5 rounded-xl text-sm text-white focus:outline-none focus:border-pistachio transition-all cursor-pointer shadow-inner group\\\"\\n    aria-haspopup=\\\"listbox\\\"\\n    aria-expanded=\\\"false\\\"\\n  >\\n    <div class=\\\"flex items-center gap-2 truncate\\\">\\n      <span class=\\\"w-2 h-2 rounded-full bg-pistachio shrink-0\\\"></span>\\n      <span class=\\\"truncate js-dropdown-label\\\">Seleccionar opción</span>\\n    </div>\\n    <svg\\n      class=\\\"w-4 h-4 text-muted transition-transform duration-200 ease-out group-hover:text-white shrink-0 js-dropdown-chevron\\\"\\n      fill=\\\"none\\\"\\n      stroke=\\\"currentColor\\\"\\n      stroke-width=\\\"2\\\"\\n      viewBox=\\\"0 0 24 24\\\"\\n    >\\n      <path d=\\\"M19 9l-7 7-7-7\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" />\\n    </svg>\\n  </button>\\n\\n  <!-- Panel Desplegable Flotante con animación suave -->\\n  <div\\n    class=\\\"absolute left-0 mt-2 w-full bg-slateSurface-card border border-slateBorder rounded-xl shadow-2xl py-1.5 z-40 overflow-hidden transition-all duration-200 ease-out origin-top opacity-0 scale-95 pointer-events-none js-dropdown-panel\\\"\\n    role=\\\"listbox\\\"\\n  >\\n    <div class=\\\"px-3.5 py-1.5 text-xs font-mono text-muted uppercase tracking-wider border-b border-slateBorder/50\\\">\\n      Opciones Disponibles\\n    </div>\\n    <button\\n      type=\\\"button\\\"\\n      class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-white flex items-center justify-between text-xs transition-colors cursor-pointer js-dropdown-item\\\"\\n      data-value=\\\"opt-1\\\"\\n    >\\n      <span class=\\\"font-medium text-white\\\">Opción Primaria A</span>\\n      <span class=\\\"text-pistachio font-bold\\\">✓</span>\\n    </button>\\n    <button\\n      type=\\\"button\\\"\\n      class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-muted hover:text-white flex items-center justify-between text-xs transition-colors cursor-pointer js-dropdown-item\\\"\\n      data-value=\\\"opt-2\\\"\\n    >\\n      <span>Opción Secundaria B</span>\\n    </button>\\n    <button\\n      type=\\\"button\\\"\\n      class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-muted hover:text-white flex items-center justify-between text-xs transition-colors cursor-pointer js-dropdown-item\\\"\\n      data-value=\\\"opt-3\\\"\\n    >\\n      <span>Opción Extendida C</span>\\n    </button>\\n  </div>\\n</div>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-animated-dropdown\",\n          \"import\": \"import { AnimatedDropdownComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-animated-dropdown [items]=\\\"opciones\\\" [(value)]=\\\"seleccion\\\" placeholder=\\\"Elegir entorno...\\\" />\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"AnimatedDropdown\",\n          \"import\": \"import { AnimatedDropdown } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<AnimatedDropdown items={opciones} value={seleccion} onChange={setSeleccion} placeholder=\\\"Elegir entorno...\\\" />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: animated-dropdown | Angular: <st-animated-dropdown> | Style: Charcoal #111111 / Smooth Origin-Top Scale / Pistachio Accent #E0F9B5 / Chevron Rotation]\"\n    },\n    {\n      \"id\": \"SRT-BDG-01\",\n      \"slug\": \"badge-status\",\n      \"name\": \"Badge de Estado Técnico\",\n      \"category\": \"feedback\",\n      \"description\": \"Etiqueta técnica sobria para condiciones operativas (sellado, verificado, en cola) con tipografía monospaced y alto contraste.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-badge-status\",\n          \"import\": \"import { BadgeStatusComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-badge-status label=\\\"Ledger Sellado\\\" status=\\\"success\\\"></st-badge-status>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"BadgeStatus\",\n          \"import\": \"import { BadgeStatus } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<BadgeStatus label=\\\"Ledger Sellado\\\" status=\\\"success\\\" />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<span class=\\\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-mono bg-slateSurface text-pistachio border border-slateBorder\\\">\\n  <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio\\\"></span>\\n  Ledger Sellado\\n</span>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: badge-status | Angular: <st-badge-status> | React: <BadgeStatus> | Style: Dark Container #1E1E1E / Static Pistachio Dot #E0F9B5 / Mono Font]\"\n    },\n    {\n      \"id\": \"SRT-CRD-02\",\n      \"slug\": \"bento-grid-card\",\n      \"name\": \"Tarjeta Bento de Ingeniería\",\n      \"category\": \"cards\",\n      \"description\": \"Contenedor bento modular extraído de la web corporativa, con micro-borde de 1px, acento pistacho y diseño técnico sobrio.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-bento-card\",\n          \"import\": \"import { BentoCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-bento-card title=\\\"Ciberseguridad\\\" description=\\\"Encadenamiento SHA-256 e inmutabilidad\\\"></st-bento-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"BentoGridCard\",\n          \"import\": \"import { BentoGridCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<BentoGridCard title=\\\"Ciberseguridad\\\" description=\\\"Encadenamiento SHA-256 e inmutabilidad\\\" />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"p-5 rounded-2xl bg-slateSurface-card border border-slateBorder hover:border-pistachio/40 transition-all flex flex-col gap-2 w-64 font-sans\\\">\\n  <div class=\\\"w-7 h-7 rounded-lg bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio\\\">\\n    <svg class=\\\"w-4 h-4\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\\\"/></svg>\\n  </div>\\n  <h4 class=\\\"text-xs font-semibold text-white\\\">Ciberseguridad y Criptografía</h4>\\n  <p class=\\\"text-xs text-muted leading-relaxed\\\">Encadenamiento SHA-256 e inmutabilidad garantizada.</p>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: bento-grid-card | Angular: <st-bento-card> | React: <BentoGridCard> | Style: Bento Card #1A1A1A / Border #2A2A2A / Pistachio Icon Box]\"\n    },\n    {\n      \"id\": \"SRT-BTN-03\",\n      \"slug\": \"button-outline\",\n      \"name\": \"Botón Contorno Técnico\",\n      \"category\": \"actions\",\n      \"description\": \"Botón de contorno transparente con micro-borde Verde Pistacho (#E0F9B5) y texto Pistacho sobre fondo oscuro.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-button-outline\",\n          \"import\": \"import { ButtonOutlineComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-button-outline (onClick)=\\\"handleExport()\\\">Exportar Ledger</st-button-outline>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ButtonOutline\",\n          \"import\": \"import { ButtonOutline } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ButtonOutline />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button class=\\\"bg-transparent text-pistachio border border-pistachio/70 hover:bg-pistachio/10 hover:border-pistachio px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\\\">\\n  Exportar Ledger\\n</button>\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"ButtonOutline\",\n          \"import\": \"import { ButtonOutline } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<ButtonOutline />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: button-outline | Angular: <st-button-outline> | Style: Transparent / Pistachio Border #E0F9B5]\"\n    },\n    {\n      \"id\": \"SRT-BTN-01\",\n      \"slug\": \"button-primary\",\n      \"name\": \"Botón Primario Pistacho\",\n      \"category\": \"actions\",\n      \"description\": \"Botón de acción principal con fondo Verde Pistacho (#E0F9B5), texto Negro Carbón (#111111) y micro-transición suave.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-button-primary\",\n          \"import\": \"import { ButtonPrimaryComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-button-primary (onClick)=\\\"handleSubmit()\\\">Confirmar Acción</st-button-primary>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ButtonPrimary\",\n          \"import\": \"import { ButtonPrimary } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ButtonPrimary onClick={handleSubmit}>Confirmar Acción</ButtonPrimary>\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button class=\\\"bg-pistachio text-charcoal hover:bg-pistachio-hover px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm active:scale-95 inline-flex items-center justify-center gap-1.5 cursor-pointer\\\">\\n  Confirmar Acción\\n</button>\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"ButtonPrimary\",\n          \"import\": \"import { ButtonPrimary } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<ButtonPrimary />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: button-primary | Angular: <st-button-primary> | React: <ButtonPrimary> | Style: Pistachio #E0F9B5 / Charcoal #111111]\"\n    },\n    {\n      \"id\": \"SRT-BTN-02\",\n      \"slug\": \"button-secondary\",\n      \"name\": \"Botón Secundario Pizarra\",\n      \"category\": \"actions\",\n      \"description\": \"Botón de acción secundaria con fondo Gris Pizarra (#1E1E1E), micro-borde (#2A2A2A) y texto blanco.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-button-secondary\",\n          \"import\": \"import { ButtonSecondaryComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-button-secondary (onClick)=\\\"handleCancel()\\\">Cancelar</st-button-secondary>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ButtonSecondary\",\n          \"import\": \"import { ButtonSecondary } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ButtonSecondary />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button class=\\\"bg-slateSurface text-white border border-slateBorder hover:bg-slateBorder hover:border-slateBorder-focus px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\\\">\\n  Cancelar\\n</button>\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"ButtonSecondary\",\n          \"import\": \"import { ButtonSecondary } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<ButtonSecondary />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: button-secondary | Angular: <st-button-secondary> | Style: Slate #1E1E1E / Border #2A2A2A]\"\n    },\n    {\n      \"id\": \"SRT-CRD-05\",\n      \"slug\": \"client-trust-card\",\n      \"name\": \"Tarjeta de Confianza Institucional\",\n      \"category\": \"cards\",\n      \"description\": \"Tarjeta minimalista para acreditación de clientes institucionales con logotipo integrado con transparencia, razón social destacada, país y enlace directo a la empresa.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<a\\n  href=\\\"https://sd-kpi.com/\\\"\\n  target=\\\"_blank\\\"\\n  rel=\\\"noopener noreferrer\\\"\\n  class=\\\"group inline-flex items-center gap-4 sm:gap-5 px-6 sm:px-8 py-3.5 sm:py-4 rounded-2xl bg-slateSurface/60 border border-slateBorder hover:border-pistachio/50 hover:bg-slateCard/80 hover:scale-105 active:scale-95 transition-all duration-300 shadow-sm cursor-pointer font-sans\\\"\\n  aria-label=\\\"SD-M GmbH - Alemania\\\"\\n>\\n  <img\\n    src=\\\"/brand/sd-m-logo-dark.png\\\"\\n    alt=\\\"SD-M GmbH\\\"\\n    class=\\\"h-7 sm:h-8 w-auto object-contain opacity-90 group-hover:opacity-100 transition-opacity\\\"\\n    width=\\\"120\\\"\\n    height=\\\"44\\\"\\n    loading=\\\"lazy\\\"\\n  />\\n  <div class=\\\"text-left border-l border-slateBorder/60 pl-4 sm:pl-5\\\">\\n    <span class=\\\"block font-display font-bold text-base sm:text-lg text-white group-hover:text-pistachio transition-colors leading-tight\\\">\\n      SD-M GmbH\\n    </span>\\n    <span class=\\\"block text-sm font-sans text-muted leading-tight mt-0.5\\\">\\n      Alemania\\n    </span>\\n  </div>\\n</a>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-client-trust-card\",\n          \"import\": \"import { ClientTrustCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-client-trust-card clientName=\\\"SD-M GmbH\\\" location=\\\"Alemania\\\" href=\\\"https://sd-kpi.com/\\\" logoSrc=\\\"/brand/sd-m-logo-dark.png\\\"></st-client-trust-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ClientTrustCard\",\n          \"import\": \"import { ClientTrustCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ClientTrustCard clientName=\\\"SD-M GmbH\\\" location=\\\"Alemania\\\" href=\\\"https://sd-kpi.com/\\\" logoSrc=\\\"/brand/sd-m-logo-dark.png\\\" />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"ClientTrustCard\",\n          \"import\": \"import { ClientTrustCard } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<ClientTrustCard />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: client-trust-card | Angular: <st-client-trust-card> | React: <ClientTrustCard> | Style: Slate Surface #1E1E1E / Border #2A2A2A / Pistachio Hover / Analytical Vector Logo]\"\n    },\n    {\n      \"id\": \"SRT-CMD-01\",\n      \"slug\": \"command-k-trigger\",\n      \"name\": \"Disparador Command K\",\n      \"category\": \"navigation\",\n      \"description\": \"Botón de cabecera con atajo de teclado integrado (Ctrl+K) para invocar la paleta de comandos de búsqueda semántica.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-command-k-trigger\",\n          \"import\": \"import { CommandKTriggerComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-command-k-trigger (onOpen)=\\\"openPalette()\\\"></st-command-k-trigger>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"CommandKTrigger\",\n          \"import\": \"import { CommandKTrigger } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<CommandKTrigger onOpen={openPalette} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button class=\\\"flex items-center justify-between gap-3 bg-slateSurface text-muted border border-slateBorder px-3 py-1.5 rounded-md text-xs hover:border-pistachio/40 transition-colors w-48 cursor-pointer\\\">\\n  <span class=\\\"flex items-center gap-1.5\\\">\\n    <svg class=\\\"w-3.5 h-3.5\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\\\"/></svg>\\n    <span>Buscar o ejecutar...</span>\\n  </span>\\n  <kbd class=\\\"bg-charcoal border border-slateBorder text-xs px-1.5 py-0.5 rounded text-white font-mono\\\">Ctrl K</kbd>\\n</button>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: command-k-trigger | Angular: <st-command-k-trigger> | React: <CommandKTrigger> | Style: Slate Container #1E1E1E / Muted Text / Keyboard Badge]\"\n    },\n    {\n      \"id\": \"SRT-INP-02\",\n      \"slug\": \"dropdown-select\",\n      \"name\": \"Selector Desplegable Primario\",\n      \"category\": \"forms\",\n      \"description\": \"Selector desplegable primario con estilo oscuro SRT (bg-charcoal), borde sutil (border-slateBorder), foco pistacho (border-pistachio), icono chevron SVG y opciones tipográficas.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"relative w-full max-w-xs font-sans text-left\\\">\\n  <!-- Botón Trigger con Chevron animado -->\\n  <button\\n    type=\\\"button\\\"\\n    class=\\\"w-full flex items-center justify-between gap-3 bg-charcoal border border-slateBorder hover:border-slateBorder-focus px-4 py-2.5 rounded-xl text-sm text-white focus:outline-none focus:border-pistachio transition-all cursor-pointer shadow-inner group\\\"\\n    aria-haspopup=\\\"listbox\\\"\\n    aria-expanded=\\\"false\\\"\\n  >\\n    <div class=\\\"flex items-center gap-2 truncate\\\">\\n      <span class=\\\"w-2 h-2 rounded-full bg-pistachio shrink-0\\\"></span>\\n      <span class=\\\"truncate\\\">Synthex Ledger Core</span>\\n    </div>\\n    <svg\\n      class=\\\"w-4 h-4 text-muted transition-transform duration-200 ease-out group-hover:text-white shrink-0\\\"\\n      fill=\\\"none\\\"\\n      stroke=\\\"currentColor\\\"\\n      stroke-width=\\\"2\\\"\\n      viewBox=\\\"0 0 24 24\\\"\\n    >\\n      <path d=\\\"M19 9l-7 7-7-7\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" />\\n    </svg>\\n  </button>\\n\\n  <!-- Panel Desplegable Flotante con animación suave -->\\n  <div\\n    class=\\\"absolute left-0 mt-2 w-full bg-slateSurface-card border border-slateBorder rounded-xl shadow-2xl py-1.5 z-40 overflow-hidden\\\"\\n    role=\\\"listbox\\\"\\n  >\\n    <button type=\\\"button\\\" class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-white flex items-center justify-between text-xs transition-colors cursor-pointer\\\">\\n      <span class=\\\"font-medium text-white\\\">Synthex Ledger Core</span>\\n      <span class=\\\"text-pistachio font-bold\\\">✓</span>\\n    </button>\\n    <button type=\\\"button\\\" class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-muted hover:text-white flex items-center justify-between text-xs transition-colors cursor-pointer\\\">\\n      <span>Synthex Gym ERP</span>\\n    </button>\\n    <button type=\\\"button\\\" class=\\\"w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-muted hover:text-white flex items-center justify-between text-xs transition-colors cursor-pointer\\\">\\n      <span>Synthex Refined Tech</span>\\n    </button>\\n  </div>\\n</div>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-dropdown-select\",\n          \"import\": \"import { DropdownSelectComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-dropdown-select [options]=\\\"opciones\\\" [(value)]=\\\"seleccionado\\\" label=\\\"Proyecto\\\" />\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"DropdownSelect\",\n          \"import\": \"import { DropdownSelect } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<DropdownSelect options={opciones} value={seleccionado} onChange={setSeleccionado} label=\\\"Proyecto\\\" />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: dropdown-select | Angular: <st-dropdown-select> | Style: Charcoal Container / Pistachio Focus #E0F9B5 / Chevron SVG]\"\n    },\n    {\n      \"id\": \"SRT-GSAP-FBT01\",\n      \"slug\": \"gsap-footer-bounce\",\n      \"name\": \"Rebote Elástico de Footer GSAP\",\n      \"category\": \"animations\",\n      \"description\": \"Animación cinemática oficial de Synthex para curvas SVG de fondo con interpolación elástica (elastic.out) en scroll o disparador.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-footer-bounce\",\n          \"import\": \"import { FooterBounceComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-footer-bounce [color]=\\\"'#E0F9B5'\\\"></st-footer-bounce>\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"w-full h-16 bg-charcoal border border-slateBorder rounded-xl overflow-hidden flex items-center justify-center cursor-pointer relative\\\">\\n  <svg class=\\\"w-full h-12\\\" viewBox=\\\"0 0 1440 320\\\" preserveAspectRatio=\\\"none\\\">\\n    <path fill=\\\"#E0F9B5\\\" d=\\\"M 0,160 Q 720,160 1440,160 L 1440,320 L 0,320 Z\\\"></path>\\n  </svg>\\n  <span class=\\\"absolute text-xs font-mono text-charcoal font-bold\\\">\\n    Rebote Elástico GSAP\\n  </span>\\n</div>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"FooterBounce\",\n          \"import\": \"import { FooterBounce } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<FooterBounce />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexAnimation: gsap-footer-bounce | Angular: <st-footer-bounce> | GSAP Elastic Curve M 0,160 Q 720,160 | Ease: elastic.out(1.8, 0.22)]\"\n    },\n    {\n      \"id\": \"SRT-GSAP-MAG01\",\n      \"slug\": \"gsap-magnetic-button\",\n      \"name\": \"Botón con Atracción Magnética GSAP\",\n      \"category\": \"animations\",\n      \"description\": \"Componente interactivo con atracción magnética del cursor mediante interpolación suave GSAP quickTo.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-magnetic-button\",\n          \"import\": \"import { MagneticButtonComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-magnetic-button [strength]=\\\"0.35\\\" (onClick)=\\\"handleClick()\\\">Imán GSAP</st-magnetic-button>\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button class=\\\"js-mag-btn px-4 py-2.5 rounded-lg bg-slateSurface text-white border border-slateBorder text-sm font-medium hover:border-pistachio transition-colors cursor-pointer select-none inline-flex items-center gap-2\\\">\\n  <span class=\\\"w-2 h-2 rounded-full bg-pistachio\\\"></span>\\n  <span>Imán GSAP</span>\\n</button>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"MagneticButton\",\n          \"import\": \"import { MagneticButton } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<MagneticButton />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexAnimation: gsap-magnetic-button | Angular: <st-magnetic-button> | GSAP quickTo | Strength: 0.35]\"\n    },\n    {\n      \"id\": \"SRT-GSAP-PRE01\",\n      \"slug\": \"gsap-preloader\",\n      \"name\": \"Preload Metamorfosis Geométrica GSAP\",\n      \"category\": \"animations\",\n      \"description\": \"Animación cinemática oficial de Synthex con metamorfosis progresiva de polígonos elementales (triángulos, rectángulos, círculos, cuadrados y rombos) hacia el logotipo oficial Synthex mediante GSAP MorphSVGPlugin.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-preloader\",\n          \"import\": \"import { PreloaderComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-preloader (onFinish)=\\\"handleLoaded()\\\"></st-preloader>\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<!-- Preloader Cinemático Oficial Synthex (Metamorfosis Geométrica con MorphSVG) -->\\n<div class=\\\"p-6 bg-charcoal border border-slateBorder rounded-xl flex flex-col items-center justify-center gap-4 w-full\\\">\\n  <svg\\n    id=\\\"preloader-master-svg\\\"\\n    xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n    viewBox=\\\"0 0 350 100\\\"\\n    class=\\\"w-full max-w-[420px] overflow-visible\\\"\\n  >\\n    <defs>\\n      <path id=\\\"target-bracket-left\\\" d=\\\"M 40 29 L 18 50 L 40 71 L 44.5 66.5 L 27 50 L 44.5 33.5 Z\\\" />\\n      <path id=\\\"target-slash\\\" d=\\\"M 50.5 70 L 64.5 30 L 68.5 31.5 L 54.5 71.5 Z\\\" />\\n      <path id=\\\"target-bracket-right\\\" d=\\\"M 74 29 L 96 50 L 74 71 L 69.5 66.5 L 87 50 L 69.5 33.5 Z\\\" />\\n      <path id=\\\"target-char-s\\\" d=\\\"M135.12 68.59L135.12 68.59Q130.42 68.59 127.02 67.08Q123.62 65.57 120.86 62.38L120.86 62.38L126.37 56.93Q128.21 59.09 130.42 60.22Q132.64 61.36 135.66 61.36L135.66 61.36Q138.36 61.36 139.84 60.39Q141.33 59.41 141.33 57.69L141.33 57.69Q141.33 55.90 140.03 54.82Q138.74 53.74 136.71 53.02Q134.69 52.29 132.39 51.45Q130.10 50.61 128.05 49.34Q125.99 48.07 124.72 45.97Q123.46 43.86 123.46 40.51L123.46 40.51Q123.46 37.00 125.16 34.49Q126.86 31.98 129.88 30.63Q132.91 29.28 136.85 29.28L136.85 29.28Q140.84 29.28 144.16 30.71Q147.49 32.14 149.65 34.52L149.65 34.52L144.14 39.97Q142.41 38.19 140.66 37.33Q138.90 36.46 136.69 36.46L136.69 36.46Q134.42 36.46 133.15 37.30Q131.88 38.14 131.88 39.70L131.88 39.70Q131.88 41.38 133.15 42.35Q134.42 43.32 136.47 44.05Q138.52 44.78 140.82 45.62Q143.11 46.45 145.14 47.78Q147.16 49.10 148.46 51.29Q149.75 53.47 149.75 56.93L149.75 56.93Q149.75 62.44 145.87 65.52Q141.98 68.59 135.12 68.59Z\\\" />\\n      <path id=\\\"target-char-y\\\" d=\\\"M164.23 79.07L155.75 79.07L161.69 66.22L151.70 41.76L160.61 41.76L165.85 57.74L171.19 41.76L180.10 41.76L168.87 68.11L164.23 79.07Z\\\" />\\n      <path id=\\\"target-char-n\\\" d=\\\"M191.50 68L183.23 68L183.23 41.76L191.50 41.76L191.50 43.86Q194.41 41.22 198.84 41.22L198.84 41.22Q201.70 41.22 203.97 42.59Q206.24 43.97 207.53 46.24Q208.83 48.51 208.83 51.21L208.83 51.21L208.83 68L200.57 68L200.57 53.04Q200.57 50.99 199.30 49.72Q198.03 48.45 196.09 48.45L196.09 48.45Q194.09 48.45 192.79 49.72Q191.50 50.99 191.50 53.04L191.50 53.04L191.50 68Z\\\" />\\n      <path id=\\\"target-char-t\\\" d=\\\"M226.11 68L217.85 68L217.85 48.78L211.91 48.78L211.91 41.76L217.85 41.76L217.85 30.90L226.11 30.90L226.11 41.76L232.05 41.76L232.05 48.78L226.11 48.78L226.11 68Z\\\" />\\n      <path id=\\\"target-char-h\\\" d=\\\"M243.93 68L235.67 68L235.67 28.80L243.93 28.80L243.93 43.70Q246.74 41.22 251.00 41.22L251.00 41.22Q254.03 41.22 256.35 42.48Q258.67 43.75 259.97 46.02Q261.26 48.29 261.26 51.21L261.26 51.21L261.26 68L253.00 68L253.00 53.04Q253.00 50.99 251.73 49.72Q250.46 48.45 248.52 48.45L248.52 48.45Q246.52 48.45 245.23 49.72Q243.93 50.99 243.93 53.04L243.93 53.04L243.93 68Z\\\" />\\n      <path id=\\\"target-char-e\\\" d=\\\"M279.52 68.59L279.52 68.59Q275.25 68.59 271.93 66.84Q268.61 65.08 266.72 61.98Q264.83 58.87 264.83 54.88L264.83 54.88Q264.83 50.94 266.69 47.86Q268.55 44.78 271.74 42.97Q274.93 41.16 278.92 41.16L278.92 41.16Q282.76 41.16 285.75 42.86Q288.75 44.56 290.45 47.51Q292.15 50.45 292.15 54.28L292.15 54.28Q292.15 55.74 291.77 57.58L291.77 57.58L272.98 57.63Q273.63 59.85 275.30 61.03Q276.98 62.22 279.46 62.22L279.46 62.22Q283.40 62.22 285.73 59.52L285.73 59.52L290.26 64.06Q288.32 66.33 285.56 67.46Q282.81 68.59 279.52 68.59ZM278.98 47.48L278.98 47.48Q276.71 47.48 275.14 48.67Q273.58 49.86 272.98 51.96L272.98 51.96L284.43 51.91Q283.40 47.48 278.98 47.48Z\\\" />\\n      <path id=\\\"target-char-x\\\" d=\\\"M302.52 68L293.50 68L302.90 54.61L293.99 41.76L303.65 41.76L308.03 48.88L312.46 41.76L321.42 41.76L312.67 54.45L321.96 68L312.40 68L307.54 60.17L302.52 68Z\\\" />\\n    </defs>\\n    <g id=\\\"preloader-morph-group\\\">\\n      <path id=\\\"morph-shape-0\\\" d=\\\"M 18 50 L 44 32 L 44 68 Z\\\" fill=\\\"#E0F9B5\\\" />\\n      <path id=\\\"morph-shape-1\\\" d=\\\"M 54 30 L 63 30 L 63 70 L 54 70 Z\\\" fill=\\\"#E0F9B5\\\" />\\n      <path id=\\\"morph-shape-2\\\" d=\\\"M 96 50 L 70 68 L 70 32 Z\\\" fill=\\\"#E0F9B5\\\" />\\n      <path id=\\\"morph-shape-3\\\" d=\\\"M 135 34 A 16 16 0 1 0 135 66 A 16 16 0 1 0 135 34 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-4\\\" d=\\\"M 152 40 L 180 40 L 166 75 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-5\\\" d=\\\"M 183 41 L 209 41 L 209 67 L 183 67 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-6\\\" d=\\\"M 215 31 L 229 31 L 229 68 L 215 68 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-7\\\" d=\\\"M 235 29 L 261 29 L 261 68 L 235 68 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-8\\\" d=\\\"M 278 41 A 14 14 0 1 0 278 69 A 14 14 0 1 0 278 41 Z\\\" fill=\\\"#FFFFFF\\\" />\\n      <path id=\\\"morph-shape-9\\\" d=\\\"M 308 41 L 322 55 L 308 69 L 294 55 Z\\\" fill=\\\"#FFFFFF\\\" />\\n    </g>\\n  </svg>\\n</div>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"Preloader\",\n          \"import\": \"import { Preloader } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<Preloader />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexAnimation: gsap-preloader | Angular: <st-preloader> | GSAP MorphSVGPlugin / Geometric Morph to Synthex Brand Identity]\"\n    },\n    {\n      \"id\": \"SRT-TLP-01\",\n      \"slug\": \"help-tooltip\",\n      \"name\": \"Tooltip de Ayuda Flotante\",\n      \"category\": \"feedback\",\n      \"description\": \"Burbuja de ayuda contextual accesible con icono técnico '?' discreto, despliegue flotante suave en hover/focus con micro-flecha, micro-borde SRT de 1px, fondo charcoal y tipografía legible.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"relative inline-flex items-center group/tooltip font-sans select-none js-help-tooltip\\\">\\n  <!-- Botón Trigger Discreto con Icono '?' -->\\n  <button\\n    type=\\\"button\\\"\\n    class=\\\"w-5 h-5 rounded-full bg-slateSurface border border-slateBorder text-muted hover:text-pistachio hover:border-pistachio/50 flex items-center justify-center text-xs font-mono transition-colors cursor-help focus:outline-none focus:border-pistachio\\\"\\n    aria-label=\\\"Más información\\\"\\n  >\\n    ?\\n  </button>\\n\\n  <!-- Burbuja Flotante de Ayuda Flotante (Tooltip) -->\\n  <div\\n    class=\\\"absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 rounded-xl bg-charcoal border border-slateBorder shadow-2xl text-xs text-white/90 whitespace-normal w-56 text-center opacity-0 scale-95 pointer-events-none group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100 group-focus-within/tooltip:opacity-100 group-focus-within/tooltip:scale-100 transition-all duration-200 ease-out z-50 origin-bottom\\\"\\n    role=\\\"tooltip\\\"\\n  >\\n    <div class=\\\"flex items-center justify-center gap-1.5 mb-1 text-pistachio font-semibold font-mono text-xs\\\">\\n      <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio\\\"></span>\\n      <span>Información Técnica</span>\\n    </div>\\n    <p class=\\\"text-xs text-muted leading-relaxed\\\">\\n      Los registros sellados en el ledger garantizan inmutabilidad mediante firmas SHA-256 encadenadas.\\n    </p>\\n    <!-- Flecha indicadora inferior -->\\n    <div class=\\\"absolute top-full left-1/2 -translate-x-1/2 -mt-1 w-2 h-2 bg-charcoal border-r border-b border-slateBorder rotate-45\\\"></div>\\n  </div>\\n</div>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-help-tooltip\",\n          \"import\": \"import { HelpTooltipComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-help-tooltip text=\\\"Firmas criptográficas SHA-256 encadenadas\\\" title=\\\"Información\\\" />\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"HelpTooltip\",\n          \"import\": \"import { HelpTooltip } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<HelpTooltip text=\\\"Firmas criptográficas SHA-256 encadenadas\\\" title=\\\"Información\\\" />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"HelpTooltip\",\n          \"import\": \"import { HelpTooltip } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<HelpTooltip />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: help-tooltip | Angular: <st-help-tooltip> | Style: Charcoal #111111 / Smooth Origin-Bottom / Slate Border #2A2A2A / Pistachio Accent #E0F9B5]\"\n    },\n    {\n      \"id\": \"SRT-INP-01\",\n      \"slug\": \"input-text\",\n      \"name\": \"Campo de Entrada con Micro-Borde\",\n      \"category\": \"inputs\",\n      \"description\": \"Campo de formulario técnico con fondo oscuro, micro-borde de 1px y anillo de enfoque Verde Pistacho.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-input-text\",\n          \"import\": \"import { InputTextComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-input-text placeholder=\\\"B12345678\\\" [(value)]=\\\"cif\\\"></st-input-text>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"InputText\",\n          \"import\": \"import { InputText } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<InputText placeholder=\\\"B12345678\\\" value={cif} onChange={e => setCif(e.target.value)} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<input\\n  type=\\\"text\\\"\\n  class=\\\"bg-charcoal border border-slateBorder focus:border-pistachio focus:outline-none focus:ring-1 focus:ring-pistachio text-white px-3 py-1.5 rounded-md text-xs font-mono transition-all w-48 placeholder-muted\\\"\\n  placeholder=\\\"B12345678\\\"\\n/>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: input-text | Angular: <st-input-text> | React: <InputText> | Style: Charcoal #111111 / Border #2A2A2A / Focus Pistachio #E0F9B5]\"\n    },\n    {\n      \"id\": \"SRT-NAV-03\",\n      \"slug\": \"language-selector-dropdown\",\n      \"name\": \"Selector de Idioma Desplegable\",\n      \"category\": \"navigation\",\n      \"description\": \"Menú desplegable estilizado para selección de idioma con botón trigger, rotación de chevron, panel flotante animado y opciones accesibles.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"relative inline-block text-left shrink-0 font-sans js-lang-dropdown\\\">\\n  <button\\n    type=\\\"button\\\"\\n    class=\\\"flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-code font-medium text-white/80 hover:text-white bg-slateSurface hover:bg-slateBorder/80 border border-slateBorder hover:border-pistachio/50 transition-all cursor-pointer shadow-sm group select-none\\\"\\n    aria-haspopup=\\\"listbox\\\"\\n    aria-expanded=\\\"false\\\"\\n  >\\n    <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio shrink-0\\\"></span>\\n    <span class=\\\"tracking-wider uppercase text-pistachio font-bold\\\">ES</span>\\n    <svg class=\\\"w-3.5 h-3.5 text-white/50 transition-transform duration-200 ease-out group-hover:text-white shrink-0 group-aria-expanded:rotate-180\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n      <path d=\\\"M19 9l-7 7-7-7\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" />\\n    </svg>\\n  </button>\\n  <div class=\\\"absolute right-0 mt-2 w-44 bg-charcoal border border-slateBorder rounded-xl shadow-2xl py-1.5 z-50 overflow-hidden\\\" role=\\\"listbox\\\">\\n    <div class=\\\"px-3 py-1 text-xs font-mono text-muted uppercase tracking-wider border-b border-slateBorder/50\\\">\\n      Idioma / Language\\n    </div>\\n    <button type=\\\"button\\\" class=\\\"w-full text-left px-3 py-2 hover:bg-slateBorder flex items-center justify-between text-xs font-code text-white\\\">\\n      <span class=\\\"font-medium text-white\\\">Español</span>\\n      <span class=\\\"text-pistachio font-bold\\\">✓</span>\\n    </button>\\n    <button type=\\\"button\\\" class=\\\"w-full text-left px-3 py-2 hover:bg-slateBorder flex items-center justify-between text-xs font-code text-muted hover:text-white\\\">\\n      <span>English</span>\\n    </button>\\n  </div>\\n</div>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-language-selector-dropdown\",\n          \"import\": \"import { LanguageSelectorDropdownComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-language-selector-dropdown [currentLang]=\\\"lang\\\" (langChange)=\\\"onLangChange($event)\\\"></st-language-selector-dropdown>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"LanguageSelectorDropdown\",\n          \"import\": \"import { LanguageSelectorDropdown } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<LanguageSelectorDropdown currentLang=\\\"es\\\" onLangChange={(lang) => setLang(lang)} />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: language-selector-dropdown | Angular: <st-language-selector-dropdown> | React: <LanguageSelectorDropdown> | Style: Charcoal #111111 / Smooth Origin-Top Scale / Pistachio Accent #E0F9B5 / Chevron Rotation]\"\n    },\n    {\n      \"id\": \"SRT-NAV-02\",\n      \"slug\": \"language-selector-pill\",\n      \"name\": \"Selector de Idioma Inline Pill\",\n      \"category\": \"navigation\",\n      \"description\": \"Selector inline de idioma con toggle interactivo ES / EN, punto de acento pistacho y animación ripple radial.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<button\\n  type=\\\"button\\\"\\n  class=\\\"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-code font-medium text-white/80 hover:text-white bg-slateSurface hover:bg-slateBorder/80 border border-slateBorder hover:border-pistachio/50 transition-all cursor-pointer shadow-sm group active:scale-95 select-none\\\"\\n  aria-label=\\\"Cambiar idioma / Switch language\\\"\\n>\\n  <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio shrink-0\\\"></span>\\n  <span class=\\\"text-pistachio font-bold\\\">ES</span>\\n  <span class=\\\"text-white/30 font-light\\\">/</span>\\n  <span class=\\\"text-white/40 group-hover:text-white transition-colors\\\">EN</span>\\n</button>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-language-selector-pill\",\n          \"import\": \"import { LanguageSelectorPillComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-language-selector-pill [currentLang]=\\\"lang\\\" (langChange)=\\\"onLangChange($event)\\\"></st-language-selector-pill>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"LanguageSelectorPill\",\n          \"import\": \"import { LanguageSelectorPill } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<LanguageSelectorPill currentLang=\\\"es\\\" onLangChange={(lang) => setLang(lang)} />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"LanguageSelectorPill\",\n          \"import\": \"import { LanguageSelectorPill } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<LanguageSelectorPill />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: language-selector-pill | Angular: <st-language-selector-pill> | React: <LanguageSelectorPill> | Style: Slate Rail #1E1E1E / Border #2A2A2A / Pistachio Dot #E0F9B5 / Inline Pill]\"\n    },\n    {\n      \"id\": \"SRT-MLC-01\",\n      \"slug\": \"magic-link-card\",\n      \"name\": \"Tarjeta Acceso Magic Link\",\n      \"category\": \"feedback\",\n      \"description\": \"Tarjeta de acceso sin credenciales mediante enlace criptográfico temporal para el portal de clientes de Synthex Ledger.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-magic-link-card\",\n          \"import\": \"import { MagicLinkCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-magic-link-card [email]=\\\"'cliente@empresa.com'\\\" (onResend)=\\\"handleResend()\\\"></st-magic-link-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"MagicLinkCard\",\n          \"import\": \"import { MagicLinkCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<MagicLinkCard />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"p-6 rounded-2xl bg-slateSurface-card border border-slateBorder max-w-sm w-full text-center flex flex-col items-center gap-3 font-sans\\\">\\n  <div class=\\\"w-10 h-10 rounded-xl bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio\\\">\\n    <svg class=\\\"w-5 h-5\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n      <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\\\"/>\\n    </svg>\\n  </div>\\n  <h3 class=\\\"text-sm font-semibold text-white\\\">Revisa tu bandeja de entrada</h3>\\n  <p class=\\\"text-xs text-muted leading-relaxed\\\">\\n    Hemos enviado un enlace de acceso seguro a <span class=\\\"text-white font-mono\\\">cliente@empresa.com</span>.\\n  </p>\\n  <button type=\\\"button\\\" class=\\\"mt-2 text-xs text-pistachio hover:underline cursor-pointer\\\">\\n    Reenviar enlace de acceso\\n  </button>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: magic-link-card | Angular: <st-magic-link-card> | Style: Slate Card #1A1A1A / Border #2A2A2A / Pistachio Verification Accent]\"\n    },\n    {\n      \"id\": \"SRT-ICN-01\",\n      \"slug\": \"manifesto-icon-box\",\n      \"name\": \"Caja Isotipo Squircle\",\n      \"category\": \"cards\",\n      \"description\": \"Contenedor squircle oficial en Verde Pistacho (#E0F9B5) con el isotipo </> canónico de Synthex en Negro Carbón (#111111).\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-icon-box\",\n          \"import\": \"import { ManifestoIconBoxComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-icon-box [size]=\\\"40\\\"></st-icon-box>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ManifestoIconBox\",\n          \"import\": \"import { ManifestoIconBox } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ManifestoIconBox size={40} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"w-10 h-10 rounded-xl bg-pistachio flex items-center justify-center shadow-sm\\\">\\n  <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 200 200\\\" width=\\\"24\\\" height=\\\"24\\\">\\n    <g stroke=\\\"#111111\\\" stroke-width=\\\"14\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" fill=\\\"none\\\" transform=\\\"translate(41, 56)\\\">\\n      <polyline points=\\\"40,24 14,46 40,68\\\" />\\n      <line x1=\\\"53\\\" y1=\\\"72\\\" x2=\\\"69\\\" y2=\\\"20\\\" />\\n      <polyline points=\\\"82,24 108,46 82,68\\\" />\\n    </g>\\n  </svg>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: manifesto-icon-box | Squircle Pistachio #E0F9B5 / Official Pure SVG Logo #111111]\"\n    },\n    {\n      \"id\": \"SRT-CRD-01\",\n      \"slug\": \"metric-card\",\n      \"name\": \"Tarjeta Métrica Bento\",\n      \"category\": \"data-display\",\n      \"description\": \"Contenedor bento para KPIs, facturación o contabilidad con valor numérico grande, etiqueta y tendencia.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-metric-card\",\n          \"import\": \"import { MetricCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-metric-card label=\\\"Facturación 3T\\\" value=\\\"14.850 €\\\" trend=\\\"+12.4% vs anterior\\\"></st-metric-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"MetricCard\",\n          \"import\": \"import { MetricCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<MetricCard label=\\\"Facturación 3T\\\" value=\\\"14.850 €\\\" trend=\\\"+12.4% vs anterior\\\" />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"p-4 rounded-xl bg-slateSurface border border-slateBorder flex flex-col gap-1 w-56 font-sans\\\">\\n  <span class=\\\"text-xs text-muted uppercase font-mono tracking-wider\\\">Facturación 3T</span>\\n  <span class=\\\"text-2xl font-bold text-white font-mono\\\">14.850 €</span>\\n  <span class=\\\"text-xs text-pistachio font-mono\\\">↑ +12.4% vs anterior</span>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: metric-card | Angular: <st-metric-card> | React: <MetricCard> | Style: Bento Card #1E1E1E / Border #2A2A2A / White Large Figure / Pistachio Trend]\"\n    },\n    {\n      \"id\": \"SRT-MOD-01\",\n      \"slug\": \"modal-dialog\",\n      \"name\": \"Diálogo Modal Accesible SRT\",\n      \"category\": \"overlays\",\n      \"description\": \"Diálogo modal con cobertura total de viewport (fixed inset-0 w-screen h-screen), backdrop difuminado (bg-black/80 backdrop-blur-md), cierre al clic exterior, botón de cierre 'X' SVG refinado y contenedor scrolleable.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"fixed inset-0 w-screen h-screen z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-md\\\">\\n  <div class=\\\"w-full max-w-lg bg-charcoal-card border border-slateBorder rounded-2xl p-6 sm:p-8 space-y-5 shadow-2xl relative\\\">\\n    <div class=\\\"flex items-center justify-between pb-3 border-b border-slateBorder/60\\\">\\n      <h2 class=\\\"text-xl font-bold text-white font-display\\\">Confirmar Operación</h2>\\n      <button class=\\\"w-8 h-8 rounded-lg text-muted hover:text-white hover:bg-slateSurface transition-colors flex items-center justify-center cursor-pointer\\\">\\n        <svg class=\\\"w-4 h-4\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n          <path d=\\\"M18 6L6 18M6 6l12 12\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" />\\n        </svg>\\n      </button>\\n    </div>\\n    <div class=\\\"text-sm text-white/80 leading-relaxed\\\">\\n      Contenido descriptivo del diálogo modal con tipografía refinada y micro-bordes canónicos.\\n    </div>\\n    <div class=\\\"flex items-center justify-end gap-3 pt-2\\\">\\n      <button class=\\\"px-4 py-2 rounded-lg text-xs font-mono text-muted bg-slateSurface border border-slateBorder hover:text-white transition-colors\\\">\\n        Cancelar\\n      </button>\\n      <button class=\\\"px-4 py-2 rounded-lg text-xs font-mono text-charcoal bg-pistachio hover:bg-pistachio-hover font-semibold transition-colors\\\">\\n        Confirmar\\n      </button>\\n    </div>\\n  </div>\\n</div>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-modal-dialog\",\n          \"import\": \"import { ModalDialogComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-modal-dialog [visible]=\\\"abierto\\\" [title]=\\\"'Título'\\\" (closed)=\\\"abierto = false\\\">\\n  <p>Contenido</p>\\n</st-modal-dialog>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ModalDialog\",\n          \"import\": \"import { ModalDialog } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ModalDialog isOpen={abierto} onClose={() => setAbierto(false)} title=\\\"Título\\\">\\n  <p>Contenido</p>\\n</ModalDialog>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: modal-dialog | Angular: <st-modal-dialog> | Backdrop: w-screen h-screen bg-black/80 backdrop-blur-md | Close: Backdrop Click + SVG X]\"\n    },\n    {\n      \"id\": \"SRT-CRD-06\",\n      \"slug\": \"process-step-card\",\n      \"name\": \"Tarjeta de Proceso Numerada\",\n      \"category\": \"cards\",\n      \"description\": \"Tarjeta de proceso metódico en 3 pasos con número monospaced pistacho, contenedor de icono 32x32, título técnico, descripción y badge inferior de garantía.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<article class=\\\"p-8 rounded-3xl bg-slateSurface/80 border border-slateBorder hover:border-pistachio/40 transition-all duration-300 flex flex-col justify-between group shadow-sm font-sans\\\">\\n  <div>\\n    <div class=\\\"flex items-center justify-between mb-6\\\">\\n      <span class=\\\"text-2xl sm:text-3xl font-mono font-bold text-pistachio tracking-tight\\\">01</span>\\n      <div class=\\\"w-8 h-8 rounded-lg bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio\\\">\\n        <svg class=\\\"w-4 h-4\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n          <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\\\" />\\n        </svg>\\n      </div>\\n    </div>\\n    <h3 class=\\\"text-xl font-display font-bold text-white mb-3 group-hover:text-pistachio transition-colors\\\">\\n      Diagnóstico y alcance cerrado\\n    </h3>\\n    <p class=\\\"text-sm text-muted font-sans leading-relaxed\\\">\\n      Evaluación de arquitectura técnica y formulación de alcance preciso sin sorpresas ni costes ocultos.\\n    </p>\\n  </div>\\n  <div class=\\\"mt-8 pt-4 border-t border-slateBorder/50 text-sm font-mono text-muted\\\">\\n    Presupuesto cerrado\\n  </div>\\n</article>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-process-step-card\",\n          \"import\": \"import { ProcessStepCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-process-step-card stepNumber=\\\"01\\\" title=\\\"Diagnóstico y alcance cerrado\\\" description=\\\"Evaluamos requerimientos y formulamos propuesta técnica con presupuesto cerrado.\\\" badge=\\\"Presupuesto cerrado\\\"></st-process-step-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ProcessStepCard\",\n          \"import\": \"import { ProcessStepCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ProcessStepCard stepNumber=\\\"01\\\" title=\\\"Diagnóstico y alcance cerrado\\\" description=\\\"Evaluamos requerimientos y formulamos propuesta técnica con presupuesto cerrado.\\\" badge=\\\"Presupuesto cerrado\\\" />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"ProcessStepCard\",\n          \"import\": \"import { ProcessStepCard } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<ProcessStepCard />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: process-step-card | Angular: <st-process-step-card> | React: <ProcessStepCard> | Style: Slate Surface #1E1E1E / Mono Pistachio Number / Icon Box 32x32 / Bottom Badge]\"\n    },\n    {\n      \"id\": \"SRT-ROLE-01\",\n      \"slug\": \"role-view-switcher\",\n      \"name\": \"Selector de Perspectiva de Rol\",\n      \"category\": \"navigation\",\n      \"description\": \"Menú desplegable refinado de cabecera para alternar la perspectiva de vista entre Administrador, Colaborador Laboral y Autónomo/Socio.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-role-view-switcher\",\n          \"import\": \"import { RoleViewSwitcherComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-role-view-switcher [activePerspective]=\\\"perspective()\\\" (onPerspectiveChange)=\\\"changePerspective($event)\\\"></st-role-view-switcher>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"RoleViewSwitcher\",\n          \"import\": \"import { RoleViewSwitcher } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<RoleViewSwitcher activePerspective={perspective} onPerspectiveChange={changePerspective} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"inline-flex items-center bg-charcoal-surface border border-slateBorder p-0.5 rounded-xl text-xs select-none shadow-xs\\\">\\n  <button type=\\\"button\\\" class=\\\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-pistachio text-charcoal font-semibold cursor-pointer\\\">\\n    <svg class=\\\"w-3.5 h-3.5\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\\\"/></svg>\\n    <span>Admin</span>\\n  </button>\\n  <button type=\\\"button\\\" class=\\\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-muted hover:text-white transition-colors cursor-pointer\\\">\\n    <svg class=\\\"w-3.5 h-3.5\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\\\"/></svg>\\n    <span>Colaborador</span>\\n  </button>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: role-view-switcher | Angular: <st-role-view-switcher> | React: <RoleViewSwitcher> | Style: Dropdown #1E1E1E / Multi-Perspective Admin-Laboral-Autonomo / Pistachio Accent]\"\n    },\n    {\n      \"id\": \"SRT-CRD-07\",\n      \"slug\": \"solution-bento-card\",\n      \"name\": \"Tarjeta Bento de Solución y Pilares Técnicos\",\n      \"category\": \"cards\",\n      \"description\": \"Tarjeta bento para pilares técnicos con contenedor de icono 48x48, badge semántico de disciplina, lista de viñetas con viñetas pistacho y botón CTA con chevron reactivo.\",\n      \"frameworks\": {\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<article class=\\\"p-8 sm:p-10 rounded-3xl bg-slateSurface/80 border border-slateBorder hover:border-pistachio/40 transition-all duration-300 flex flex-col justify-between group shadow-sm font-sans\\\">\\n  <div>\\n    <div class=\\\"flex items-center justify-between mb-6\\\">\\n      <div class=\\\"w-12 h-12 rounded-xl bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio group-hover:scale-105 transition-transform\\\">\\n        <svg class=\\\"w-6 h-6\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n          <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\\\" />\\n        </svg>\\n      </div>\\n      <span class=\\\"px-3 py-1 rounded-full bg-slateCard text-pistachio text-sm font-mono font-semibold border border-slateBorder\\\">\\n        Core Software\\n      </span>\\n    </div>\\n\\n    <h3 class=\\\"text-2xl sm:text-3xl font-display font-bold text-white mb-4 group-hover:text-pistachio transition-colors\\\">\\n      Ingeniería y Desarrollo de Software\\n    </h3>\\n\\n    <p class=\\\"text-sm sm:text-base text-muted font-sans leading-relaxed mb-8\\\">\\n      Diseño e implementación de sistemas deterministas y aplicaciones web/móvil con arquitectura limpia y tipado estricto.\\n    </p>\\n\\n    <ul class=\\\"space-y-3 mb-10 text-sm font-sans text-white/80\\\">\\n      <li class=\\\"flex items-start gap-3\\\">\\n        <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio mt-2 shrink-0\\\"></span>\\n        <span>Arquitecturas modulares basadas en Clean Architecture y SOLID</span>\\n      </li>\\n      <li class=\\\"flex items-start gap-3\\\">\\n        <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio mt-2 shrink-0\\\"></span>\\n        <span>Cobertura universal de pruebas automatizadas y ciclo TDD</span>\\n      </li>\\n      <li class=\\\"flex items-start gap-3\\\">\\n        <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio mt-2 shrink-0\\\"></span>\\n        <span>Entrega completa de código fuente sin ataduras técnicas</span>\\n      </li>\\n    </ul>\\n  </div>\\n\\n  <div>\\n    <a\\n      href=\\\"/servicios/\\\"\\n      class=\\\"inline-flex items-center justify-between w-full px-5 py-3.5 rounded-xl bg-slateCard hover:bg-slateBorder/80 text-white hover:text-pistachio border border-slateBorder hover:border-pistachio/50 font-display font-semibold text-sm transition-all duration-200 group/btn\\\"\\n    >\\n      <span>Explorar servicios y tarifas</span>\\n      <svg class=\\\"w-4 h-4 text-pistachio transform group-hover/btn:translate-x-1 transition-transform\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 24 24\\\">\\n        <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M14 5l7 7m0 0l-7 7m7-7H3\\\" />\\n      </svg>\\n    </a>\\n  </div>\\n</article>\"\n        },\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-solution-bento-card\",\n          \"import\": \"import { SolutionBentoCardComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-solution-bento-card title=\\\"Ingeniería y Desarrollo de Software\\\" description=\\\"Arquitecturas escalables de alta disponibilidad.\\\" badge=\\\"Core Software\\\" [bulletPoints]=\\\"puntos\\\" ctaText=\\\"Ver Servicios\\\" ctaHref=\\\"/servicios/\\\"></st-solution-bento-card>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"SolutionBentoCard\",\n          \"import\": \"import { SolutionBentoCard } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<SolutionBentoCard title=\\\"Ingeniería y Desarrollo de Software\\\" description=\\\"Arquitecturas escalables de alta disponibilidad.\\\" badge=\\\"Core Software\\\" bulletPoints={puntos} ctaText=\\\"Ver Servicios\\\" ctaHref=\\\"/servicios/\\\" />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"SolutionBentoCard\",\n          \"import\": \"import { SolutionBentoCard } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<SolutionBentoCard />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: solution-bento-card | Angular: <st-solution-bento-card> | React: <SolutionBentoCard> | Style: Slate Surface #1E1E1E / Border #2A2A2A / Icon Box 48x48 / Full-width SlateCard CTA]\"\n    },\n    {\n      \"id\": \"SRT-TBL-01\",\n      \"slug\": \"table-ledger-row\",\n      \"name\": \"Fila de Ledger Criptográfico\",\n      \"category\": \"data-display\",\n      \"description\": \"Fila técnica de tabla para Synthex Ledger con hash SHA-256 truncado copiable, marca de tiempo y verificación de bloque.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-ledger-row\",\n          \"import\": \"import { TableLedgerRowComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-ledger-row [index]=\\\"1042\\\" [hash]=\\\"'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'\\\" [timestamp]=\\\"'2026-09-29 12:30:00'\\\" [verified]=\\\"true\\\"></st-ledger-row>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"TableLedgerRow\",\n          \"import\": \"import { TableLedgerRow } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<TableLedgerRow />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"flex items-center justify-between py-2 px-3 bg-charcoal hover:bg-charcoal-surface border-b border-slateBorder text-xs font-mono transition-colors\\\">\\n  <div class=\\\"flex items-center gap-3\\\">\\n    <span class=\\\"text-muted w-12 font-medium\\\">#1042</span>\\n    <button type=\\\"button\\\" class=\\\"text-pistachio hover:underline cursor-pointer select-none font-medium\\\">\\n      e3b0c442...b855\\n    </button>\\n  </div>\\n  <div class=\\\"flex items-center gap-4\\\">\\n    <span class=\\\"text-muted text-xs\\\">2026-09-29 12:30:00</span>\\n    <span class=\\\"inline-flex items-center gap-1.5 text-xs text-pistachio\\\">\\n      <span class=\\\"w-1.5 h-1.5 rounded-full bg-pistachio\\\"></span>\\n      Sellado\\n    </span>\\n  </div>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: table-ledger-row | Angular: <st-ledger-row> | Style: Mono Font / Charcoal Background / Pistachio Hash]\"\n    },\n    {\n      \"id\": \"SRT-TMR-01\",\n      \"slug\": \"timer-widget\",\n      \"name\": \"Widget de Cronómetro Monospace\",\n      \"category\": \"data-display\",\n      \"description\": \"Contador de tiempo en vivo de alta precisión para control horario e imputación a proyectos en Synthex Ledger. Cero clichés de IA.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-timer-widget\",\n          \"import\": \"import { TimerWidgetComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-timer-widget [time]=\\\"'01:42:18'\\\" [active]=\\\"true\\\" (onToggle)=\\\"toggleTimer()\\\"></st-timer-widget>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"TimerWidget\",\n          \"import\": \"import { TimerWidget } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<TimerWidget time=\\\"01:42:18\\\" active={true} onToggle={toggleTimer} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"inline-flex items-center gap-3 bg-charcoal border border-slateBorder px-3 py-1.5 rounded-lg font-mono text-xs\\\">\\n  <span class=\\\"w-2 h-2 rounded-full bg-pistachio\\\"></span>\\n  <span class=\\\"text-white font-bold tracking-wider\\\">01:42:18</span>\\n  <button class=\\\"text-xs text-pistachio hover:underline cursor-pointer font-mono\\\">Pausar</button>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: timer-widget | Angular: <st-timer-widget> | React: <TimerWidget> | Style: Charcoal #111111 / Border #2A2A2A / Mono Font / Quiet Luxury]\"\n    },\n    {\n      \"id\": \"SRT-TGL-01\",\n      \"slug\": \"toggle-switch\",\n      \"name\": \"Interruptor Toggle Booleano\",\n      \"category\": \"inputs\",\n      \"description\": \"Interruptor de activación rápida para opciones binarias (ej. Toggle de Envíos de Correo Automático / Manual).\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-toggle-switch\",\n          \"import\": \"import { ToggleSwitchComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-toggle-switch label=\\\"Activo\\\" [(checked)]=\\\"isActive\\\"></st-toggle-switch>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"ToggleSwitch\",\n          \"import\": \"import { ToggleSwitch } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<ToggleSwitch label=\\\"Activo\\\" checked={isActive} onChange={setIsActive} />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<label class=\\\"inline-flex items-center gap-2 cursor-pointer font-sans\\\">\\n  <input type=\\\"checkbox\\\" checked class=\\\"sr-only peer\\\">\\n  <div class=\\\"w-8 h-4 bg-slateBorder rounded-full peer peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-charcoal after:rounded-full after:h-3 after:w-3 after:transition-all peer-checked:bg-pistachio relative\\\"></div>\\n  <span class=\\\"text-xs text-white font-medium\\\">Activo</span>\\n</label>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: toggle-switch | Angular: <st-toggle-switch> | React: <ToggleSwitch> | Style: Slate Rail #2A2A2A / Checked Pistachio #E0F9B5]\"\n    },\n    {\n      \"id\": \"SRT-GSAP-UND01\",\n      \"slug\": \"wavy-underline-heading\",\n      \"name\": \"Titular con Subrayado Ondulado Trazado\",\n      \"category\": \"animations\",\n      \"description\": \"Titular o texto destacado con trazado vectorial ondulado (SVG wavy path) animado con stroke-drawing continuo GSAP (strokeDashoffset) e interactividad con recarga.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-wavy-underline-heading\",\n          \"import\": \"import { WavyUnderlineHeadingComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-wavy-underline-heading prefixText=\\\"Ingeniería con\\\" highlightText=\\\"total transparencia.\\\" strokeColor=\\\"#E0F9B5\\\"></st-wavy-underline-heading>\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"w-full font-display text-center p-4 bg-charcoal border border-slateBorder rounded-xl flex flex-col items-center gap-4\\\">\\n  <h2 class=\\\"text-xl sm:text-2xl font-bold text-white tracking-tight\\\">\\n    <span>Ingeniería con</span>\\n    <span class=\\\"relative inline-block text-pistachio ml-1.5\\\">\\n      <span class=\\\"relative z-10\\\">total transparencia.</span>\\n      <svg class=\\\"absolute left-0 -bottom-2 w-full h-3 overflow-visible pointer-events-none\\\" viewBox=\\\"0 0 300 16\\\" fill=\\\"none\\\" preserveAspectRatio=\\\"none\\\">\\n        <path d=\\\"M2 10 Q 35 2, 75 9 T 150 9 T 225 9 T 298 9\\\" stroke=\\\"#E0F9B5\\\" stroke-width=\\\"3\\\" stroke-linecap=\\\"round\\\" style=\\\"stroke-dasharray: 450; stroke-dashoffset: 0;\\\" />\\n      </svg>\\n    </span>\\n  </h2>\\n</div>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"WavyUnderlineHeading\",\n          \"import\": \"import { WavyUnderlineHeading } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<WavyUnderlineHeading prefixText=\\\"Ingeniería con\\\" highlightText=\\\"total transparencia.\\\" strokeColor=\\\"#E0F9B5\\\" />\"\n        },\n        \"astro\": {\n          \"available\": true,\n          \"component\": \"WavyUnderlineHeading\",\n          \"import\": \"import { WavyUnderlineHeading } from '@synthex-engineers/refined-tech/astro';\",\n          \"snippet\": \"<WavyUnderlineHeading />\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexAnimation: wavy-underline-heading | Angular: <st-wavy-underline-heading> | React: <WavyUnderlineHeading> | SVG Wavy Path: M2 10 Q 35 2, 75 9 T 150 9 T 225 9 T 298 9 | Ease: power2.inOut]\"\n    },\n    {\n      \"id\": \"SRT-SWT-01\",\n      \"slug\": \"workspace-switcher\",\n      \"name\": \"Selector de Workspace Multi-Empresa\",\n      \"category\": \"navigation\",\n      \"description\": \"Menú desplegable para alternar empresas propias en Synthex Ledger con isotipo vectorial squircle oficial.\",\n      \"frameworks\": {\n        \"angular\": {\n          \"available\": true,\n          \"selector\": \"st-workspace-switcher\",\n          \"import\": \"import { WorkspaceSwitcherComponent } from '@synthex-engineers/refined-tech/angular';\",\n          \"snippet\": \"<st-workspace-switcher [workspaces]=\\\"myWorkspaces\\\" (onSelect)=\\\"changeOrg($event)\\\"></st-workspace-switcher>\"\n        },\n        \"react\": {\n          \"available\": true,\n          \"component\": \"WorkspaceSwitcher\",\n          \"import\": \"import { WorkspaceSwitcher } from '@synthex-engineers/refined-tech/react';\",\n          \"snippet\": \"<WorkspaceSwitcher />\"\n        },\n        \"html\": {\n          \"available\": true,\n          \"snippet\": \"<div class=\\\"relative inline-block font-sans text-xs\\\">\\n  <button type=\\\"button\\\" class=\\\"flex items-center gap-2 bg-charcoal border border-slateBorder hover:border-pistachio/40 px-3 py-1.5 rounded-lg text-white transition-colors cursor-pointer\\\">\\n    <div class=\\\"w-4 h-4 rounded bg-pistachio flex items-center justify-center\\\">\\n      <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 200 200\\\" width=\\\"12\\\" height=\\\"12\\\">\\n        <g stroke=\\\"#111111\\\" stroke-width=\\\"16\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" fill=\\\"none\\\" transform=\\\"translate(41, 56)\\\">\\n          <polyline points=\\\"40,24 14,46 40,68\\\" />\\n          <line x1=\\\"53\\\" y1=\\\"72\\\" x2=\\\"69\\\" y2=\\\"20\\\" />\\n          <polyline points=\\\"82,24 108,46 82,68\\\" />\\n        </g>\\n      </svg>\\n    </div>\\n    <span class=\\\"font-medium text-white\\\">Synthex Matriz</span>\\n    <span class=\\\"text-muted text-xs font-mono\\\">▾</span>\\n  </button>\\n</div>\"\n        }\n      },\n      \"ai_prompt_tag\": \"[SynthexComponent: workspace-switcher | Angular: <st-workspace-switcher> | Style: Charcoal #111111 / Squircle Pistachio Logo #E0F9B5]\"\n    }\n  ]\n}\n","/**\n * @synthex-engineers/refined-tech — Punto de entrada canónico de la librería oficial\n * Tokens de diseño y registro de arquitectura multi-framework.\n * \n * Para componentes específicos de framework, utiliza sus sub-rutas dedicadas:\n * - Angular:  import { ComponentName } from '@synthex-engineers/refined-tech/angular';\n * - React:    import { ComponentName } from '@synthex-engineers/refined-tech/react';\n * - Astro:    import { ComponentName } from '@synthex-engineers/refined-tech/astro';\n * - Tokens:   import { colors, tokens } from '@synthex-engineers/refined-tech/tokens';\n * - Tailwind: import preset from '@synthex-engineers/refined-tech/tailwind-preset';\n * - CSS:      import '@synthex-engineers/refined-tech/css';\n */\n\nexport * from '../tokens/index';\nexport { default as tokens } from '../tokens/index';\n\nimport componentsRegistry from '../registry/components.json';\nexport const registry = componentsRegistry;\n"]}

package/dist/index.d.cts

@@ -0,0 +1,82 @@
+export { Borders, Colors, Fonts, Heights, Radii, Shadows, Spacing, Tokens, borders, colors, fonts, heights, radii, shadows, spacing, default as tokens } from './tokens/index.cjs';
+
+/**
+ * @synthex-engineers/refined-tech — Punto de entrada canónico de la librería oficial
+ * Tokens de diseño y registro de arquitectura multi-framework.
+ *
+ * Para componentes específicos de framework, utiliza sus sub-rutas dedicadas:
+ * - Angular:  import { ComponentName } from '@synthex-engineers/refined-tech/angular';
+ * - React:    import { ComponentName } from '@synthex-engineers/refined-tech/react';
+ * - Astro:    import { ComponentName } from '@synthex-engineers/refined-tech/astro';
+ * - Tokens:   import { colors, tokens } from '@synthex-engineers/refined-tech/tokens';
+ * - Tailwind: import preset from '@synthex-engineers/refined-tech/tailwind-preset';
+ * - CSS:      import '@synthex-engineers/refined-tech/css';
+ */
+
+declare const registry: {
+    $schema: string;
+    title: string;
+    description: string;
+    version: string;
+    updated_at: string;
+    components: ({
+        id: string;
+        slug: string;
+        name: string;
+        category: string;
+        description: string;
+        frameworks: {
+            html: {
+                available: boolean;
+                snippet: string;
+            };
+            angular: {
+                available: boolean;
+                selector: string;
+                import: string;
+                snippet: string;
+            };
+            react: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+            astro?: undefined;
+        };
+        ai_prompt_tag: string;
+    } | {
+        id: string;
+        slug: string;
+        name: string;
+        category: string;
+        description: string;
+        frameworks: {
+            angular: {
+                available: boolean;
+                selector: string;
+                import: string;
+                snippet: string;
+            };
+            react: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+            html: {
+                available: boolean;
+                snippet: string;
+            };
+            astro: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+        };
+        ai_prompt_tag: string;
+    })[];
+};
+
+export { registry };

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+export { Borders, Colors, Fonts, Heights, Radii, Shadows, Spacing, Tokens, borders, colors, fonts, heights, radii, shadows, spacing, default as tokens } from './tokens/index.js';
+
+/**
+ * @synthex-engineers/refined-tech — Punto de entrada canónico de la librería oficial
+ * Tokens de diseño y registro de arquitectura multi-framework.
+ *
+ * Para componentes específicos de framework, utiliza sus sub-rutas dedicadas:
+ * - Angular:  import { ComponentName } from '@synthex-engineers/refined-tech/angular';
+ * - React:    import { ComponentName } from '@synthex-engineers/refined-tech/react';
+ * - Astro:    import { ComponentName } from '@synthex-engineers/refined-tech/astro';
+ * - Tokens:   import { colors, tokens } from '@synthex-engineers/refined-tech/tokens';
+ * - Tailwind: import preset from '@synthex-engineers/refined-tech/tailwind-preset';
+ * - CSS:      import '@synthex-engineers/refined-tech/css';
+ */
+
+declare const registry: {
+    $schema: string;
+    title: string;
+    description: string;
+    version: string;
+    updated_at: string;
+    components: ({
+        id: string;
+        slug: string;
+        name: string;
+        category: string;
+        description: string;
+        frameworks: {
+            html: {
+                available: boolean;
+                snippet: string;
+            };
+            angular: {
+                available: boolean;
+                selector: string;
+                import: string;
+                snippet: string;
+            };
+            react: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+            astro?: undefined;
+        };
+        ai_prompt_tag: string;
+    } | {
+        id: string;
+        slug: string;
+        name: string;
+        category: string;
+        description: string;
+        frameworks: {
+            angular: {
+                available: boolean;
+                selector: string;
+                import: string;
+                snippet: string;
+            };
+            react: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+            html: {
+                available: boolean;
+                snippet: string;
+            };
+            astro: {
+                available: boolean;
+                component: string;
+                import: string;
+                snippet: string;
+            };
+        };
+        ai_prompt_tag: string;
+    })[];
+};
+
+export { registry };