@yewdiel21/motion-kit 0.9.1 → 0.14.0

package/registry.json

@@ -12,11 +12,7 @@
     "curved-carousel": {
       "kind": "recipe",
       "description": "Carrusel en arco con arrastre, inercia, snap, bucle, rueda y teclado.",
-      "files": [
-        "recipes/curved-carousel/create-curved-carousel.ts",
-        "recipes/curved-carousel/curved-carousel.css",
-        "recipes/curved-carousel/README.md"
-      ],
+      "files": ["recipes/curved-carousel/create-curved-carousel.ts", "recipes/curved-carousel/curved-carousel.css", "recipes/curved-carousel/README.md"],
       "react": "react/use-curved-carousel.ts",
       "since": "0.1.0"
     },
@@ -58,11 +54,7 @@
     "stretch-footer": {
       "kind": "recipe",
       "description": "Footer que aparece detrás de la página y estira su título con el scroll.",
-      "files": [
-        "recipes/stretch-footer/create-stretch-footer.ts",
-        "recipes/stretch-footer/stretch-footer.css",
-        "recipes/stretch-footer/README.md"
-      ],
+      "files": ["recipes/stretch-footer/create-stretch-footer.ts", "recipes/stretch-footer/stretch-footer.css", "recipes/stretch-footer/README.md"],
       "react": "react/use-stretch-footer.ts",
       "since": "0.1.0"
     },
