@yewdiel21/motion-kit 0.9.1 → 0.10.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,156 @@
       "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"
     }
   }
 }