@yewdiel21/motion-kit 0.15.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/README.md +25 -0
  2. package/dist/auto/index.d.ts +8 -3
  3. package/dist/auto/index.js +13 -3
  4. package/dist/auto/index.js.map +1 -1
  5. package/dist/{chunk-A6QQCF6V.js → chunk-7IQTMF7Y.js} +1542 -54
  6. package/dist/chunk-7IQTMF7Y.js.map +1 -0
  7. package/dist/{chunk-6IRJYXJU.js → chunk-BZLMCHUD.js} +2 -2
  8. package/dist/{chunk-JXRS3OEA.js → chunk-VJFPTLAK.js} +29 -7
  9. package/dist/chunk-VJFPTLAK.js.map +1 -0
  10. package/dist/css/components/chart.css +7 -0
  11. package/dist/css/components/drilldown-menu.css +130 -0
  12. package/dist/css/components/heatmap-chart.css +7 -0
  13. package/dist/css/components/pie-chart.css +7 -0
  14. package/dist/css/components/radar-chart.css +7 -0
  15. package/dist/css/components/radial-chart.css +16 -2
  16. package/dist/css/components/sankey-chart.css +7 -0
  17. package/dist/css/components/scroll-island.css +3 -0
  18. package/dist/css/components/signature-pad.css +104 -0
  19. package/dist/css/components/voice-message-bubble.css +50 -0
  20. package/dist/css/components/waveform-player.css +36 -0
  21. package/dist/css/components/wheel-picker.css +17 -0
  22. package/dist/elements/index.d.ts +90 -4
  23. package/dist/elements/index.js +290 -8
  24. package/dist/elements/index.js.map +1 -1
  25. package/dist/{reveal-BfyKKsw4.d.ts → engine-Bn6hC87X.d.ts} +206 -1
  26. package/dist/index.css +324 -2
  27. package/dist/index.d.ts +3 -3
  28. package/dist/index.js +13 -3
  29. package/dist/index.js.map +1 -1
  30. package/dist/react/index.d.ts +48 -10
  31. package/dist/react/index.js +240 -10
  32. package/dist/react/index.js.map +1 -1
  33. package/dist/{reduced-6X_bns60.d.ts → reduced-YS6TZjpa.d.ts} +1 -1
  34. package/dist/{store-CA2Qcun_.d.ts → store-CZ6vdtIE.d.ts} +5 -1
  35. package/package.json +110 -110
  36. package/registry.json +64 -0
  37. package/src/auto/auto-init.ts +308 -293
  38. package/src/components/add-to-cart/README.md +49 -34
  39. package/src/components/add-to-cart/react.tsx +4 -0
  40. package/src/components/chart/README.md +49 -34
  41. package/src/components/chart/chart.css +7 -0
  42. package/src/components/chart/element.ts +2 -1
  43. package/src/components/chart/engine.ts +105 -13
  44. package/src/components/chart/react.tsx +2 -2
  45. package/src/components/drilldown-menu/README.md +163 -0
  46. package/src/components/drilldown-menu/drilldown-menu.css +129 -0
  47. package/src/components/drilldown-menu/element.ts +59 -0
  48. package/src/components/drilldown-menu/engine.ts +338 -0
  49. package/src/components/drilldown-menu/react.tsx +76 -0
  50. package/src/components/radial-chart/README.md +10 -0
  51. package/src/components/radial-chart/element.ts +2 -2
  52. package/src/components/radial-chart/engine.ts +33 -6
  53. package/src/components/radial-chart/radial-chart.css +9 -2
  54. package/src/components/radial-chart/react.tsx +2 -2
  55. package/src/components/scroll-island/README.md +44 -34
  56. package/src/components/scroll-island/element.ts +1 -1
  57. package/src/components/scroll-island/engine.ts +25 -3
  58. package/src/components/scroll-island/react.tsx +3 -3
  59. package/src/components/scroll-island/scroll-island.css +3 -0
  60. package/src/components/signature-pad/README.md +97 -0
  61. package/src/components/signature-pad/element.ts +57 -0
  62. package/src/components/signature-pad/engine.ts +437 -0
  63. package/src/components/signature-pad/react.tsx +56 -0
  64. package/src/components/signature-pad/signature-pad.css +103 -0
  65. package/src/components/voice-message-bubble/README.md +31 -0
  66. package/src/components/voice-message-bubble/element.ts +20 -0
  67. package/src/components/voice-message-bubble/engine.ts +68 -0
  68. package/src/components/voice-message-bubble/react.tsx +27 -0
  69. package/src/components/voice-message-bubble/voice-message-bubble.css +12 -0
  70. package/src/components/waveform-player/README.md +30 -0
  71. package/src/components/waveform-player/element.ts +21 -0
  72. package/src/components/waveform-player/engine.ts +261 -0
  73. package/src/components/waveform-player/react.tsx +27 -0
  74. package/src/components/waveform-player/waveform-player.css +35 -0
  75. package/src/components/wheel-picker/README.md +33 -0
  76. package/src/components/wheel-picker/element.ts +18 -0
  77. package/src/components/wheel-picker/engine.ts +210 -0
  78. package/src/components/wheel-picker/react.tsx +32 -0
  79. package/src/components/wheel-picker/wheel-picker.css +16 -0
  80. package/src/elements/index.ts +273 -258
  81. package/src/index.ts +295 -290
  82. package/src/react/index.ts +176 -171
  83. package/dist/chunk-A6QQCF6V.js.map +0 -1
  84. package/dist/chunk-JXRS3OEA.js.map +0 -1
  85. /package/dist/{chunk-6IRJYXJU.js.map → chunk-BZLMCHUD.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import { bY as MenuOptions, bX as MenuInstance, bd as DialogOptions, bb as DialogInstance, cv as RevealSpeed } from './reveal-BfyKKsw4.js';
1
+ import { c4 as MenuOptions, c3 as MenuInstance, bi as DialogOptions, bg as DialogInstance, cD as RevealSpeed } from './engine-Bn6hC87X.js';
2
2
  import { I as Instance } from './types-BkS_raL8.js';
3
3
  import { SplitText } from 'gsap/SplitText';
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { I as Instance } from './types-BkS_raL8.js';
2
2
  import { Flip } from 'gsap/Flip';
3
- import { a3 as RevealHandle, a4 as DateInput } from './reveal-BfyKKsw4.js';
3
+ import { a8 as RevealHandle, a9 as DateInput } from './engine-Bn6hC87X.js';
4
4
 
5
5
  interface ThemePickerOptions {
6
6
  /** Theme ids to show, in order. Default: visible presets, or all with showHidden. */
@@ -301,6 +301,10 @@ interface RadialChartOptions {
301
301
  size?: number;
302
302
  /** Ring thickness in px (default: what fits, up to 16). */
303
303
  thickness?: number;
304
+ /** Discrete sectors per ring (0: continuous, default). */
305
+ segments?: number;
306
+ /** Show values (default) or progress toward the goals in the middle. */
307
+ center?: 'value' | 'percent';
304
308
  label?: string;
305
309
  /** The middle when nothing is chosen (default 'Total'). */
306
310
  totalLabel?: string;
package/package.json CHANGED
@@ -1,110 +1,110 @@
1
- {
2
- "name": "@yewdiel21/motion-kit",
3
- "version": "0.15.0",
4
- "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
5
- "type": "module",
6
- "license": "UNLICENSED",
7
- "homepage": "https://motion-kit-playground.vercel.app",
8
- "bugs": {
9
- "url": "https://github.com/YewdielMartinez/motion-kit/issues"
10
- },
11
- "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
12
- "repository": {
13
- "type": "git",
14
- "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
15
- "directory": "packages/motion-kit"
16
- },
17
- "sideEffects": [
18
- "**/*.css"
19
- ],
20
- "exports": {
21
- ".": {
22
- "types": "./dist/index.d.ts",
23
- "import": "./dist/index.js"
24
- },
25
- "./react": {
26
- "types": "./dist/react/index.d.ts",
27
- "import": "./dist/react/index.js"
28
- },
29
- "./auto": {
30
- "types": "./dist/auto/index.d.ts",
31
- "import": "./dist/auto/index.js"
32
- },
33
- "./elements": {
34
- "types": "./dist/elements/index.d.ts",
35
- "import": "./dist/elements/index.js"
36
- },
37
- "./theme": {
38
- "types": "./dist/theme/index.d.ts",
39
- "import": "./dist/theme/index.js"
40
- },
41
- "./theme/generate": {
42
- "types": "./dist/theme/generate.d.ts",
43
- "import": "./dist/theme/generate.js"
44
- },
45
- "./gl": {
46
- "types": "./dist/gl/index.d.ts",
47
- "import": "./dist/gl/index.js"
48
- },
49
- "./css": {
50
- "types": "./css.d.ts",
51
- "default": "./dist/index.css"
52
- },
53
- "./css/*": {
54
- "types": "./css.d.ts",
55
- "default": "./dist/css/*.css"
56
- },
57
- "./package.json": "./package.json",
58
- "./registry.json": "./registry.json"
59
- },
60
- "bin": {
61
- "motion-kit": "bin/motion-kit.mjs"
62
- },
63
- "files": [
64
- "dist",
65
- "src",
66
- "registry.json",
67
- "bin",
68
- "skills",
69
- "NOTICE",
70
- "css.d.ts"
71
- ],
72
- "scripts": {
73
- "build": "tsup && node scripts/build-css.mjs",
74
- "prepack": "pnpm run build",
75
- "test": "vitest run",
76
- "typecheck": "tsc --noEmit"
77
- },
78
- "peerDependencies": {
79
- "gsap": ">=3.13.0",
80
- "react": ">=18",
81
- "@material/material-color-utilities": "^0.3.0"
82
- },
83
- "peerDependenciesMeta": {
84
- "react": {
85
- "optional": true
86
- },
87
- "@material/material-color-utilities": {
88
- "optional": true
89
- }
90
- },
91
- "publishConfig": {
92
- "registry": "https://registry.npmjs.org/",
93
- "access": "public"
94
- },
95
- "devDependencies": {
96
- "@material/material-color-utilities": "^0.3.0",
97
- "@testing-library/dom": "^10.4.2",
98
- "@testing-library/react": "^16.3.3",
99
- "@types/node": "^24.19.2",
100
- "@types/react": "19.2.14",
101
- "@types/react-dom": "19.2.3",
102
- "gsap": "3.14.2",
103
- "jsdom": "^30.1.3",
104
- "react": "19.2.4",
105
- "react-dom": "19.2.4",
106
- "tsup": "^8.5.1",
107
- "typescript": "5.9.3",
108
- "vitest": "4.1.11"
109
- }
110
- }
1
+ {
2
+ "name": "@yewdiel21/motion-kit",
3
+ "version": "0.17.0",
4
+ "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
5
+ "type": "module",
6
+ "license": "UNLICENSED",
7
+ "homepage": "https://motion-kit-playground.vercel.app",
8
+ "bugs": {
9
+ "url": "https://github.com/YewdielMartinez/motion-kit/issues"
10
+ },
11
+ "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
15
+ "directory": "packages/motion-kit"
16
+ },
17
+ "sideEffects": [
18
+ "**/*.css"
19
+ ],
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/index.d.ts",
23
+ "import": "./dist/index.js"
24
+ },
25
+ "./react": {
26
+ "types": "./dist/react/index.d.ts",
27
+ "import": "./dist/react/index.js"
28
+ },
29
+ "./auto": {
30
+ "types": "./dist/auto/index.d.ts",
31
+ "import": "./dist/auto/index.js"
32
+ },
33
+ "./elements": {
34
+ "types": "./dist/elements/index.d.ts",
35
+ "import": "./dist/elements/index.js"
36
+ },
37
+ "./theme": {
38
+ "types": "./dist/theme/index.d.ts",
39
+ "import": "./dist/theme/index.js"
40
+ },
41
+ "./theme/generate": {
42
+ "types": "./dist/theme/generate.d.ts",
43
+ "import": "./dist/theme/generate.js"
44
+ },
45
+ "./gl": {
46
+ "types": "./dist/gl/index.d.ts",
47
+ "import": "./dist/gl/index.js"
48
+ },
49
+ "./css": {
50
+ "types": "./css.d.ts",
51
+ "default": "./dist/index.css"
52
+ },
53
+ "./css/*": {
54
+ "types": "./css.d.ts",
55
+ "default": "./dist/css/*.css"
56
+ },
57
+ "./package.json": "./package.json",
58
+ "./registry.json": "./registry.json"
59
+ },
60
+ "bin": {
61
+ "motion-kit": "bin/motion-kit.mjs"
62
+ },
63
+ "files": [
64
+ "dist",
65
+ "src",
66
+ "registry.json",
67
+ "bin",
68
+ "skills",
69
+ "NOTICE",
70
+ "css.d.ts"
71
+ ],
72
+ "scripts": {
73
+ "build": "tsup && node scripts/build-css.mjs",
74
+ "prepack": "pnpm run build",
75
+ "test": "vitest run",
76
+ "typecheck": "tsc --noEmit"
77
+ },
78
+ "peerDependencies": {
79
+ "gsap": ">=3.13.0",
80
+ "react": ">=18",
81
+ "@material/material-color-utilities": "^0.3.0"
82
+ },
83
+ "peerDependenciesMeta": {
84
+ "react": {
85
+ "optional": true
86
+ },
87
+ "@material/material-color-utilities": {
88
+ "optional": true
89
+ }
90
+ },
91
+ "publishConfig": {
92
+ "registry": "https://registry.npmjs.org/",
93
+ "access": "public"
94
+ },
95
+ "devDependencies": {
96
+ "@material/material-color-utilities": "^0.3.0",
97
+ "@testing-library/dom": "^10.4.2",
98
+ "@testing-library/react": "^16.3.3",
99
+ "@types/node": "^24.19.2",
100
+ "@types/react": "19.2.14",
101
+ "@types/react-dom": "19.2.3",
102
+ "gsap": "3.14.2",
103
+ "jsdom": "^30.1.3",
104
+ "react": "19.2.4",
105
+ "react-dom": "19.2.4",
106
+ "tsup": "^8.5.1",
107
+ "typescript": "5.9.3",
108
+ "vitest": "4.1.11"
109
+ }
110
+ }
package/registry.json CHANGED
@@ -1091,6 +1091,70 @@
1091
1091
  "element": "components/orbit-menu/element.ts",