@@ -215,22 +207,14 @@
     "particle-hero": {
       "kind": "recipe",
       "description": "Nube de partículas en GPU que forma palabras, con fallback Canvas2D.",
-      "files": [
-        "gl/particle-hero/create-particle-hero.ts",
-        "gl/particle-hero/shaders.ts",
-        "gl/particle-hero/particle-hero.css",
-        "gl/particle-hero/README.md"
-      ],
+      "files": ["gl/particle-hero/create-particle-hero.ts", "gl/particle-hero/shaders.ts", "gl/particle-hero/particle-hero.css", "gl/particle-hero/README.md"],
       "react": "react/use-particle-hero.ts",
       "since": "0.7.0"
     },
     "ticket-menu": {
       "kind": "recipe",
       "description": "Menú boleto con recorte de apertura, filas escalonadas, foco y teclado.",
-      "files": [
-        "recipes/ticket-menu/create-ticket-menu.ts",
-        "recipes/ticket-menu/README.md"
-      ],
+      "files": ["recipes/ticket-menu/create-ticket-menu.ts", "recipes/ticket-menu/README.md"],
       "react": "react/use-ticket-menu.ts",
       "requires": [
         "menu"
@@ -240,139 +224,76 @@
     "infinite-reel": {
       "kind": "recipe",
       "description": "Reel infinito horizontal o vertical con rueda, arrastre e inercia.",
-      "files": [
-        "recipes/infinite-reel/create-infinite-reel.ts",
-        "recipes/infinite-reel/infinite-reel.css",
-        "recipes/infinite-reel/README.md"
-      ],
+      "files": ["recipes/infinite-reel/create-infinite-reel.ts", "recipes/infinite-reel/infinite-reel.css", "recipes/infinite-reel/README.md"],
       "react": "react/use-infinite-reel.ts",
       "since": "0.8.0"
     },
     "repel-bento": {
       "kind": "recipe",
       "description": "Grid bento con entrada de resorte y repulsión entre tarjetas.",
-      "files": [
-        "recipes/repel-bento/create-repel-bento.ts",
-        "recipes/repel-bento/repel-bento.css",
-        "recipes/repel-bento/README.md"
-      ],
+      "files": ["recipes/repel-bento/create-repel-bento.ts", "recipes/repel-bento/repel-bento.css", "recipes/repel-bento/README.md"],
       "react": "react/use-repel-bento.ts",
       "since": "0.8.0"
     },
     "rotator": {
       "kind": "recipe",
       "description": "Rotador de contenido con autoplay, controles y pausa al enfocar o señalar.",
-      "files": [
-        "recipes/rotator/create-rotator.ts",
-        "recipes/rotator/rotator.css",
-        "recipes/rotator/README.md"
-      ],
+      "files": ["recipes/rotator/create-rotator.ts", "recipes/rotator/rotator.css", "recipes/rotator/README.md"],
       "react": "react/use-rotator.ts",
       "since": "0.8.0"
     },
     "drag-ruler": {
       "kind": "recipe",
       "description": "Regla numérica con arrastre, límites, paso y teclado.",
-      "files": [
-        "recipes/drag-ruler/create-drag-ruler.ts",
-        "recipes/drag-ruler/drag-ruler.css",
-        "recipes/drag-ruler/README.md"
-      ],
+      "files": ["recipes/drag-ruler/create-drag-ruler.ts", "recipes/drag-ruler/drag-ruler.css", "recipes/drag-ruler/README.md"],
       "react": "react/use-drag-ruler.ts",
       "since": "0.8.0"
     },
     "dock-pill": {
       "kind": "recipe",
       "description": "Indicador con resorte que sigue la opción activa de un dock.",
-      "files": [
-        "recipes/dock-pill/create-dock-pill.ts",
-        "recipes/dock-pill/dock-pill.css",
-        "recipes/dock-pill/README.md"
-      ],
+      "files": ["recipes/dock-pill/create-dock-pill.ts", "recipes/dock-pill/dock-pill.css", "recipes/dock-pill/README.md"],
       "react": "react/use-dock-pill.ts",
       "since": "0.8.0"
     },
     "liquid-blend": {
       "kind": "recipe",
       "description": "Mezcla de dos imágenes con deformación de sus coordenadas UV.",
-      "files": [
-        "gl/liquid-blend/create-liquid-blend.ts",
-        "gl/liquid-blend/shader.ts",
-        "gl/shared/shader.css",
-        "gl/liquid-blend/README.md"
-      ],
+      "files": ["gl/liquid-blend/create-liquid-blend.ts", "gl/liquid-blend/shader.ts", "gl/shared/shader.css", "gl/liquid-blend/README.md"],
       "react": "react/use-liquid-blend.ts",
       "since": "0.9.0"
     },
     "matcap": {
       "kind": "recipe",
       "description": "Superficie esférica iluminada con un mapa de material y luz hemisférica.",
-      "files": [
-        "gl/matcap/create-matcap.ts",
-        "gl/matcap/shader.ts",
-        "gl/shared/shader.css",
-        "gl/matcap/README.md"
-      ],
+      "files": ["gl/matcap/create-matcap.ts", "gl/matcap/shader.ts", "gl/shared/shader.css", "gl/matcap/README.md"],
       "react": "react/use-matcap.ts",
       "since": "0.9.0"
     },
     "shader-grain": {
       "kind": "recipe",
       "description": "Grano de película generado y animado mediante shader.",
-      "files": [
-        "gl/shader-grain/create-shader-grain.ts",
-        "gl/shader-grain/shader.ts",
-        "gl/shared/shader.css",
-        "gl/shader-grain/README.md"
-      ],
+      "files": ["gl/shader-grain/create-shader-grain.ts", "gl/shader-grain/shader.ts", "gl/shared/shader.css", "gl/shader-grain/README.md"],
       "react": "react/use-shader-grain.ts",
       "since": "0.9.0"
     },
     "shader-blur": {
       "kind": "recipe",
       "description": "Desenfoque direccional de siete muestras mediante shader.",
-      "files": [
-        "gl/shader-blur/create-shader-blur.ts",
-        "gl/shader-blur/shader.ts",
-        "gl/shared/shader.css",
-        "gl/shader-blur/README.md"
-      ],
+      "files": ["gl/shader-blur/create-shader-blur.ts", "gl/shader-blur/shader.ts", "gl/shared/shader.css", "gl/shader-blur/README.md"],
       "react": "react/use-shader-blur.ts",
       "since": "0.9.0"
     },
     "controls": {
       "kind": "controls",
       "description": "Controles CSS: botones, campos, switches, checkboxes, chips, iconos y cristal.",
-      "files": [
-        "css/controls/button.css",
-        "css/controls/field.css",
-        "css/controls/switch.css",
-        "css/controls/checkbox.css",
-        "css/controls/chip.css",
-        "css/controls/segmented.css",
-        "css/controls/icon.css",
-        "css/controls/glass.css",
-        "css/controls/burger.css",
-        "css/controls/README.md"
-      ],
+      "files": ["css/controls/button.css", "css/controls/field.css", "css/controls/switch.css", "css/controls/checkbox.css", "css/controls/chip.css", "css/controls/segmented.css", "css/controls/icon.css", "css/controls/glass.css", "css/controls/burger.css", "css/controls/status.css", "css/controls/README.md"],
       "since": "0.2.0"
     },
     "effects": {
       "kind": "effects",
       "description": "Efectos CSS y funciones para entradas, salidas, carga, blur, flotación y confeti.",
-      "files": [
-        "css/effects/anim.css",
-        "css/effects/loading.css",
-        "css/effects/text.css",
-        "css/effects/frost.css",
-        "css/effects/float.css",
-        "css/effects/grain.css",
-        "css/effects/success.css",
-        "css/effects/fade.css",
-        "motion/effects.ts",
-        "motion/confetti.ts",
-        "css/effects/README.md"
-      ],
+      "files": ["css/effects/anim.css", "css/effects/loading.css", "css/effects/text.css", "css/effects/frost.css", "css/effects/float.css", "css/effects/grain.css", "css/effects/success.css", "css/effects/fade.css", "motion/effects.ts", "motion/confetti.ts", "css/effects/README.md"],
       "react": "react/frost.tsx",
       "since": "0.5.0"
     },
@@ -398,7 +319,9 @@
       "files": ["components/menu/engine.ts", "components/menu/menu.css", "components/menu/README.md"],
       "element": "components/menu/element.ts",
       "react": "components/menu/react.tsx",
-      "requires": ["dialog"],
+      "requires": [
+        "dialog"
+      ],
       "since": "0.3.0"
     },
     "toast": {
@@ -412,12 +335,7 @@
     "chat-background": {
       "kind": "component",
       "description": "Fondo de manchas animadas cuya energía puede seguir al micrófono.",
-      "files": [
-        "components/chat-background/engine.ts",
-        "components/chat-background/audio.ts",
-        "components/chat-background/chat-background.css",
-        "components/chat-background/README.md"
-      ],
+      "files": ["components/chat-background/engine.ts", "components/chat-background/audio.ts", "components/chat-background/chat-background.css", "components/chat-background/README.md"],
       "element": "components/chat-background/element.ts",
       "react": "components/chat-background/react.tsx",
       "since": "0.4.0"
@@ -428,7 +346,9 @@
       "files": ["components/chat/engine.ts", "components/chat/chat.css", "components/chat/README.md"],
       "element": "components/chat/element.ts",
       "react": "components/chat/react.tsx",
-      "requires": ["chat-background"],
+      "requires": [
+        "chat-background"
+      ],
       "since": "0.4.0"
     },
     "nav": {
@@ -445,7 +365,9 @@
       "files": ["components/steps/engine.ts", "components/steps/steps.css", "components/steps/README.md"],
       "element": "components/steps/element.ts",
       "react": "components/steps/react.tsx",
-      "requires": ["chat-background"],
+      "requires": [
+        "chat-background"
+      ],
       "since": "0.4.0"
     },
     "cursor": {
@@ -454,7 +376,9 @@
       "files": ["components/cursor/engine.ts", "components/cursor/cursor.css", "components/cursor/README.md"],
       "element": "components/cursor/element.ts",
       "react": "components/cursor/react.tsx",
-      "requires": ["controls"],
+      "requires": [
+        "controls"
+      ],
       "since": "0.6.0"
     },
     "island": {
@@ -464,6 +388,561 @@
       "element": "components/island/element.ts",
       "react": "components/island/react.tsx",
       "since": "0.7.0"
+    },
+    "quantity": {
+      "kind": "component",
+      "description": "Selector numérico con límites, botones de mordida y edición accesible.",
+      "files": ["components/quantity/engine.ts", "components/quantity/quantity.css", "components/quantity/README.md"],
+      "element": "components/quantity/element.ts",
+      "react": "components/quantity/react.tsx",
+      "since": "0.10.0"
+    },
+    "pagination": {
+      "kind": "component",
+      "description": "Paginación con elipsis, controles animados y navegación por teclado.",
+      "files": ["components/pagination/engine.ts", "components/pagination/pagination.css", "components/pagination/README.md"],
+      "element": "components/pagination/element.ts",
+      "react": "components/pagination/react.tsx",
+      "since": "0.10.0"
+    },
+    "hover-card": {
+      "kind": "component",
+      "description": "Vista previa con apertura por puntero, foco o toque, posición dentro del viewport y cierre con Escape.",
+      "files": ["components/hover-card/engine.ts", "components/hover-card/hover-card.css", "components/hover-card/README.md"],
+      "element": "components/hover-card/element.ts",
+      "react": "components/hover-card/react.tsx",
+      "since": "0.10.0"
+    },
+    "input-otp": {
+      "kind": "component",
+      "description": "Código OTP con input nativo, slots animados, pegado y autocompletado.",
+      "files": ["components/input-otp/engine.ts", "components/input-otp/input-otp.css", "components/input-otp/README.md"],
+      "element": "components/input-otp/element.ts",
+      "react": "components/input-otp/react.tsx",
+      "since": "0.10.0"
+    },
+    "joined-cta": {
+      "kind": "recipe",
+      "description": "Tres cápsulas de contacto que se unen al señalar o enfocar.",
+      "files": ["recipes/joined-cta/create-joined-cta.ts", "recipes/joined-cta/joined-cta.css", "recipes/joined-cta/README.md"],
+      "react": "react/use-joined-cta.ts",
+      "since": "0.10.0"
+    },
+    "image-zoom": {
+      "kind": "recipe",
+      "description": "Zoom opuesto del marco y la imagen al señalar o enfocar.",
+      "files": ["recipes/image-zoom/create-image-zoom.ts", "recipes/image-zoom/image-zoom.css", "recipes/image-zoom/README.md"],
+      "react": "react/use-image-zoom.ts",
+      "since": "0.10.0"
+    },
+    "font-cycle": {
+      "kind": "recipe",
+      "description": "Tipografía variable por carácter con rodillo y overlay opcional.",
+      "files": ["recipes/font-cycle/create-font-cycle.ts", "recipes/font-cycle/font-cycle.css", "recipes/font-cycle/README.md"],
+      "react": "react/use-font-cycle.ts",
+      "since": "0.10.0"
+    },
+    "thumbnail-nav": {
+      "kind": "recipe",
+      "description": "Navegador de categorías en cápsula con miniaturas y teclado.",
+      "files": ["recipes/thumbnail-nav/create-thumbnail-nav.ts", "recipes/thumbnail-nav/thumbnail-nav.css", "recipes/thumbnail-nav/README.md"],
+      "react": "react/use-thumbnail-nav.ts",
+      "since": "0.10.0"
+    },
+    "action-button": {
+      "kind": "recipe",
+      "description": "Botones dibujados, iconos y etiquetas de cine con respuesta al pulsar.",
+      "files": ["recipes/action-button/create-action-button.ts", "recipes/action-button/action-button.css", "recipes/action-button/README.md"],
+      "react": "react/use-action-button.ts",
+      "since": "0.10.0"
+    },
+    "film-hero": {
+      "kind": "recipe",
+      "description": "Hero cinematográfico con revelado de líneas y desplazamiento de medios.",
+      "files": ["recipes/film-hero/create-film-hero.ts", "recipes/film-hero/film-hero.css", "recipes/film-hero/README.md"],
+      "react": "react/use-film-hero.ts",
+      "since": "0.10.0"
+    },
+    "editorial-reveal": {
+      "kind": "recipe",
+      "description": "Composición editorial de hero, tarjetas y contacto con entradas escalonadas.",
+      "files": ["recipes/editorial-reveal/create-editorial-reveal.ts", "recipes/editorial-reveal/editorial-reveal.css", "recipes/editorial-reveal/README.md"],
+      "react": "react/use-editorial-reveal.ts",
+      "since": "0.10.0",
+      "requires": [
+        "mask-text",
+        "cascade",
+        "parallax",
+        "contrast"
+      ]
+    },
+    "studio-dock": {
+      "kind": "component",
+      "description": "Dock de estudio que se transforma en panel bento con páginas y contacto.",
+      "files": ["components/studio-dock/engine.ts", "components/studio-dock/studio-dock.css", "components/studio-dock/README.md"],
+      "react": "components/studio-dock/react.tsx",
+      "element": "components/studio-dock/element.ts",
+      "since": "0.10.0"
+    },
+    "trailer": {
+      "kind": "component",
+      "description": "Reproductor de video en modal con controles accesibles y retorno de foco.",
+      "files": ["components/trailer/engine.ts", "components/trailer/trailer.css", "components/trailer/README.md"],
+      "react": "components/trailer/react.tsx",
+      "element": "components/trailer/element.ts",
+      "since": "0.10.0",
+      "requires": [
+        "dialog"
+      ]
+    },
+    "calendar": {
+      "kind": "component",
+      "description": "Calendario de mes y semana con eventos, entrada escalonada de días y deslizamiento al navegar (Melon Mind).",
+      "files": ["components/calendar/engine.ts", "components/calendar/calendar.css", "components/calendar/README.md"],
+      "element": "components/calendar/element.ts",
+      "react": "components/calendar/react.tsx",
+      "since": "0.10.0"
+    },
+    "slot-picker": {
+      "kind": "component",
+      "description": "Selector de día y horario para citas o reservas: horarios que se deslizan al cambiar de día (Melon Mind).",
+      "files": ["components/slot-picker/engine.ts", "components/slot-picker/slot-picker.css", "components/slot-picker/README.md"],
+      "element": "components/slot-picker/element.ts",
+      "react": "components/slot-picker/react.tsx",
+      "since": "0.10.0"
+    },
+    "weight-hover": {
+      "kind": "recipe",
+      "description": "Peso variable por letra que baja al acercarse el puntero (DOVV Studio).",
+      "files": ["recipes/weight-hover/create-weight-hover.ts", "recipes/weight-hover/weight-hover.css", "recipes/weight-hover/README.md"],
+      "react": "react/use-weight-hover.ts",
+      "since": "0.10.0"
+    },
+    "sticker": {
+      "kind": "recipe",
+      "description": "Sticker holográfico troquelado que se despega, se arrastra y cae (DOVV Studio).",
+      "files": ["recipes/sticker/create-sticker.ts", "recipes/sticker/sticker.css", "recipes/sticker/README.md"],
+      "react": "react/use-sticker.ts",
+      "since": "0.10.0"
+    },
+    "scroll-dock": {
+      "kind": "recipe",
+      "description": "Cápsula de navegación que sube al hacer scroll y se esconde en el footer (DOVV Studio).",
+      "files": ["recipes/scroll-dock/create-scroll-dock.ts", "recipes/scroll-dock/scroll-dock.css", "recipes/scroll-dock/README.md"],
+      "react": "react/use-scroll-dock.ts",
+      "since": "0.10.0"
+    },
+    "local-clock": {
+      "kind": "recipe",
+      "description": "Hora en vivo de una zona horaria, actualizada al cambiar el minuto (DOVV Studio).",
+      "files": ["recipes/local-clock/create-local-clock.ts", "recipes/local-clock/README.md"],
+      "react": "react/use-local-clock.ts",
+      "since": "0.10.0"
+    },
+    "attachment": {
+      "kind": "component",
+      "description": "Selector de archivos con arrastrar y soltar, validación, tarjetas con progreso y vista previa de imágenes.",
+      "files": ["components/attachment/engine.ts", "components/attachment/attachment.css", "components/attachment/README.md"],
+      "element": "components/attachment/element.ts",
+      "react": "components/attachment/react.tsx",
+      "since": "0.11.0"
+    },
+    "skeleton": {
+      "kind": "component",
+      "description": "Marcador de carga de texto, avatar, imagen o tarjeta con pulso o brillo y estado accesible.",
+      "files": ["components/skeleton/engine.ts", "components/skeleton/skeleton.css", "components/skeleton/README.md"],
+      "element": "components/skeleton/element.ts",
+      "react": "components/skeleton/react.tsx",
+      "since": "0.11.0"
+    },
+    "questionnaire": {
+      "kind": "component",
+      "description": "Cuestionario por pasos con texto, opción única y múltiple, validación de obligatorios y finalización.",
+      "files": ["components/questionnaire/engine.ts", "components/questionnaire/questionnaire.css", "components/questionnaire/README.md"],
+      "element": "components/questionnaire/element.ts",
+      "react": "components/questionnaire/react.tsx",
+      "requires": ["steps"],
+      "since": "0.11.0"
+    },
+    "code-block": {
+      "kind": "component",
+      "description": "Bloque de código con título, lenguaje, números de línea y copiar con confirmación.",
+      "files": ["components/code-block/engine.ts", "components/code-block/highlight.ts", "components/code-block/code-block.css", "components/code-block/README.md"],
+      "element": "components/code-block/element.ts",
+      "react": "components/code-block/react.tsx",
+      "since": "0.11.0"
+    },
+    "context-menu": {
+      "kind": "component",
+      "description": "Menú contextual con clic derecho, tecla Menú, Shift+F10 o pulsación larga, dentro del viewport.",
+      "files": ["components/context-menu/engine.ts", "components/context-menu/context-menu.css", "components/context-menu/README.md"],
+      "element": "components/context-menu/element.ts",
+      "react": "components/context-menu/react.tsx",
+      "requires": ["menu"],
+      "since": "0.11.0"
+    },
+    "drawer": {
+      "kind": "component",
+      "description": "Panel lateral izquierdo o derecho y hoja inferior sobre el diálogo nativo, con foco y bloqueo de scroll.",
+      "files": ["components/drawer/engine.ts", "components/drawer/drawer.css", "components/drawer/README.md"],
+      "element": "components/drawer/element.ts",
+      "react": "components/drawer/react.tsx",
+      "requires": ["dialog"],
+      "since": "0.11.0"
+    },
+    "link-preview": {
+      "kind": "component",
+      "description": "Tarjeta de enlace con miniatura, sitio, título y descripción, o enlace que la previsualiza al señalar.",
+      "files": ["components/link-preview/engine.ts", "components/link-preview/link-preview.css", "components/link-preview/README.md"],
+      "element": "components/link-preview/element.ts",
+      "react": "components/link-preview/react.tsx",
+      "requires": ["hover-card"],
+      "since": "0.11.0"
+    },
+    "progress": {
+      "kind": "component",
+      "description": "Barra o anillo de progreso, determinado o indeterminado, con límites y porcentaje opcional.",
+      "files": ["components/progress/engine.ts", "components/progress/progress.css", "components/progress/README.md"],
+      "element": "components/progress/element.ts",
+      "react": "components/progress/react.tsx",
+      "since": "0.11.0"
+    },
+    "range-slider": {
+      "kind": "component",
+      "description": "Valor o intervalo sobre inputs range nativos, con pasos, límites, relleno y salida formateada.",
+      "files": ["components/range-slider/engine.ts", "components/range-slider/range-slider.css", "components/range-slider/README.md"],
+      "element": "components/range-slider/element.ts",
+      "react": "components/range-slider/react.tsx",
+      "since": "0.11.0"
+    },
+    "chart": {
+      "kind": "component",
+      "description": "Gráfica SVG de línea, área y barras agrupadas o apiladas, con tooltip, teclado y tabla accesible.",
+      "files": ["components/chart/engine.ts", "components/chart/chart.css", "components/chart/README.md"],
+      "element": "components/chart/element.ts",
+      "react": "components/chart/react.tsx",
+      "since": "0.11.0"
+    },
+    "credit-card": {
+      "kind": "component",
+      "description": "Tarjeta de crédito que se rellena al escribir y gira en 3D al llegar al CVC, con campos nativos y validación.",
+      "files": ["components/credit-card/engine.ts", "components/credit-card/card.ts", "components/credit-card/credit-card.css", "components/credit-card/README.md"],
+      "element": "components/credit-card/element.ts",
+      "react": "components/credit-card/react.tsx",
+      "since": "0.12.0"
+    },
+    "command-search": {
+      "kind": "component",
+      "description": "Paleta de comandos con ⌘K, búsqueda aproximada con letras marcadas, grupos y teclado.",
+      "files": ["components/command-search/engine.ts", "components/command-search/match.ts", "components/command-search/command-search.css", "components/command-search/README.md"],
+      "element": "components/command-search/element.ts",
+      "react": "components/command-search/react.tsx",
+      "since": "0.12.0"
+    },
+    "hold-confirm": {
+      "kind": "component",
+      "description": "Botón que confirma al mantenerlo pulsado: relleno, etiqueta que cambia, ✓ y partículas.",
+      "files": ["components/hold-confirm/engine.ts", "components/hold-confirm/hold-confirm.css", "components/hold-confirm/README.md"],
+      "element": "components/hold-confirm/element.ts",
+      "react": "components/hold-confirm/react.tsx",
+      "since": "0.12.0"
+    },
+    "image-preview": {
+      "kind": "component",
+      "description": "Visor de imágenes en diálogo que crece desde la miniatura, con galería, zoom y arrastre para cerrar.",
+      "files": ["components/image-preview/engine.ts", "components/image-preview/image-preview.css", "components/image-preview/README.md"],
+      "element": "components/image-preview/element.ts",
+      "react": "components/image-preview/react.tsx",
+      "since": "0.12.0"
+    },
+    "like-button": {
+      "kind": "component",
+      "description": "Botón de me gusta con corazón que rebota, partículas y contador que rueda.",
+      "files": ["components/like-button/engine.ts", "components/like-button/like-button.css", "components/like-button/README.md"],
+      "element": "components/like-button/element.ts",
+      "react": "components/like-button/react.tsx",
+      "since": "0.12.0"
+    },
+    "notification-bell": {
+      "kind": "component",
+      "description": "Campana de notificaciones que oscila al llegar una, con insignia, ondas y mensaje.",
+      "files": ["components/notification-bell/engine.ts", "components/notification-bell/notification-bell.css", "components/notification-bell/README.md"],
+      "element": "components/notification-bell/element.ts",
+      "react": "components/notification-bell/react.tsx",
+      "since": "0.12.0"
+    },
+    "password-strength": {
+      "kind": "component",
+      "description": "Contraseña con medidor de fortaleza en cascada, requisitos que se marcan y mostrar/ocultar.",
+      "files": ["components/password-strength/engine.ts", "components/password-strength/score.ts", "components/password-strength/password-strength.css", "components/password-strength/README.md"],
+      "element": "components/password-strength/element.ts",
+      "react": "components/password-strength/react.tsx",
+      "since": "0.12.0"
+    },
+    "scratch-card": {
+      "kind": "component",
+      "description": "Rasca y gana para cupones: cubierta metalizada en canvas, revelado con blur y confeti.",
+      "files": ["components/scratch-card/engine.ts", "components/scratch-card/scratch-card.css", "components/scratch-card/README.md"],
+      "element": "components/scratch-card/element.ts",
+      "react": "components/scratch-card/react.tsx",
+      "since": "0.12.0"
+    },
+    "star-rating": {
+      "kind": "component",
+      "description": "Valoración con estrellas sobre radios nativos, vista previa en cascada y rebote al elegir.",
+      "files": ["components/star-rating/engine.ts", "components/star-rating/star-rating.css", "components/star-rating/README.md"],
+      "element": "components/star-rating/element.ts",
+      "react": "components/star-rating/react.tsx",
+      "since": "0.12.0"
+    },
+    "swipe-actions": {
+      "kind": "component",
+      "description": "Filas de lista que se deslizan para mostrar acciones; el deslizamiento largo ejecuta la principal.",
+      "files": ["components/swipe-actions/engine.ts", "components/swipe-actions/swipe-actions.css", "components/swipe-actions/README.md"],
+      "element": "components/swipe-actions/element.ts",
+      "react": "components/swipe-actions/react.tsx",
+      "since": "0.12.0"
+    },
+    "color-slider": {
+      "kind": "component",
+      "description": "Deslizador de un canal de color (tono, opacidad…) con pista degradada y lupa.",
+      "files": ["components/color-slider/engine.ts", "components/color-slider/color-slider.css", "components/color-slider/README.md"],
+      "element": "components/color-slider/element.ts",
+      "react": "components/color-slider/react.tsx",
+      "since": "0.13.0"
+    },
+    "color-area": {
+      "kind": "component",
+      "description": "Área de saturación y brillo con arrastre, teclado y lupa de color.",
+      "files": ["components/color-area/engine.ts", "components/color-area/color-area.css", "components/color-area/README.md"],
+      "element": "components/color-area/element.ts",
+      "react": "components/color-area/react.tsx",
+      "since": "0.13.0"
+    },
+    "color-field": {
+      "kind": "component",
+      "description": "Campo de color que acepta hex, rgb() o hsl(), con muestra y validación.",
+      "files": ["components/color-field/engine.ts", "components/color-field/color-field.css", "components/color-field/README.md"],
+      "element": "components/color-field/element.ts",
+      "react": "components/color-field/react.tsx",
+      "since": "0.13.0"
+    },
+    "color-picker": {
+      "kind": "component",
+      "description": "Selector de color que crece desde su muestra: área, tono, opacidad, código, guardados y cuentagotas.",
+      "files": ["components/color-picker/engine.ts", "components/color-picker/color-picker.css", "components/color-picker/README.md"],
+      "element": "components/color-picker/element.ts",
+      "react": "components/color-picker/react.tsx",
+      "requires": ["dialog", "color-area", "color-slider", "color-field"],
+      "since": "0.13.0"
+    },
+    "time-field": {
+      "kind": "component",
+      "description": "Hora por segmentos (24 h o a. m./p. m.) con dígitos que ruedan y teclado.",
+      "files": ["components/time-field/engine.ts", "components/time-field/time-field.css", "components/time-field/README.md"],
+      "element": "components/time-field/element.ts",
+      "react": "components/time-field/react.tsx",
+      "since": "0.13.0"
+    },
+    "range-calendar": {
+      "kind": "component",
+      "description": "Calendario de rango con vista previa, banda animada, días no disponibles y teclado.",
+      "files": ["components/range-calendar/engine.ts", "components/range-calendar/range-calendar.css", "components/range-calendar/README.md"],
+      "element": "components/range-calendar/element.ts",
+      "react": "components/range-calendar/react.tsx",
+      "since": "0.13.0"
+    },
+    "date-range-picker": {
+      "kind": "component",
+      "description": "Fechas de inicio y fin por segmentos con calendario de rango que crece desde su botón.",
+      "files": ["components/date-range-picker/engine.ts", "components/date-range-picker/date-range-picker.css", "components/date-range-picker/README.md"],
+      "element": "components/date-range-picker/element.ts",
+      "react": "components/date-range-picker/react.tsx",
+      "requires": ["dialog", "range-calendar"],
+      "since": "0.13.0"
+    },
+    "tooltip": {
+      "kind": "component",
+      "description": "Información contextual que aparece al señalar o enfocar, con posición automática y flecha.",
+      "files": ["components/tooltip/engine.ts", "components/tooltip/tooltip.css", "components/tooltip/README.md"],
+      "element": "components/tooltip/element.ts",
+      "react": "components/tooltip/react.tsx",
+      "since": "0.14.0"
+    },
+    "popover": {
+      "kind": "component",
+      "description": "Panel flotante interactivo que crece desde su botón y queda anclado a él.",
+      "files": ["components/popover/engine.ts", "components/popover/popover.css", "components/popover/README.md"],
+      "element": "components/popover/element.ts",
+      "react": "components/popover/react.tsx",
+      "requires": ["dialog"],
+      "since": "0.14.0"
+    },
+    "loading-button": {
+      "kind": "component",
+      "description": "Botón con estados de carga, éxito y error que cambia de ancho, color e icono.",
+      "files": ["components/loading-button/engine.ts", "components/loading-button/loading-button.css", "components/loading-button/README.md"],
+      "element": "components/loading-button/element.ts",
+      "react": "components/loading-button/react.tsx",
+      "since": "0.14.0"
+    },
+    "breadcrumb": {
+      "kind": "component",
+      "description": "Ruta de navegación jerárquica que agrupa los niveles intermedios cuando falta espacio.",
+      "files": ["components/breadcrumb/engine.ts", "components/breadcrumb/breadcrumb.css", "components/breadcrumb/README.md"],
+      "element": "components/breadcrumb/element.ts",
+      "react": "components/breadcrumb/react.tsx",
+      "since": "0.14.0"
+    },
+    "empty-state": {
+      "kind": "component",
+      "description": "Estado vacío con ilustración animada, texto y acciones.",
+      "files": ["components/empty-state/engine.ts", "components/empty-state/empty-state.css", "components/empty-state/README.md"],
+      "element": "components/empty-state/element.ts",
+      "react": "components/empty-state/react.tsx",
+      "since": "0.14.0"
+    },
+    "stat-card": {
+      "kind": "component",
+      "description": "Tarjeta de KPI con cifra que cuenta, tendencia, comparativa y minigráfica.",
+      "files": ["components/stat-card/engine.ts", "components/stat-card/stat-card.css", "components/stat-card/README.md"],
+      "element": "components/stat-card/element.ts",
+      "react": "components/stat-card/react.tsx",
+      "since": "0.14.0"
+    },
+    "chart-tooltip": {
+      "kind": "component",
+      "description": "Tooltip avanzado para gráficas: guía, valores por serie, variación y fijado.",
+      "files": ["components/chart-tooltip/engine.ts", "components/chart-tooltip/chart-tooltip.css", "components/chart-tooltip/README.md"],
+      "element": "components/chart-tooltip/element.ts",
+      "react": "components/chart-tooltip/react.tsx",
+      "since": "0.14.0"
+    },
+    "multi-select": {
+      "kind": "component",
+      "description": "Selección múltiple con chips, búsqueda y lista navegable con teclado.",
+      "files": ["components/multi-select/engine.ts", "components/multi-select/multi-select.css", "components/multi-select/README.md"],
+      "element": "components/multi-select/element.ts",
+      "react": "components/multi-select/react.tsx",
+      "since": "0.14.0"
+    },
+    "tag-input": {
+      "kind": "component",
+      "description": "Entrada de etiquetas con autocompletado, validación y chips animados.",
+      "files": ["components/tag-input/engine.ts", "components/tag-input/tag-input.css", "components/tag-input/README.md"],
+      "element": "components/tag-input/element.ts",
+      "react": "components/tag-input/react.tsx",
+      "since": "0.14.0"
+    },
+    "date-time-picker": {
+      "kind": "component",
+      "description": "Fecha y hora en un solo campo por segmentos, con calendario y hora en un panel.",
+      "files": ["components/date-time-picker/engine.ts", "components/date-time-picker/date-time-picker.css", "components/date-time-picker/README.md"],
+      "element": "components/date-time-picker/element.ts",
+      "react": "components/date-time-picker/react.tsx",
+      "requires": ["dialog", "range-calendar", "time-field"],
+      "since": "0.14.0"
+    },
+    "filter-builder": {
+      "kind": "component",
+      "description": "Constructor de filtros con condiciones y grupos combinados con Y/O.",
+      "files": ["components/filter-builder/engine.ts", "components/filter-builder/filter-builder.css", "components/filter-builder/README.md"],
+      "element": "components/filter-builder/element.ts",
+      "react": "components/filter-builder/react.tsx",
+      "since": "0.14.0"
+    },
+    "timeline": {
+      "kind": "component",
+      "description": "Historial de actividades, cambios y eventos con una línea que se dibuja.",
+      "files": ["components/timeline/engine.ts", "components/timeline/timeline.css", "components/timeline/README.md"],
+      "element": "components/timeline/element.ts",
+      "react": "components/timeline/react.tsx",
+      "since": "0.14.0"
+    },
+    "activity-feed": {
+      "kind": "component",
+      "description": "Registro de acciones de usuarios agrupado por día, con novedades en vivo.",
+      "files": ["components/activity-feed/engine.ts", "components/activity-feed/activity-feed.css", "components/activity-feed/README.md"],
+      "element": "components/activity-feed/element.ts",
+      "react": "components/activity-feed/react.tsx",
+      "since": "0.14.0"
+    },
+    "tree-view": {
+      "kind": "component",
+      "description": "Jerarquía con nodos expandibles, casillas de tres estados y búsqueda.",
+      "files": ["components/tree-view/engine.ts", "components/tree-view/tree-view.css", "components/tree-view/README.md"],
+      "element": "components/tree-view/element.ts",
+      "react": "components/tree-view/react.tsx",
+      "since": "0.14.0"
+    },
+    "file-explorer": {
+      "kind": "component",
+      "description": "Explorador de carpetas y archivos con árbol, ruta, vistas y acciones.",
+      "files": ["components/file-explorer/engine.ts", "components/file-explorer/file-explorer.css", "components/file-explorer/README.md"],
+      "element": "components/file-explorer/element.ts",
+      "react": "components/file-explorer/react.tsx",
+      "requires": ["tree-view", "breadcrumb"],
+      "since": "0.14.0"
+    },
+    "json-viewer": {
+      "kind": "component",
+      "description": "Visor de JSON con nodos expandibles, tipos, búsqueda y copia.",
+      "files": ["components/json-viewer/engine.ts", "components/json-viewer/json-viewer.css", "components/json-viewer/README.md"],
+      "element": "components/json-viewer/element.ts",
+      "react": "components/json-viewer/react.tsx",
+      "requires": ["tree-view"],
+      "since": "0.14.0"
+    },
+    "virtual-list": {
+      "kind": "component",
+      "description": "Lista virtual que dibuja solo lo visible de miles de elementos.",
+      "files": ["components/virtual-list/engine.ts", "components/virtual-list/virtual-list.css", "components/virtual-list/README.md"],
+      "element": "components/virtual-list/element.ts",
+      "react": "components/virtual-list/react.tsx",
+      "since": "0.14.0"
+    },
+    "resizable-panel": {
+      "kind": "component",
+      "description": "Paneles que se ajustan arrastrando divisores, con teclado y colapso.",
+      "files": ["components/resizable-panel/engine.ts", "components/resizable-panel/resizable-panel.css", "components/resizable-panel/README.md"],
+      "element": "components/resizable-panel/element.ts",
+      "react": "components/resizable-panel/react.tsx",
+      "since": "0.14.0"
+    },
+    "split-view": {
+      "kind": "component",
+      "description": "Dos áreas de trabajo con divisor, orientación y tamaño configurables.",
+      "files": ["components/split-view/engine.ts", "components/split-view/split-view.css", "components/split-view/README.md"],
+      "element": "components/split-view/element.ts",
+      "react": "components/split-view/react.tsx",
+      "requires": ["resizable-panel"],
+      "since": "0.14.0"
+    },
+    "data-table": {
+      "kind": "component",
+      "description": "Tabla de datos con orden, filtros, selección, paginación, acciones y columnas configurables.",
+      "files": ["components/data-table/engine.ts", "components/data-table/data-table.css", "components/data-table/README.md"],
+      "element": "components/data-table/element.ts",
+      "react": "components/data-table/react.tsx",
+      "requires": ["pagination", "menu", "popover", "empty-state"],
+      "since": "0.14.0"
+    },
+    "editable-table": {
+      "kind": "component",
+      "description": "Tabla con edición de celdas, validación y guardado de cambios.",
+      "files": ["components/editable-table/engine.ts", "components/editable-table/editable-table.css", "components/editable-table/README.md"],
+      "element": "components/editable-table/element.ts",
+      "react": "components/editable-table/react.tsx",
+      "requires": ["data-table"],
+      "since": "0.14.0"
+    },
+    "rich-text-editor": {
+      "kind": "component",
+      "description": "Editor de texto enriquecido con barra de formato, atajos y pegado limpio.",
+      "files": ["components/rich-text-editor/engine.ts", "components/rich-text-editor/rich-text-editor.css", "components/rich-text-editor/README.md"],
+      "element": "components/rich-text-editor/element.ts",
+      "react": "components/rich-text-editor/react.tsx",
+      "since": "0.14.0"
     }
   }
 }