motion-v 1.0.0-alpha.3 → 1.0.0-alpha.4

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 (6) hide show
  1. package/dist/cjs/index.js +2 -3
  2. package/dist/es/components/animate-presence/AnimatePresence.d.ts +1 -1
  3. package/dist/es/components/motion/use-motion-state.d.ts +41 -41
  4. package/dist/es/components/reorder/index.d.ts +160 -160
  5. package/dist/es/state/style.mjs +2 -3
  6. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -5794,7 +5794,6 @@ function createStyles(keyframes2) {
5794
5794
  const SVG_STYLE_TO_ATTRIBUTES = {
5795
5795
  "fill": true,
5796
5796
  "stroke": true,
5797
- "stroke-width": true,
5798
5797
  "opacity": true,
5799
5798
  "fill-opacity": true,
5800
5799
  "stroke-opacity": true,
@@ -5839,7 +5838,7 @@ function camelToKebab(str) {
5839
5838
  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
5840
5839
  }
5841
5840
  function buildSVGPath(attrs, length, spacing = 1, offset = 0) {
5842
- attrs.pathLength = 1;
5841
+ attrs["path-length"] = 1;
5843
5842
  attrs["stroke-dashoffset"] = px.transform(-offset);
5844
5843
  const pathLength = px.transform(length);
5845
5844
  const pathSpacing = px.transform(spacing);
@@ -5857,7 +5856,7 @@ function convertSvgStyleToAttributes(keyframes2) {
5857
5856
  styleProps[key] = keyframes2[key];
5858
5857
  }
5859
5858
  }
5860
- if (attributes["path-length"]) {
5859
+ if (attributes["path-length"] !== void 0) {
5861
5860
  buildSVGPath(attributes, attributes["path-length"], attributes["path-spacing"], attributes["path-offset"]);
5862
5861
  }
5863
5862
  return {
package/dist/es/components/animate-presence/AnimatePresence.d.ts CHANGED
@@ -16,8 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
16
16
  initial: boolean;
17
17
  anchorX: string;
18
18
  }>>>, {
19
- initial: boolean;
20
19
  mode: "wait" | "popLayout" | "sync";
20
+ initial: boolean;
21
21
  anchorX: "left" | "right";
22
22
  }, {}>;
23
23
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
package/dist/es/components/motion/use-motion-state.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare function useMotionState(props: MotionProps): {
13
13
  once?: boolean;
14
14
  };
15
15
  animatePresenceContext: import('../presence').PresenceContext;
16
- initial: false | import('../..').VariantLabels | import('../..').Variant;
16
+ initial: false | import('../..').Variant | import('../..').VariantLabels;
17
17
  as?: "div";
18
18
  asChild?: boolean;
19
19
  hover?: import('../..').Options["hover"];
@@ -39,43 +39,15 @@ export declare function useMotionState(props: MotionProps): {
39
39
  [x: number]: string | number | import('motion-dom').MotionValue<any>;
40
40
  [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
41
41
  string?: string | number | import('motion-dom').MotionValue<any>;
42
- end?: string | number | import('motion-dom').MotionValue<any>;
43
- x?: string | number | import('motion-dom').MotionValue<any>;
44
- y?: string | number | import('motion-dom').MotionValue<any>;
45
- position?: string | number | import('motion-dom').MotionValue<any>;
46
- page?: string | number | import('motion-dom').MotionValue<any>;
47
- [Symbol.iterator]?: string | number | import('motion-dom').MotionValue<any>;
48
- top?: string | number | import('motion-dom').MotionValue<any>;
49
- right?: string | number | import('motion-dom').MotionValue<any>;
50
- bottom?: string | number | import('motion-dom').MotionValue<any>;
51
- left?: string | number | import('motion-dom').MotionValue<any>;
52
42
  readonly length?: string | number | import('motion-dom').MotionValue<any>;
53
- filter?: string | number | import('motion-dom').MotionValue<any>;
54
- fill?: string | number | import('motion-dom').MotionValue<any>;
55
- values?: string | number | import('motion-dom').MotionValue<any>;
56
- all?: string | number | import('motion-dom').MotionValue<any>;
57
- clear?: string | number | import('motion-dom').MotionValue<any>;
58
- willChange?: string | number | import('motion-dom').MotionValue<any>;
59
- rotate?: string | number | import('motion-dom').MotionValue<any>;
60
- scale?: string | number | import('motion-dom').MotionValue<any>;
61
- perspective?: string | number | import('motion-dom').MotionValue<any>;
62
- transition?: string | number | import('motion-dom').MotionValue<any>;
63
- translate?: string | number | import('motion-dom').MotionValue<any>;
64
- from?: string | number | import('motion-dom').MotionValue<any>;
65
- resize?: string | number | import('motion-dom').MotionValue<any>;
66
- transform?: string | number | import('motion-dom').MotionValue<any>;
67
- offset?: string | number | import('motion-dom').MotionValue<any>;
68
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
69
- marker?: string | number | import('motion-dom').MotionValue<any>;
70
- mask?: string | number | import('motion-dom').MotionValue<any>;
71
- path?: string | number | import('motion-dom').MotionValue<any>;
72
- direction?: string | number | import('motion-dom').MotionValue<any>;
73
- z?: string | number | import('motion-dom').MotionValue<any>;
43
+ readonly parentRule?: string | number | import('motion-dom').MotionValue<any>;
44
+ [Symbol.iterator]?: string | number | import('motion-dom').MotionValue<any>;
74
45
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
75
46
  alignContent?: string | number | import('motion-dom').MotionValue<any>;
76
47
  alignItems?: string | number | import('motion-dom').MotionValue<any>;
77
48
  alignSelf?: string | number | import('motion-dom').MotionValue<any>;
78
49
  alignmentBaseline?: string | number | import('motion-dom').MotionValue<any>;
50
+ all?: string | number | import('motion-dom').MotionValue<any>;
79
51
  animation?: string | number | import('motion-dom').MotionValue<any>;
80
52
  animationComposition?: string | number | import('motion-dom').MotionValue<any>;
81
53
  animationDelay?: string | number | import('motion-dom').MotionValue<any>;
@@ -166,6 +138,7 @@ export declare function useMotionState(props: MotionProps): {
166
138
  borderTopStyle?: string | number | import('motion-dom').MotionValue<any>;
167
139
  borderTopWidth?: string | number | import('motion-dom').MotionValue<any>;
168
140
  borderWidth?: string | number | import('motion-dom').MotionValue<any>;
141
+ bottom?: string | number | import('motion-dom').MotionValue<any>;
169
142
  boxShadow?: string | number | import('motion-dom').MotionValue<any>;
170
143
  boxSizing?: string | number | import('motion-dom').MotionValue<any>;
171
144
  breakAfter?: string | number | import('motion-dom').MotionValue<any>;
@@ -173,7 +146,9 @@ export declare function useMotionState(props: MotionProps): {
173
146
  breakInside?: string | number | import('motion-dom').MotionValue<any>;
174
147
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
175
148
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
149
+ clear?: string | number | import('motion-dom').MotionValue<any>;
176
150
  clip?: string | number | import('motion-dom').MotionValue<any>;
151
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
177
152
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
178
153
  color?: string | number | import('motion-dom').MotionValue<any>;
179
154
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -209,11 +184,14 @@ export declare function useMotionState(props: MotionProps): {
209
184
  cx?: string | number | import('motion-dom').MotionValue<any>;
210
185
  cy?: string | number | import('motion-dom').MotionValue<any>;
211
186
  d?: string | number | import('motion-dom').MotionValue<any>;
187
+ direction?: string | number | import('motion-dom').MotionValue<any>;
212
188
  display?: string | number | import('motion-dom').MotionValue<any>;
213
189
  dominantBaseline?: string | number | import('motion-dom').MotionValue<any>;
214
190
  emptyCells?: string | number | import('motion-dom').MotionValue<any>;
191
+ fill?: string | number | import('motion-dom').MotionValue<any>;
215
192
  fillOpacity?: string | number | import('motion-dom').MotionValue<any>;
216
193
  fillRule?: string | number | import('motion-dom').MotionValue<any>;
194
+ filter?: string | number | import('motion-dom').MotionValue<any>;
217
195
  flex?: string | number | import('motion-dom').MotionValue<any>;
218
196
  flexBasis?: string | number | import('motion-dom').MotionValue<any>;
219
197
  flexDirection?: string | number | import('motion-dom').MotionValue<any>;
@@ -284,6 +262,7 @@ export declare function useMotionState(props: MotionProps): {
284
262
  justifyContent?: string | number | import('motion-dom').MotionValue<any>;
285
263
  justifyItems?: string | number | import('motion-dom').MotionValue<any>;
286
264
  justifySelf?: string | number | import('motion-dom').MotionValue<any>;
265
+ left?: string | number | import('motion-dom').MotionValue<any>;
287
266
  letterSpacing?: string | number | import('motion-dom').MotionValue<any>;
288
267
  lightingColor?: string | number | import('motion-dom').MotionValue<any>;
289
268
  lineBreak?: string | number | import('motion-dom').MotionValue<any>;
@@ -303,9 +282,11 @@ export declare function useMotionState(props: MotionProps): {
303
282
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
304
283
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
305
284
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
285
+ marker?: string | number | import('motion-dom').MotionValue<any>;
306
286
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
307
287
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
308
288
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
289
+ mask?: string | number | import('motion-dom').MotionValue<any>;
309
290
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
310
291
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
311
292
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -328,6 +309,7 @@ export declare function useMotionState(props: MotionProps): {
328
309
  mixBlendMode?: string | number | import('motion-dom').MotionValue<any>;
329
310
  objectFit?: string | number | import('motion-dom').MotionValue<any>;
330
311
  objectPosition?: string | number | import('motion-dom').MotionValue<any>;
312
+ offset?: string | number | import('motion-dom').MotionValue<any>;
331
313
  offsetAnchor?: string | number | import('motion-dom').MotionValue<any>;
332
314
  offsetDistance?: string | number | import('motion-dom').MotionValue<any>;
333
315
  offsetPath?: string | number | import('motion-dom').MotionValue<any>;
@@ -363,23 +345,29 @@ export declare function useMotionState(props: MotionProps): {
363
345
  paddingLeft?: string | number | import('motion-dom').MotionValue<any>;
364
346
  paddingRight?: string | number | import('motion-dom').MotionValue<any>;
365
347
  paddingTop?: string | number | import('motion-dom').MotionValue<any>;
348
+ page?: string | number | import('motion-dom').MotionValue<any>;
366
349
  pageBreakAfter?: string | number | import('motion-dom').MotionValue<any>;
367
350
  pageBreakBefore?: string | number | import('motion-dom').MotionValue<any>;
368
351
  pageBreakInside?: string | number | import('motion-dom').MotionValue<any>;
369
352
  paintOrder?: string | number | import('motion-dom').MotionValue<any>;
370
- readonly parentRule?: string | number | import('motion-dom').MotionValue<any>;
353
+ perspective?: string | number | import('motion-dom').MotionValue<any>;
371
354
  perspectiveOrigin?: string | number | import('motion-dom').MotionValue<any>;
372
355
  placeContent?: string | number | import('motion-dom').MotionValue<any>;
373
356
  placeItems?: string | number | import('motion-dom').MotionValue<any>;
374
357
  placeSelf?: string | number | import('motion-dom').MotionValue<any>;
375
358
  pointerEvents?: string | number | import('motion-dom').MotionValue<any>;
359
+ position?: string | number | import('motion-dom').MotionValue<any>;
376
360
  printColorAdjust?: string | number | import('motion-dom').MotionValue<any>;
377
361
  quotes?: string | number | import('motion-dom').MotionValue<any>;
378
362
  r?: string | number | import('motion-dom').MotionValue<any>;
363
+ resize?: string | number | import('motion-dom').MotionValue<any>;
364
+ right?: string | number | import('motion-dom').MotionValue<any>;
365
+ rotate?: string | number | import('motion-dom').MotionValue<any>;
379
366
  rowGap?: string | number | import('motion-dom').MotionValue<any>;
380
367
  rubyPosition?: string | number | import('motion-dom').MotionValue<any>;
381
368
  rx?: string | number | import('motion-dom').MotionValue<any>;
382
369
  ry?: string | number | import('motion-dom').MotionValue<any>;
370
+ scale?: string | number | import('motion-dom').MotionValue<any>;
383
371
  scrollBehavior?: string | number | import('motion-dom').MotionValue<any>;
384
372
  scrollMargin?: string | number | import('motion-dom').MotionValue<any>;
385
373
  scrollMarginBlock?: string | number | import('motion-dom').MotionValue<any>;
@@ -450,15 +438,19 @@ export declare function useMotionState(props: MotionProps): {
450
438
  textWrap?: string | number | import('motion-dom').MotionValue<any>;
451
439
  textWrapMode?: string | number | import('motion-dom').MotionValue<any>;
452
440
  textWrapStyle?: string | number | import('motion-dom').MotionValue<any>;
441
+ top?: string | number | import('motion-dom').MotionValue<any>;
453
442
  touchAction?: string | number | import('motion-dom').MotionValue<any>;
443
+ transform?: string | number | import('motion-dom').MotionValue<any>;
454
444
  transformBox?: string | number | import('motion-dom').MotionValue<any>;
455
445
  transformOrigin?: string | number | import('motion-dom').MotionValue<any>;
456
446
  transformStyle?: string | number | import('motion-dom').MotionValue<any>;
447
+ transition?: string | number | import('motion-dom').MotionValue<any>;
457
448
  transitionBehavior?: string | number | import('motion-dom').MotionValue<any>;
458
449
  transitionDelay?: string | number | import('motion-dom').MotionValue<any>;
459
450
  transitionDuration?: string | number | import('motion-dom').MotionValue<any>;
460
451
  transitionProperty?: string | number | import('motion-dom').MotionValue<any>;
461
452
  transitionTimingFunction?: string | number | import('motion-dom').MotionValue<any>;
453
+ translate?: string | number | import('motion-dom').MotionValue<any>;
462
454
  unicodeBidi?: string | number | import('motion-dom').MotionValue<any>;
463
455
  userSelect?: string | number | import('motion-dom').MotionValue<any>;
464
456
  vectorEffect?: string | number | import('motion-dom').MotionValue<any>;
@@ -538,10 +530,13 @@ export declare function useMotionState(props: MotionProps): {
538
530
  whiteSpaceCollapse?: string | number | import('motion-dom').MotionValue<any>;
539
531
  widows?: string | number | import('motion-dom').MotionValue<any>;
540
532
  width?: string | number | import('motion-dom').MotionValue<any>;
533
+ willChange?: string | number | import('motion-dom').MotionValue<any>;
541
534
  wordBreak?: string | number | import('motion-dom').MotionValue<any>;
542
535
  wordSpacing?: string | number | import('motion-dom').MotionValue<any>;
543
536
  wordWrap?: string | number | import('motion-dom').MotionValue<any>;
544
537
  writingMode?: string | number | import('motion-dom').MotionValue<any>;
538
+ x?: string | number | import('motion-dom').MotionValue<any>;
539
+ y?: string | number | import('motion-dom').MotionValue<any>;
545
540
  zIndex?: string | number | import('motion-dom').MotionValue<any>;
546
541
  zoom?: string | number | import('motion-dom').MotionValue<any>;
547
542
  getPropertyPriority?: string | number | import('motion-dom').MotionValue<any>;
@@ -549,14 +544,23 @@ export declare function useMotionState(props: MotionProps): {
549
544
  item?: string | number | import('motion-dom').MotionValue<any>;
550
545
  removeProperty?: string | number | import('motion-dom').MotionValue<any>;
551
546
  setProperty?: string | number | import('motion-dom').MotionValue<any>;
547
+ z?: string | number | import('motion-dom').MotionValue<any>;
548
+ translateX?: string | number | import('motion-dom').MotionValue<any>;
549
+ translateY?: string | number | import('motion-dom').MotionValue<any>;
550
+ translateZ?: string | number | import('motion-dom').MotionValue<any>;
552
551
  rotateX?: string | number | import('motion-dom').MotionValue<any>;
553
552
  rotateY?: string | number | import('motion-dom').MotionValue<any>;
554
553
  rotateZ?: string | number | import('motion-dom').MotionValue<any>;
555
554
  scaleX?: string | number | import('motion-dom').MotionValue<any>;
556
555
  scaleY?: string | number | import('motion-dom').MotionValue<any>;
557
556
  scaleZ?: string | number | import('motion-dom').MotionValue<any>;
557
+ skew?: string | number | import('motion-dom').MotionValue<any>;
558
558
  skewX?: string | number | import('motion-dom').MotionValue<any>;
559
559
  skewY?: string | number | import('motion-dom').MotionValue<any>;
560
+ originX?: string | number | import('motion-dom').MotionValue<any>;
561
+ originY?: string | number | import('motion-dom').MotionValue<any>;
562
+ originZ?: string | number | import('motion-dom').MotionValue<any>;
563
+ transformPerspective?: string | number | import('motion-dom').MotionValue<any>;
560
564
  accentHeight?: string | number | import('motion-dom').MotionValue<any>;
561
565
  accumulate?: string | number | import('motion-dom').MotionValue<any>;
562
566
  additive?: string | number | import('motion-dom').MotionValue<any>;
@@ -592,6 +596,7 @@ export declare function useMotionState(props: MotionProps): {
592
596
  edgeMode?: string | number | import('motion-dom').MotionValue<any>;
593
597
  elevation?: string | number | import('motion-dom').MotionValue<any>;
594
598
  enableBackground?: string | number | import('motion-dom').MotionValue<any>;
599
+ end?: string | number | import('motion-dom').MotionValue<any>;
595
600
  exponent?: string | number | import('motion-dom').MotionValue<any>;
596
601
  externalResourcesRequired?: string | number | import('motion-dom').MotionValue<any>;
597
602
  filterRes?: string | number | import('motion-dom').MotionValue<any>;
@@ -599,6 +604,7 @@ export declare function useMotionState(props: MotionProps): {
599
604
  focusable?: string | number | import('motion-dom').MotionValue<any>;
600
605
  format?: string | number | import('motion-dom').MotionValue<any>;
601
606
  fr?: string | number | import('motion-dom').MotionValue<any>;
607
+ from?: string | number | import('motion-dom').MotionValue<any>;
602
608
  fx?: string | number | import('motion-dom').MotionValue<any>;
603
609
  fy?: string | number | import('motion-dom').MotionValue<any>;
604
610
  g1?: string | number | import('motion-dom').MotionValue<any>;
@@ -646,6 +652,7 @@ export declare function useMotionState(props: MotionProps): {
646
652
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
647
653
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
648
654
  panose1?: string | number | import('motion-dom').MotionValue<any>;
655
+ path?: string | number | import('motion-dom').MotionValue<any>;
649
656
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
650
657
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
651
658
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -696,6 +703,7 @@ export declare function useMotionState(props: MotionProps): {
696
703
  unicodeRange?: string | number | import('motion-dom').MotionValue<any>;
697
704
  unitsPerEm?: string | number | import('motion-dom').MotionValue<any>;
698
705
  vAlphabetic?: string | number | import('motion-dom').MotionValue<any>;
706
+ values?: string | number | import('motion-dom').MotionValue<any>;
699
707
  version?: string | number | import('motion-dom').MotionValue<any>;
700
708
  vertAdvY?: string | number | import('motion-dom').MotionValue<any>;
701
709
  vertOriginX?: string | number | import('motion-dom').MotionValue<any>;
@@ -728,14 +736,6 @@ export declare function useMotionState(props: MotionProps): {
728
736
  zoomAndPan?: string | number | import('motion-dom').MotionValue<any>;
729
737
  pathOffset?: string | number | import('motion-dom').MotionValue<any>;
730
738
  pathSpacing?: string | number | import('motion-dom').MotionValue<any>;
731
- translateX?: string | number | import('motion-dom').MotionValue<any>;
732
- translateY?: string | number | import('motion-dom').MotionValue<any>;
733
- translateZ?: string | number | import('motion-dom').MotionValue<any>;
734
- skew?: string | number | import('motion-dom').MotionValue<any>;
735
- originX?: string | number | import('motion-dom').MotionValue<any>;
736
- originY?: string | number | import('motion-dom').MotionValue<any>;
737
- originZ?: string | number | import('motion-dom').MotionValue<any>;
738
- transformPerspective?: string | number | import('motion-dom').MotionValue<any>;
739
739
  }>;
740
740
  transformTemplate?: (transform: import('motion-dom').TransformProperties, generatedTransform: string) => string;
741
741
  onAnimationComplete?: (definition: import('../..').Options["animate"]) => void;