@yewdiel21/motion-kit 0.16.0 → 0.18.0

package/dist/{reduced-DQwVXQYb.d.ts → reduced-dPsZYqtI.d.ts}

@@ -1,4 +1,4 @@
-import { bY as MenuOptions, bX as MenuInstance, bd as DialogOptions, bb as DialogInstance, cv as RevealSpeed } from './reveal-DRpNO4KP.js';
+import { ct as MenuOptions, cs as MenuInstance, bB as DialogOptions, bz as DialogInstance, df as RevealSpeed } from './engine-t8d7brjn.js';
 import { I as Instance } from './types-BkS_raL8.js';
 import { SplitText } from 'gsap/SplitText';
 

package/dist/{store-Da3zSh8Z.d.ts → store-6hZNKiee.d.ts}

@@ -1,6 +1,6 @@
 import { I as Instance } from './types-BkS_raL8.js';
 import { Flip } from 'gsap/Flip';
-import { a3 as RevealHandle, a4 as DateInput } from './reveal-DRpNO4KP.js';
+import { an as RevealHandle, ao as DateInput } from './engine-t8d7brjn.js';
 
 interface ThemePickerOptions {
     /** Theme ids to show, in order. Default: visible presets, or all with showHidden. */

package/package.json

@@ -1,110 +1,110 @@
-{
-  "name": "@yewdiel21/motion-kit",
-  "version": "0.16.0",
-  "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
-  "type": "module",
-  "license": "UNLICENSED",
-  "homepage": "https://motion-kit-playground.vercel.app",
-  "bugs": {
-    "url": "https://github.com/YewdielMartinez/motion-kit/issues"
-  },
-  "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
-    "directory": "packages/motion-kit"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js"
-    },
-    "./auto": {
-      "types": "./dist/auto/index.d.ts",
-      "import": "./dist/auto/index.js"
-    },
-    "./elements": {
-      "types": "./dist/elements/index.d.ts",
-      "import": "./dist/elements/index.js"
-    },
-    "./theme": {
-      "types": "./dist/theme/index.d.ts",
-      "import": "./dist/theme/index.js"
-    },
-    "./theme/generate": {
-      "types": "./dist/theme/generate.d.ts",
-      "import": "./dist/theme/generate.js"
-    },
-    "./gl": {
-      "types": "./dist/gl/index.d.ts",
-      "import": "./dist/gl/index.js"
-    },
-    "./css": {
-      "types": "./css.d.ts",
-      "default": "./dist/index.css"
-    },
-    "./css/*": {
-      "types": "./css.d.ts",
-      "default": "./dist/css/*.css"
-    },
-    "./package.json": "./package.json",
-    "./registry.json": "./registry.json"
-  },
-  "bin": {
-    "motion-kit": "bin/motion-kit.mjs"
-  },
-  "files": [
-    "dist",
-    "src",
-    "registry.json",
-    "bin",
-    "skills",
-    "NOTICE",
-    "css.d.ts"
-  ],
-  "scripts": {
-    "build": "tsup && node scripts/build-css.mjs",
-    "prepack": "pnpm run build",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "gsap": ">=3.13.0",
-    "react": ">=18",
-    "@material/material-color-utilities": "^0.3.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "@material/material-color-utilities": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "devDependencies": {
-    "@material/material-color-utilities": "^0.3.0",
-    "@testing-library/dom": "^10.4.2",
-    "@testing-library/react": "^16.3.3",
-    "@types/node": "^24.19.2",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
-    "gsap": "3.14.2",
-    "jsdom": "^30.1.3",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "tsup": "^8.5.1",
-    "typescript": "5.9.3",
-    "vitest": "4.1.11"
-  }
-}
+{
+  "name": "@yewdiel21/motion-kit",
+  "version": "0.18.0",
+  "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
+  "type": "module",
+  "license": "UNLICENSED",
+  "homepage": "https://motion-kit-playground.vercel.app",
+  "bugs": {
+    "url": "https://github.com/YewdielMartinez/motion-kit/issues"
+  },
+  "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
+    "directory": "packages/motion-kit"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./auto": {
+      "types": "./dist/auto/index.d.ts",
+      "import": "./dist/auto/index.js"
+    },
+    "./elements": {
+      "types": "./dist/elements/index.d.ts",
+      "import": "./dist/elements/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js"
+    },
+    "./theme/generate": {
+      "types": "./dist/theme/generate.d.ts",
+      "import": "./dist/theme/generate.js"
+    },
+    "./gl": {
+      "types": "./dist/gl/index.d.ts",
+      "import": "./dist/gl/index.js"
+    },
+    "./css": {
+      "types": "./css.d.ts",
+      "default": "./dist/index.css"
+    },
+    "./css/*": {
+      "types": "./css.d.ts",
+      "default": "./dist/css/*.css"
+    },
+    "./package.json": "./package.json",
+    "./registry.json": "./registry.json"
+  },
+  "bin": {
+    "motion-kit": "bin/motion-kit.mjs"
+  },
+  "files": [
+    "dist",
+    "src",
+    "registry.json",
+    "bin",
+    "skills",
+    "NOTICE",
+    "css.d.ts"
+  ],
+  "scripts": {
+    "build": "tsup && node scripts/build-css.mjs",
+    "prepack": "pnpm run build",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "gsap": ">=3.13.0",
+    "react": ">=18",
+    "@material/material-color-utilities": "^0.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "@material/material-color-utilities": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@material/material-color-utilities": "^0.3.0",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@types/node": "^24.19.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "gsap": "3.14.2",
+    "jsdom": "^30.1.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "5.9.3",
+    "vitest": "4.1.11"
+  }
+}

