@yewdiel21/motion-kit 0.9.0 → 0.10.0

package/registry.json

@@ -4,233 +4,217 @@
   "entries": {
     "spring-cards": {
       "kind": "recipe",
-      "description": "Cards fanned out that spring into place and get pushed by the pointer (spencergabor.com hero).",
+      "description": "Tarjetas que entran con resorte y responden al movimiento del puntero.",
       "files": ["recipes/spring-cards/create-spring-cards.ts", "recipes/spring-cards/spring-cards.css", "recipes/spring-cards/README.md"],
       "react": "react/use-spring-cards.ts",
       "since": "0.1.0"
     },
     "curved-carousel": {
       "kind": "recipe",
-      "description": "Draggable carousel on an arc with inertia, snap, loop, wheel and keyboard (spencergabor.com).",
-      "files": [
-        "recipes/curved-carousel/create-curved-carousel.ts",
-        "recipes/curved-carousel/curved-carousel.css",
-        "recipes/curved-carousel/README.md"
-      ],
+      "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"],
       "react": "react/use-curved-carousel.ts",
       "since": "0.1.0"
     },
     "pile": {
       "kind": "recipe",
-      "description": "Project shown as a pile of rotated layers that scales in when visible (spencergabor.com grid).",
+      "description": "Pila de tarjetas giradas que crece al entrar en pantalla.",
       "files": ["recipes/pile/create-pile.ts", "recipes/pile/pile.css", "recipes/pile/README.md"],
       "react": "react/use-pile.ts",
       "since": "0.1.0"
     },
     "words": {
       "kind": "recipe",
-      "description": "Words or letters grow from the baseline with an elastic stagger (spencergabor.com headlines).",
+      "description": "Palabras o letras que crecen desde la base con entrada escalonada.",
       "files": ["recipes/words/create-words.ts", "recipes/words/README.md"],
       "react": "react/use-words.ts",
       "since": "0.1.0"
     },
     "flow": {
       "kind": "recipe",
-      "description": "Children drop in from above, blurred, staggered (Stepbro flowIn).",
+      "description": "Entrada escalonada con desplazamiento, desenfoque y opacidad.",
       "files": ["recipes/flow/create-flow.ts", "recipes/flow/README.md"],
       "react": "react/use-flow.ts",
       "since": "0.1.0"
     },
     "pop": {
       "kind": "recipe",
-      "description": "Single element pops in with an elastic scale.",
+      "description": "Aparición de un elemento mediante escala y rebote.",
       "files": ["recipes/pop/create-pop.ts", "recipes/pop/README.md"],
       "react": "react/use-pop.ts",
       "since": "0.1.0"
     },
     "fit-text": {
       "kind": "recipe",
-      "description": "One-line text sized to fill its parent's width.",
+      "description": "Texto de una línea que se ajusta al ancho de su contenedor.",
       "files": ["recipes/fit-text/create-fit-text.ts", "recipes/fit-text/fit-text.css", "recipes/fit-text/README.md"],
       "react": "react/use-fit-text.ts",
       "since": "0.1.0"
     },
     "stretch-footer": {
       "kind": "recipe",
-      "description": "Fixed footer revealed behind the page whose giant title stretches with the scroll (spencergabor.com).",
-      "files": [
-        "recipes/stretch-footer/create-stretch-footer.ts",
-        "recipes/stretch-footer/stretch-footer.css",
-        "recipes/stretch-footer/README.md"
-      ],
+      "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"],
       "react": "react/use-stretch-footer.ts",
       "since": "0.1.0"
     },
     "radial-menu": {
       "kind": "recipe",
-      "description": "Round toggle whose options fan out in an arc (spencergabor.com colour picker).",
+      "description": "Menú con opciones que se despliegan en arco alrededor de un botón.",
       "files": ["recipes/radial-menu/create-radial-menu.ts", "recipes/radial-menu/radial-menu.css", "recipes/radial-menu/README.md"],
       "react": "react/use-radial-menu.ts",
       "since": "0.1.0"
     },
     "pill": {
       "kind": "recipe",
-      "description": "Pill button and hover stretch with elastic CSS transitions.",
+      "description": "Botón píldora y enlaces con respuesta de escala al interactuar.",
       "files": ["recipes/pill/pill.css", "recipes/pill/README.md"],
       "since": "0.1.0"
     },
     "tabs": {
       "kind": "recipe",
-      "description": "Tabs whose indicator slides onto the selected tab on the signature curve (Stepbro PrettyTabs).",
+      "description": "Pestañas con indicador deslizante y navegación por teclado.",
       "files": ["recipes/tabs/create-tabs.ts", "recipes/tabs/tabs.css", "recipes/tabs/README.md"],
       "react": "react/use-tabs.ts",
       "since": "0.2.0"
     },
     "counter": {
       "kind": "recipe",
-      "description": "Number that counts to its value from the one shown (Stepbro animated number).",
+      "description": "Contador que anima los cambios de valor con formato configurable.",
       "files": ["recipes/counter/create-counter.ts", "recipes/counter/README.md"],
       "react": "react/use-counter.ts",
       "since": "0.2.0"
     },
     "details": {
       "kind": "recipe",
-      "description": "Disclosures that grow to their content and fade it in (Stepbro PrettyDetails).",
+      "description": "Paneles details con apertura y cierre animados.",
       "files": ["recipes/details/create-details.ts", "recipes/details/README.md"],
       "react": "react/use-details.ts",
       "since": "0.2.0"
     },
     "reveal": {
       "kind": "recipe",
-      "description": "A veil in the surface colour opens like a wave from a point (Stepbro reveal).",
+      "description": "Revelado de una superficie desde un punto o elemento.",
       "files": ["recipes/reveal/create-reveal.ts", "recipes/reveal/README.md"],
       "react": "react/use-reveal.ts",
       "since": "0.2.0"
     },
     "reflow": {
       "kind": "recipe",
-      "description": "List items travel to their new place on a spring; new ones grow in (Stepbro layout reflow).",
+      "description": "Transición de posición de elementos cuando cambia su distribución.",
       "files": ["recipes/reflow/create-reflow.ts", "recipes/reflow/README.md"],
       "react": "react/use-reflow.ts",
       "since": "0.2.0"
     },
     "slot-text": {
       "kind": "recipe",
-      "description": "Letters roll out and in when the text changes, with a slight tilt (Stepbro SlotText).",
+      "description": "Texto cuyas letras ruedan al cambiar su contenido.",
       "files": ["recipes/slot-text/create-slot-text.ts", "recipes/slot-text/slot-text.css", "recipes/slot-text/README.md"],
       "react": "react/use-slot-text.ts",
       "since": "0.2.0"
     },
     "sortable": {
       "kind": "recipe",
-      "description": "Drag to reorder (lists and kanban) with a tilting floating copy, neighbours that make room, auto-scroll and keyboard (Stepbro Tasks useDragReorder).",
+      "description": "Listas y kanban con reordenamiento por arrastre o teclado.",
       "files": ["recipes/sortable/create-sortable.ts", "recipes/sortable/sortable.css", "recipes/sortable/README.md"],
       "react": "react/use-sortable.ts",
       "since": "0.4.0"
     },
     "mask-text": {
       "kind": "recipe",
-      "description": "Text rising out of its mask by lines, words or letters when it scrolls into view, hiding again when it leaves (OFFFICE masked type).",
+      "description": "Texto que aparece desde una máscara por líneas, palabras o caracteres.",
       "files": ["recipes/mask-text/create-mask-text.ts", "recipes/mask-text/README.md"],
       "react": "react/use-mask-text.ts",
       "since": "0.6.0"
     },
     "cascade": {
       "kind": "recipe",
-      "description": "Rules, fades and rises entering one after another, 30 ms apart (Siena reveal group).",
+      "description": "Entrada escalonada de líneas, separadores y bloques.",
       "files": ["recipes/cascade/create-cascade.ts", "recipes/cascade/README.md"],
       "react": "react/use-cascade.ts",
       "since": "0.6.0"
     },
     "text-roll": {
       "kind": "recipe",
-      "description": "A title whose letters spin like a slot machine and settle on themselves (Siena slot title).",
+      "description": "Letras que giran como un rodillo y regresan a su posición.",
       "files": ["recipes/text-roll/create-text-roll.ts", "recipes/text-roll/text-roll.css", "recipes/text-roll/README.md"],
       "react": "react/use-text-roll.ts",
       "since": "0.6.0"
     },
     "letters": {
       "kind": "recipe",
-      "description": "Playful letters: springing up on hover or blinking in pastels (Dousan Miao hero).",
+      "description": "Letras que crecen al pasar el puntero o parpadean con una paleta.",
       "files": ["recipes/letters/create-letters.ts", "recipes/letters/README.md"],
       "react": "react/use-letters.ts",
       "since": "0.6.0"
     },
     "parallax": {
       "kind": "recipe",
-      "description": "A picture travelling and scaled inside its clipped frame as it crosses the screen (Siena).",
+      "description": "Imagen que se desplaza y escala dentro de su marco con el scroll.",
       "files": ["recipes/parallax/create-parallax.ts", "recipes/parallax/README.md"],
       "react": "react/use-parallax.ts",
       "since": "0.6.0"
     },
     "depth-grid": {
       "kind": "recipe",
-      "description": "Grid pictures arriving from far out and deep into the screen, assembled by the scroll (Siena About).",
+      "description": "Grid de imágenes que se reúne desde la profundidad con el scroll.",
       "files": ["recipes/depth-grid/create-depth-grid.ts", "recipes/depth-grid/README.md"],
       "react": "react/use-depth-grid.ts",
       "since": "0.6.0"
     },
     "frame-zoom": {
       "kind": "recipe",
-      "description": "A frame closing like a window as it leaves while the picture inside grows; open() fills it (Siena video mask).",
+      "description": "Marco e imagen que escalan en direcciones opuestas con el scroll.",
       "files": ["recipes/frame-zoom/create-frame-zoom.ts", "recipes/frame-zoom/README.md"],
       "react": "react/use-frame-zoom.ts",
       "since": "0.6.0"
     },
     "contrast": {
       "kind": "recipe",
-      "description": "Header tone from the section under the top 10 % of the screen (Siena).",
+      "description": "Cabecera que cambia de tono según la sección situada debajo.",
       "files": ["recipes/contrast/create-contrast.ts", "recipes/contrast/README.md"],
       "react": "react/use-contrast.ts",
       "since": "0.6.0"
     },
     "marquee": {
       "kind": "recipe",
-      "description": "Seamless infinite strip, horizontal or vertical, 2 s per item (Siena).",
+      "description": "Banda continua horizontal o vertical con copias decorativas.",
       "files": ["recipes/marquee/create-marquee.ts", "recipes/marquee/marquee.css", "recipes/marquee/README.md"],
       "react": "react/use-marquee.ts",
       "since": "0.6.0"
     },
     "card-dock": {
       "kind": "recipe",
-      "description": "iyo.ai's product dock: glass cards stacked behind the front one that spread out on hover, focus or a first tap, names sliding out.",
+      "description": "Tarjetas apiladas que se despliegan al señalar, enfocar o tocar.",
       "files": ["recipes/card-dock/create-card-dock.ts", "recipes/card-dock/card-dock.css", "recipes/card-dock/README.md"],
       "react": "react/use-card-dock.ts",
       "since": "0.7.0"
     },
     "snap-strip": {
       "kind": "recipe",
-      "description": "iyo.ai's phone cards: a native scroll-snap strip that moves on every 5 s while on screen and waits after a touch.",
+      "description": "Tira de tarjetas con scroll-snap, autoplay y pausa al interactuar.",
       "files": ["recipes/snap-strip/create-snap-strip.ts", "recipes/snap-strip/snap-strip.css", "recipes/snap-strip/README.md"],
       "react": "react/use-snap-strip.ts",
       "since": "0.7.0"
     },
     "fill-text": {
       "kind": "recipe",
-      "description": "iyo.ai's fill-text: letters go from 20 % to full one after another as the text scrolls up.",
+      "description": "Texto que se rellena progresivamente con el scroll.",
       "files": ["recipes/fill-text/create-fill-text.ts", "recipes/fill-text/README.md"],
       "react": "react/use-fill-text.ts",
       "since": "0.7.0"
     },
     "particle-hero": {
       "kind": "recipe",
-      "description": "iyo.ai's particle hero (motion-kit/gl): GPU points settling on shifting Chladni patterns and drawing words, pushed by the pointer; Canvas2D fallback.",
-      "files": [
-        "gl/particle-hero/create-particle-hero.ts",
-        "gl/particle-hero/shaders.ts",
-        "gl/particle-hero/particle-hero.css",
-        "gl/particle-hero/README.md"
-      ],
+      "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"],
       "react": "react/use-particle-hero.ts",
       "since": "0.7.0"
     },
     "ticket-menu": {
       "kind": "recipe",
-      "description": "Menú boleto de Siena sobre menu: recorte, filas escalonadas, teclado y foco.",
-      "files": [
-        "recipes/ticket-menu/create-ticket-menu.ts",
-        "recipes/ticket-menu/README.md"
-      ],
+      "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"],
       "react": "react/use-ticket-menu.ts",
       "requires": [
         "menu"
@@ -239,146 +223,83 @@
     },
     "infinite-reel": {
       "kind": "recipe",
-      "description": "Reel infinito horizontal o vertical con rueda, arrastre e inercia (Siena).",
-      "files": [
-        "recipes/infinite-reel/create-infinite-reel.ts",
-        "recipes/infinite-reel/infinite-reel.css",
-        "recipes/infinite-reel/README.md"
-      ],
+      "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"],
       "react": "react/use-infinite-reel.ts",
       "since": "0.8.0"
     },
     "repel-bento": {
       "kind": "recipe",
-      "description": "Bento con entrada spring y repulsión de tarjetas vecinas (Dousan).",
-      "files": [
-        "recipes/repel-bento/create-repel-bento.ts",
-        "recipes/repel-bento/repel-bento.css",
-        "recipes/repel-bento/README.md"
-      ],
+      "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"],
       "react": "react/use-repel-bento.ts",
       "since": "0.8.0"
     },
     "rotator": {
       "kind": "recipe",
-      "description": "Rotador de testimonios con autoplay, pausa al enfocar y controles manuales (Dousan).",
-      "files": [
-        "recipes/rotator/create-rotator.ts",
-        "recipes/rotator/rotator.css",
-        "recipes/rotator/README.md"
-      ],
+      "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"],
       "react": "react/use-rotator.ts",
       "since": "0.8.0"
     },
     "drag-ruler": {
       "kind": "recipe",
-      "description": "Regla numérica arrastrable de 60 px por unidad, paso y teclado (Dousan).",
-      "files": [
-        "recipes/drag-ruler/create-drag-ruler.ts",
-        "recipes/drag-ruler/drag-ruler.css",
-        "recipes/drag-ruler/README.md"
-      ],
+      "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"],
       "react": "react/use-drag-ruler.ts",
       "since": "0.8.0"
     },
     "dock-pill": {
       "kind": "recipe",
-      "description": "Indicador spring que sigue la opción activa de un dock (Dousan).",
-      "files": [
-        "recipes/dock-pill/create-dock-pill.ts",
-        "recipes/dock-pill/dock-pill.css",
-        "recipes/dock-pill/README.md"
-      ],
+      "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"],
       "react": "react/use-dock-pill.ts",
       "since": "0.8.0"
     },
     "liquid-blend": {
       "kind": "recipe",
-      "description": "Mezcla de dos texturas con deformación UV (OFFFICE, adaptación).",
-      "files": [
-        "gl/liquid-blend/create-liquid-blend.ts",
-        "gl/liquid-blend/shader.ts",
-        "gl/shared/shader.css",
-        "gl/liquid-blend/README.md"
-      ],
+      "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"],
       "react": "react/use-liquid-blend.ts",
       "since": "0.9.0"
     },
     "matcap": {
       "kind": "recipe",
-      "description": "Superficie esférica iluminada con matcap y hemisferio (OFFFICE, adaptación).",
-      "files": [
-        "gl/matcap/create-matcap.ts",
-        "gl/matcap/shader.ts",
-        "gl/shared/shader.css",
-        "gl/matcap/README.md"
-      ],
+      "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"],
       "react": "react/use-matcap.ts",
       "since": "0.9.0"
     },
     "shader-grain": {
       "kind": "recipe",
-      "description": "Grano de película animado por shader, intensidad .07 (Siena).",
-      "files": [
-        "gl/shader-grain/create-shader-grain.ts",
-        "gl/shader-grain/shader.ts",
-        "gl/shared/shader.css",
-        "gl/shader-grain/README.md"
-      ],
+      "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"],
       "react": "react/use-shader-grain.ts",
       "since": "0.9.0"
     },
     "shader-blur": {
       "kind": "recipe",
-      "description": "Desenfoque direccional de siete muestras por shader (Siena).",
-      "files": [
-        "gl/shader-blur/create-shader-blur.ts",
-        "gl/shader-blur/shader.ts",
-        "gl/shared/shader.css",
-        "gl/shader-blur/README.md"
-      ],
+      "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"],
       "react": "react/use-shader-blur.ts",
       "since": "0.9.0"
     },
     "controls": {
       "kind": "controls",
-      "description": "CSS-only controls in the Stepbro line: button (rolling label, press squash), field, switch, checkbox, chip, segmented, icon, burger; Dousan's glass.",
-      "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"
-      ],
+      "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/status.css", "css/controls/README.md"],
       "since": "0.2.0"
     },
     "effects": {
       "kind": "effects",
-      "description": "Stepbro's utility animations (exits, shake, highlight, loading sweeps, gradient text), Dousan's progressive frost, floating, film grain and success confetti, Siena's edge fades; animate() and leave() replay them.",
-      "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"
-      ],
+      "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"],
       "react": "react/frost.tsx",
       "since": "0.5.0"
     },
     "theme-picker": {
       "kind": "component",
-      "description": "Stepbro theme picker: colour balls that pop in and morph into a rounded square when chosen; applies the theme.",
+      "description": "Selector de temas con muestras de color y selección animada.",
       "files": ["components/theme-picker/engine.ts", "components/theme-picker/theme-picker.css", "components/theme-picker/README.md"],
       "element": "components/theme-picker/element.ts",
       "react": "components/theme-picker/react.tsx",
@@ -386,7 +307,7 @@
     },
     "dialog": {
       "kind": "component",
-      "description": "Stepbro dialog on native <dialog>: grows out of its button (morph or liquid), shared items, auto-resize, drag to dismiss, floating window.",
+      "description": "Diálogo con apertura desde un botón, variantes morph, liquid y sheet, y gestos.",
       "files": ["components/dialog/engine.ts", "components/dialog/dialog.css", "components/dialog/README.md"],
       "element": "components/dialog/element.ts",
       "react": "components/dialog/react.tsx",
@@ -394,16 +315,18 @@
     },
     "menu": {
       "kind": "component",
-      "description": "Stepbro options menu: translucent anchored panel that grows out of its button; options cascade in.",
+      "description": "Menú de opciones anclado a un botón, con entrada escalonada y teclado.",
       "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": {
       "kind": "component",
-      "description": "Stepbro toast deck: stack that opens on hover, grows out of its button, letters rise, swipe to dismiss.",
+      "description": "Pila de notificaciones con apertura desde un botón y gestos para descartar.",
       "files": ["components/toast/engine.ts", "components/toast/store.ts", "components/toast/toast.css", "components/toast/README.md"],
       "element": "components/toast/element.ts",
       "react": "components/toast/react.tsx",
@@ -411,29 +334,26 @@
     },
     "chat-background": {
       "kind": "component",
-      "description": "Stepbro chat background: two orbiting blobs and a grain; energy (microphone, busy) speeds and grows them.",
-      "files": [
-        "components/chat-background/engine.ts",
-        "components/chat-background/audio.ts",
-        "components/chat-background/chat-background.css",
-        "components/chat-background/README.md"
-      ],
+      "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"],
       "element": "components/chat-background/element.ts",
       "react": "components/chat-background/react.tsx",
       "since": "0.4.0"
     },
     "chat": {
       "kind": "component",
-      "description": "Stepbro chat: glass bubbles that grow from their side with rising words, a delayed \"Pensando…\" that morphs into the reply, a composer that grows.",
+      "description": "Chat con burbujas animadas, estado de espera y campo de entrada adaptable.",
       "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": {
       "kind": "component",
-      "description": "Stepbro navigation: seven desktop styles (Clásica, Bonita, Dock, Guapa, Tasks, Melon, Tunnel), one glass bar on phones, app shell.",
+      "description": "Navegación con siete estilos de escritorio y una barra de cristal en móvil.",
       "files": ["components/nav/engine.ts", "components/nav/nav.css", "components/nav/README.md"],
       "element": "components/nav/element.ts",
       "react": "components/nav/react.tsx",
@@ -441,29 +361,183 @@
     },
     "steps": {
       "kind": "component",
-      "description": "Stepbro onboarding: one step at a time, items flow out and in, the counter rolls, the background works while busy.",
+      "description": "Flujo por pasos con transiciones, contador, foco y estado ocupado.",
       "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": {
       "kind": "component",
-      "description": "Two cursors: Dousan's glass chip that follows the pointer over [data-mk-cursor], and Siena's dot that replaces it inside a zone.",
+      "description": "Cursor de cristal con texto o círculo que sigue al puntero en una zona.",
       "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": {
       "kind": "component",
-      "description": "iyo.ai's floating navbar: a frosted glass pill that grows into a panel (grid rows), darkens the page and staggers its rows; menu and cart share the shell.",
+      "description": "Barra flotante de cristal que se expande en paneles de menú y carrito.",
       "files": ["components/island/engine.ts", "components/island/island.css", "components/island/README.md"],
       "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 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"
     }
   }
 }