framer-motion 12.35.2 → 12.37.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 (49) hide show
  1. package/README.md +12 -15
  2. package/dist/cjs/client.js +1 -1
  3. package/dist/cjs/dom.js +38 -6
  4. package/dist/cjs/dom.js.map +1 -1
  5. package/dist/cjs/{feature-bundle-DqHxNjy5.js → feature-bundle-CBfLWgGA.js} +47 -6
  6. package/dist/cjs/feature-bundle-CBfLWgGA.js.map +1 -0
  7. package/dist/cjs/index.js +41 -8
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/cjs/m.js +7 -1
  10. package/dist/cjs/m.js.map +1 -1
  11. package/dist/dom-mini.js +1 -1
  12. package/dist/dom.js +1 -1
  13. package/dist/es/components/AnimatePresence/PopChild.mjs +1 -0
  14. package/dist/es/components/AnimatePresence/PopChild.mjs.map +1 -1
  15. package/dist/es/components/AnimatePresence/index.mjs +1 -1
  16. package/dist/es/components/AnimatePresence/index.mjs.map +1 -1
  17. package/dist/es/gestures/drag/VisualElementDragControls.mjs +2 -1
  18. package/dist/es/gestures/drag/VisualElementDragControls.mjs.map +1 -1
  19. package/dist/es/gestures/pan/PanSession.mjs.map +1 -1
  20. package/dist/es/motion/features/animation/exit.mjs +31 -1
  21. package/dist/es/motion/features/animation/exit.mjs.map +1 -1
  22. package/dist/es/motion/features/viewport/index.mjs +7 -3
  23. package/dist/es/motion/features/viewport/index.mjs.map +1 -1
  24. package/dist/es/render/dom/scroll/utils/offset-to-range.mjs +38 -6
  25. package/dist/es/render/dom/scroll/utils/offset-to-range.mjs.map +1 -1
  26. package/dist/es/render/dom/utils/filter-props.mjs +8 -1
  27. package/dist/es/render/dom/utils/filter-props.mjs.map +1 -1
  28. package/dist/es/value/use-spring.mjs.map +1 -1
  29. package/dist/framer-motion.dev.js +272 -88
  30. package/dist/framer-motion.js +1 -1
  31. package/dist/mini.js +1 -1
  32. package/dist/size-rollup-animate.js +1 -1
  33. package/dist/size-rollup-animate.js.map +1 -1
  34. package/dist/size-rollup-dom-animation-assets.js +1 -1
  35. package/dist/size-rollup-dom-animation-m.js +1 -1
  36. package/dist/size-rollup-dom-animation.js +1 -1
  37. package/dist/size-rollup-dom-max-assets.js +1 -1
  38. package/dist/size-rollup-dom-max.js +1 -1
  39. package/dist/size-rollup-m.js +1 -1
  40. package/dist/size-rollup-m.js.map +1 -1
  41. package/dist/size-rollup-motion.js +1 -1
  42. package/dist/size-rollup-motion.js.map +1 -1
  43. package/dist/size-rollup-scroll.js +1 -1
  44. package/dist/size-rollup-scroll.js.map +1 -1
  45. package/dist/size-rollup-waapi-animate.js +1 -1
  46. package/dist/size-rollup-waapi-animate.js.map +1 -1
  47. package/dist/types/index.d.ts +5 -4
  48. package/package.json +4 -4
  49. package/dist/cjs/feature-bundle-DqHxNjy5.js.map +0 -1
package/dist/cjs/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var React = require('react');
7
- var featureBundle = require('./feature-bundle-DqHxNjy5.js');
7
+ var featureBundle = require('./feature-bundle-CBfLWgGA.js');
8
8
  var motionDom = require('motion-dom');
9
9
  var motionUtils = require('motion-utils');
10
10
 
@@ -170,6 +170,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
170
170
  `);
171
171
  }
172
172
  return () => {
173
+ ref.current?.removeAttribute("data-motion-pop-id");
173
174
  if (parent.contains(style)) {
174
175
  parent.removeChild(style);
175
176
  }
@@ -383,8 +384,8 @@ const AnimatePresence = ({ children, custom, initial = true, onExitComplete, pre
383
384
  if (exitingComponents.current.has(key)) {
384
385
  return;
385
386
  }
386
- exitingComponents.current.add(key);
387
387
  if (exitComplete.has(key)) {
388
+ exitingComponents.current.add(key);
388
389
  exitComplete.set(key, true);
389
390
  }
390
391
  else {
@@ -2029,16 +2030,48 @@ const presets = [
2029
2030
  [ScrollOffset.Any, "cover"],
2030
2031
  [ScrollOffset.All, "contain"],
2031
2032
  ];
2032
- function matchesPreset(offset, preset) {
2033
+ const stringToProgress = {
2034
+ start: 0,
2035
+ end: 1,
2036
+ };
2037
+ function parseStringOffset(s) {
2038
+ const parts = s.trim().split(/\s+/);
2039
+ if (parts.length !== 2)
2040
+ return undefined;
2041
+ const a = stringToProgress[parts[0]];
2042
+ const b = stringToProgress[parts[1]];
2043
+ if (a === undefined || b === undefined)
2044
+ return undefined;
2045
+ return [a, b];
2046
+ }
2047
+ function normaliseOffset(offset) {
2033
2048
  if (offset.length !== 2)
2049
+ return undefined;
2050
+ const result = [];
2051
+ for (const item of offset) {
2052
+ if (Array.isArray(item)) {
2053
+ result.push(item);
2054
+ }
2055
+ else if (typeof item === "string") {
2056
+ const parsed = parseStringOffset(item);
2057
+ if (!parsed)
2058
+ return undefined;
2059
+ result.push(parsed);
2060
+ }
2061
+ else {
2062
+ return undefined;
2063
+ }
2064
+ }
2065
+ return result;
2066
+ }
2067
+ function matchesPreset(offset, preset) {
2068
+ const normalised = normaliseOffset(offset);
2069
+ if (!normalised)
2034
2070
  return false;
2035
2071
  for (let i = 0; i < 2; i++) {
2036
- const o = offset[i];
2072
+ const o = normalised[i];
2037
2073
  const p = preset[i];
2038
- if (!Array.isArray(o) ||
2039
- o.length !== 2 ||
2040
- o[0] !== p[0] ||
2041
- o[1] !== p[1])
2074
+ if (o[0] !== p[0] || o[1] !== p[1])
2042
2075
  return false;
2043
2076
  }
2044
2077
  return true;