1092
1092
  "react": "components/orbit-menu/react.tsx",
1093
1093
  "since": "0.15.0"
1094
+ },
1095
+ "signature-pad": {
1096
+ "kind": "component",
1097
+ "description": "Firma vectorial con dibujo por puntero, deshacer, rehacer y exportación SVG/PNG.",
1098
+ "files": [
1099
+ "components/signature-pad/engine.ts",
1100
+ "components/signature-pad/signature-pad.css",
1101
+ "components/signature-pad/README.md"
1102
+ ],
1103
+ "element": "components/signature-pad/element.ts",
1104
+ "react": "components/signature-pad/react.tsx",
1105
+ "since": "0.17.0"
1106
+ },
1107
+ "waveform-player": {
1108
+ "kind": "component",
1109
+ "description": "Reproductor de audio con waveform, búsqueda de posición, velocidad y estados de carga.",
1110
+ "files": [
1111
+ "components/waveform-player/engine.ts",
1112
+ "components/waveform-player/waveform-player.css",
1113
+ "components/waveform-player/README.md"
1114
+ ],
1115
+ "element": "components/waveform-player/element.ts",
1116
+ "react": "components/waveform-player/react.tsx",
1117
+ "since": "0.17.0"
1118
+ },
1119
+ "voice-message-bubble": {
1120
+ "kind": "component",
1121
+ "description": "Mensaje de voz entrante o saliente con waveform reproducible, autor y estado.",
1122
+ "files": [
1123
+ "components/waveform-player/waveform-player.css",
1124
+ "components/voice-message-bubble/engine.ts",
1125
+ "components/voice-message-bubble/voice-message-bubble.css",
1126
+ "components/voice-message-bubble/README.md"
1127
+ ],
1128
+ "element": "components/voice-message-bubble/element.ts",
1129
+ "react": "components/voice-message-bubble/react.tsx",
1130
+ "since": "0.17.0",
1131
+ "requires": [
1132
+ "waveform-player"
1133
+ ]
1134
+ },
1135
+ "drilldown-menu": {
1136
+ "kind": "component",
1137
+ "description": "Menú jerárquico con transiciones entre niveles, regreso y navegación por teclado.",
1138
+ "files": [
1139
+ "components/drilldown-menu/engine.ts",
1140
+ "components/drilldown-menu/drilldown-menu.css",
1141
+ "components/drilldown-menu/README.md"
1142
+ ],
1143
+ "element": "components/drilldown-menu/element.ts",
1144
+ "react": "components/drilldown-menu/react.tsx",
1145
+ "since": "0.17.0"
1146
+ },
1147
+ "wheel-picker": {
1148
+ "kind": "component",
1149
+ "description": "Selector de rueda con inercia táctil, arrastre, teclado y envío de formularios.",
1150
+ "files": [
1151
+ "components/wheel-picker/engine.ts",
1152
+ "components/wheel-picker/wheel-picker.css",
1153
+ "components/wheel-picker/README.md"
1154
+ ],
1155
+ "element": "components/wheel-picker/element.ts",
1156
+ "react": "components/wheel-picker/react.tsx",
1157
+ "since": "0.17.0"
1094
1158
  }
1095
1159
  }
1096
1160
  }