package/registry.json

@@ -1091,6 +1091,250 @@
       "element": "components/orbit-menu/element.ts",
       "react": "components/orbit-menu/react.tsx",
       "since": "0.15.0"
+    },
+    "signature-pad": {
+      "kind": "component",
+      "description": "Firma vectorial con dibujo por puntero, deshacer, rehacer y exportación SVG/PNG.",
+      "files": [
+        "components/signature-pad/engine.ts",
+        "components/signature-pad/signature-pad.css",
+        "components/signature-pad/README.md"
+      ],
+      "element": "components/signature-pad/element.ts",
+      "react": "components/signature-pad/react.tsx",
+      "since": "0.17.0"
+    },
+    "waveform-player": {
+      "kind": "component",
+      "description": "Reproductor de audio con waveform, búsqueda de posición, velocidad y estados de carga.",
+      "files": [
+        "components/waveform-player/engine.ts",
+        "components/waveform-player/waveform-player.css",
+        "components/waveform-player/README.md"
+      ],
+      "element": "components/waveform-player/element.ts",
+      "react": "components/waveform-player/react.tsx",
+      "since": "0.17.0"
+    },
+    "voice-message-bubble": {
+      "kind": "component",
+      "description": "Mensaje de voz entrante o saliente con waveform reproducible, autor y estado.",
+      "files": [
+        "components/waveform-player/waveform-player.css",
+        "components/voice-message-bubble/engine.ts",
+        "components/voice-message-bubble/voice-message-bubble.css",
+        "components/voice-message-bubble/README.md"
+      ],
+      "element": "components/voice-message-bubble/element.ts",
+      "react": "components/voice-message-bubble/react.tsx",
+      "since": "0.17.0",
+      "requires": [
+        "waveform-player"
+      ]
+    },
+    "drilldown-menu": {
+      "kind": "component",
+      "description": "Menú jerárquico con transiciones entre niveles, regreso y navegación por teclado.",
+      "files": [
+        "components/drilldown-menu/engine.ts",
+        "components/drilldown-menu/drilldown-menu.css",
+        "components/drilldown-menu/README.md"
+      ],
+      "element": "components/drilldown-menu/element.ts",
+      "react": "components/drilldown-menu/react.tsx",
+      "since": "0.17.0"
+    },
+    "wheel-picker": {
+      "kind": "component",
+      "description": "Selector de rueda con inercia táctil, arrastre, teclado y envío de formularios.",
+      "files": [
+        "components/wheel-picker/engine.ts",
+        "components/wheel-picker/wheel-picker.css",
+        "components/wheel-picker/README.md"
+      ],
+      "element": "components/wheel-picker/element.ts",
+      "react": "components/wheel-picker/react.tsx",
+      "since": "0.17.0"
+    },
+    "stepper": {
+      "kind": "component",
+      "description": "Indicadores de pasos horizontales, verticales, compactos y por puntos con progreso animado.",
+      "files": [
+        "components/stepper/engine.ts",
+        "components/stepper/stepper.css",
+        "components/stepper/README.md"
+      ],
+      "react": "components/stepper/react.tsx",
+      "element": "components/stepper/element.ts",
+      "since": "0.18.0"
+    },
+    "radio-group": {
+      "kind": "component",
+      "description": "Selección única con radios nativos, tarjetas o píldoras y resaltado elástico.",
+      "files": [
+        "components/radio-group/engine.ts",
+        "components/radio-group/radio-group.css",
+        "components/radio-group/README.md"
+      ],
+      "react": "components/radio-group/react.tsx",
+      "element": "components/radio-group/element.ts",
+      "since": "0.18.0"
+    },
+    "equalizer-slider": {
+      "kind": "component",
+      "description": "Control numérico de volumen con barras tipo ecualizador, respuesta al arrastre y cifras animadas.",
+      "files": [
+        "components/equalizer-slider/engine.ts",
+        "components/equalizer-slider/equalizer-slider.css",
+        "components/equalizer-slider/README.md"
+      ],
+      "react": "components/equalizer-slider/react.tsx",
+      "element": "components/equalizer-slider/element.ts",
+      "since": "0.18.0"
+    },
+    "temperature-slider": {
+      "kind": "component",
+      "description": "Temperatura con control nativo, transiciones de estado y cifra que rueda.",
+      "files": [
+        "components/temperature-slider/engine.ts",
+        "components/temperature-slider/temperature-slider.css",
+        "components/temperature-slider/README.md"
+      ],
+      "react": "components/temperature-slider/react.tsx",
+      "element": "components/temperature-slider/element.ts",
+      "since": "0.18.0"
+    },
+    "rating-scale": {
+      "kind": "component",
+      "description": "Escala de valoración numérica o de satisfacción con radios accesibles y selección animada.",
+      "files": [
+        "components/rating-scale/engine.ts",
+        "components/rating-scale/rating-scale.css",
+        "components/rating-scale/README.md"
+      ],
+      "react": "components/rating-scale/react.tsx",
+      "element": "components/rating-scale/element.ts",
+      "since": "0.18.0"
+    },
+    "notification-stack": {
+      "kind": "component",
+      "description": "Notificaciones superpuestas que se expanden, permiten acciones y se descartan con movimiento.",
+      "files": [
+        "components/notification-stack/engine.ts",
+        "components/notification-stack/notification-stack.css",
+        "components/notification-stack/README.md"
+      ],
+      "react": "components/notification-stack/react.tsx",
+      "element": "components/notification-stack/element.ts",
+      "since": "0.18.0"
+    },
+    "bento-grid": {
+      "kind": "component",
+      "description": "Grid adaptable con spans, filtros y reordenamiento animado mediante Flip.",
+      "files": [
+        "components/bento-grid/engine.ts",
+        "components/bento-grid/bento-grid.css",
+        "components/bento-grid/README.md"
+      ],
+      "react": "components/bento-grid/react.tsx",
+      "element": "components/bento-grid/element.ts",
+      "since": "0.18.0"
+    },
+    "scroll-preview-dock": {
+      "kind": "component",
+      "description": "Dock de navegación con vistas previas de secciones y seguimiento del scroll.",
+      "files": [
+        "components/scroll-preview-dock/engine.ts",
+        "components/scroll-preview-dock/scroll-preview-dock.css",
+        "components/scroll-preview-dock/README.md"
+      ],
+      "react": "components/scroll-preview-dock/react.tsx",
+      "element": "components/scroll-preview-dock/element.ts",
+      "since": "0.18.0"
+    },
+    "sticky-header": {
+      "kind": "component",
+      "description": "Cabecera que se compacta al desplazar sin cambiar el espacio del contenido.",
+      "files": [
+        "components/sticky-header/engine.ts",
+        "components/sticky-header/sticky-header.css",
+        "components/sticky-header/README.md"
+      ],
+      "react": "components/sticky-header/react.tsx",
+      "element": "components/sticky-header/element.ts",
+      "since": "0.18.0"
+    },
+    "handwriting-text": {
+      "kind": "component",
+      "description": "Texto trazado con glifos vectoriales originales, animación de escritura y repetición.",
+      "files": [
+        "components/handwriting-text/engine.ts",
+        "components/handwriting-text/handwriting-text.css",
+        "components/handwriting-text/README.md"
+      ],
+      "react": "components/handwriting-text/react.tsx",
+      "element": "components/handwriting-text/element.ts",
+      "since": "0.18.0"
+    },
+    "particle-button": {
+      "kind": "component",
+      "description": "Botón con pulsación elástica y partículas al completar una acción.",
+      "files": [
+        "components/particle-button/engine.ts",
+        "components/particle-button/particle-button.css",
+        "components/particle-button/README.md"
+      ],
+      "react": "components/particle-button/react.tsx",
+      "element": "components/particle-button/element.ts",
+      "since": "0.18.0"
+    },
+    "magnetize-button": {
+      "kind": "component",
+      "description": "Botón que atrae partículas al señalar o enfocar y las libera al salir.",
+      "files": [
+        "components/magnetize-button/engine.ts",
+        "components/magnetize-button/magnetize-button.css",
+        "components/magnetize-button/README.md"
+      ],
+      "react": "components/magnetize-button/react.tsx",
+      "element": "components/magnetize-button/element.ts",
+      "since": "0.18.0"
+    },
+    "badge-button": {
+      "kind": "component",
+      "description": "Botón con insignia, contador que rueda y respuesta al añadir o quitar.",
+      "files": [
+        "components/badge-button/engine.ts",
+        "components/badge-button/badge-button.css",
+        "components/badge-button/README.md"
+      ],
+      "react": "components/badge-button/react.tsx",
+      "element": "components/badge-button/element.ts",
+      "since": "0.18.0"
+    },
+    "morphing-page-dots": {
+      "kind": "component",
+      "description": "Paginación de carrusel con indicador que se estira entre páginas y teclado.",
+      "files": [
+        "components/morphing-page-dots/engine.ts",
+        "components/morphing-page-dots/morphing-page-dots.css",
+        "components/morphing-page-dots/README.md"
+      ],
+      "react": "components/morphing-page-dots/react.tsx",
+      "element": "components/morphing-page-dots/element.ts",
+      "since": "0.18.0"
+    },
+    "not-found": {
+      "kind": "component",
+      "description": "Estado 404 reutilizable con ilustración animada, regreso y enlace al inicio.",
+      "files": [
+        "components/not-found/engine.ts",
+        "components/not-found/not-found.css",
+        "components/not-found/README.md"
+      ],
+      "react": "components/not-found/react.tsx",
+      "element": "components/not-found/element.ts",
+      "since": "0.18.0"
     }
   }
 }