framer-motion 11.5.3 → 11.5.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.
@@ -470,11 +470,11 @@ const createUnitType = (unit) => ({
470
470
  parse: parseFloat,
471
471
  transform: (v) => `${v}${unit}`,
472
472
  });
473
- const degrees = createUnitType("deg");
474
- const percent = createUnitType("%");
475
- const px = createUnitType("px");
476
- const vh = createUnitType("vh");
477
- const vw = createUnitType("vw");
473
+ const degrees = /*@__PURE__*/ createUnitType("deg");
474
+ const percent = /*@__PURE__*/ createUnitType("%");
475
+ const px = /*@__PURE__*/ createUnitType("px");
476
+ const vh = /*@__PURE__*/ createUnitType("vh");
477
+ const vw = /*@__PURE__*/ createUnitType("vw");
478
478
  const progressPercentage = {
479
479
  ...percent,
480
480
  parse: (v) => percent.parse(v) / 100,
@@ -751,8 +751,8 @@ const rgbUnit = {
751
751
  transform: (v) => Math.round(clampRgbUnit(v)),
752
752
  };
753
753
  const rgba = {
754
- test: isColorString("rgb", "red"),
755
- parse: splitColor("red", "green", "blue"),
754
+ test: /*@__PURE__*/ isColorString("rgb", "red"),
755
+ parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
756
756
  transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
757
757
  rgbUnit.transform(red) +
758
758
  ", " +
@@ -795,14 +795,14 @@ function parseHex(v) {
795
795
  };
796
796
  }
797
797
  const hex = {
798
- test: isColorString("#"),
798
+ test: /*@__PURE__*/ isColorString("#"),
799
799
  parse: parseHex,
800
800
  transform: rgba.transform,
801
801
  };
802
802
 
803
803
  const hsla = {
804
- test: isColorString("hsl", "hue"),
805
- parse: splitColor("hue", "saturation", "lightness"),
804
+ test: /*@__PURE__*/ isColorString("hsl", "hue"),
805
+ parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
806
806
  transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
807
807
  return ("hsla(" +
808
808
  Math.round(hue) +
@@ -1766,9 +1766,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
1766
1766
  return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
1767
1767
  }
1768
1768
 
1769
- const easeIn = cubicBezier(0.42, 0, 1, 1);
1770
- const easeOut = cubicBezier(0, 0, 0.58, 1);
1771
- const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
1769
+ const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
1770
+ const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
1771
+ const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
1772
1772
 
1773
1773
  const isEasingArray = (ease) => {
1774
1774
  return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -1786,9 +1786,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
1786
1786
  const circOut = reverseEasing(circIn);
1787
1787
  const circInOut = mirrorEasing(circIn);
1788
1788
 
1789
- const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
1790
- const backIn = reverseEasing(backOut);
1791
- const backInOut = mirrorEasing(backIn);
1789
+ const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
1790
+ const backIn = /*@__PURE__*/ reverseEasing(backOut);
1791
+ const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
1792
1792
 
1793
1793
  const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
1794
1794
 
@@ -2610,10 +2610,10 @@ const supportedWaapiEasing = {
2610
2610
  easeIn: "ease-in",
2611
2611
  easeOut: "ease-out",
2612
2612
  easeInOut: "ease-in-out",
2613
- circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
2614
- circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
2615
- backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
2616
- backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
2613
+ circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
2614
+ circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
2615
+ backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
2616
+ backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
2617
2617
  };
2618
2618
  function mapEasingToNativeEasingWithDefault(easing) {
2619
2619
  return (mapEasingToNativeEasing(easing) ||
@@ -2654,7 +2654,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
2654
2654
  });
2655
2655
  }
2656
2656
 
2657
- const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
2657
+ const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
2658
2658
  /**
2659
2659
  * 10ms is chosen here as it strikes a balance between smooth
2660
2660
  * results (more than one keyframe per frame at 60fps) and
@@ -3227,7 +3227,7 @@ class MotionValue {
3227
3227
  * This will be replaced by the build step with the latest version number.
3228
3228
  * When MotionValues are provided to motion components, warn if versions are mixed.
3229
3229
  */
3230
- this.version = "11.5.3";
3230
+ this.version = "11.5.4";
3231
3231
  /**
3232
3232
  * Tracks whether this value can output a velocity. Currently this is only true
3233
3233
  * if the value is numerical, but we might be able to widen the scope here and support
@@ -5406,8 +5406,8 @@ function getRadius(values, radiusName) {
5406
5406
  // latestLeadValues.backgroundColor as string
5407
5407
  // )(p)
5408
5408
  // }
5409
- const easeCrossfadeIn = compress(0, 0.5, circOut);
5410
- const easeCrossfadeOut = compress(0.5, 0.95, noop);
5409
+ const easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);
5410
+ const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);
5411
5411
  function compress(min, max, easing) {
5412
5412
  return (p) => {
5413
5413
  // Could replace ifs with clamp
@@ -5850,7 +5850,7 @@ function updateMotionValuesFromProps(element, next, prev) {
5850
5850
  * and warn against mismatches.
5851
5851
  */
5852
5852
  if (process.env.NODE_ENV === "development") {
5853
- warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
5853
+ warnOnce(nextValue.version === "11.5.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.4 may not work as expected.`);
5854
5854
  }
5855
5855
  }
5856
5856
  else if (isMotionValue(prevValue)) {
@@ -279,7 +279,7 @@ class MotionValue {
279
279
  * This will be replaced by the build step with the latest version number.
280
280
  * When MotionValues are provided to motion components, warn if versions are mixed.
281
281
  */
282
- this.version = "11.5.3";
282
+ this.version = "11.5.4";
283
283
  /**
284
284
  * Tracks whether this value can output a velocity. Currently this is only true
285
285
  * if the value is numerical, but we might be able to widen the scope here and support
@@ -922,11 +922,11 @@ const createUnitType = (unit) => ({
922
922
  parse: parseFloat,
923
923
  transform: (v) => `${v}${unit}`,
924
924
  });
925
- const degrees = createUnitType("deg");
926
- const percent = createUnitType("%");
927
- const px = createUnitType("px");
928
- const vh = createUnitType("vh");
929
- const vw = createUnitType("vw");
925
+ const degrees = /*@__PURE__*/ createUnitType("deg");
926
+ const percent = /*@__PURE__*/ createUnitType("%");
927
+ const px = /*@__PURE__*/ createUnitType("px");
928
+ const vh = /*@__PURE__*/ createUnitType("vh");
929
+ const vw = /*@__PURE__*/ createUnitType("vw");
930
930
  const progressPercentage = {
931
931
  ...percent,
932
932
  parse: (v) => percent.parse(v) / 100,
@@ -1203,8 +1203,8 @@ const rgbUnit = {
1203
1203
  transform: (v) => Math.round(clampRgbUnit(v)),
1204
1204
  };
1205
1205
  const rgba = {
1206
- test: isColorString("rgb", "red"),
1207
- parse: splitColor("red", "green", "blue"),
1206
+ test: /*@__PURE__*/ isColorString("rgb", "red"),
1207
+ parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
1208
1208
  transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
1209
1209
  rgbUnit.transform(red) +
1210
1210
  ", " +
@@ -1247,14 +1247,14 @@ function parseHex(v) {
1247
1247
  };
1248
1248
  }
1249
1249
  const hex = {
1250
- test: isColorString("#"),
1250
+ test: /*@__PURE__*/ isColorString("#"),
1251
1251
  parse: parseHex,
1252
1252
  transform: rgba.transform,
1253
1253
  };
1254
1254
 
1255
1255
  const hsla = {
1256
- test: isColorString("hsl", "hue"),
1257
- parse: splitColor("hue", "saturation", "lightness"),
1256
+ test: /*@__PURE__*/ isColorString("hsl", "hue"),
1257
+ parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
1258
1258
  transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
1259
1259
  return ("hsla(" +
1260
1260
  Math.round(hue) +
@@ -2172,9 +2172,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
2172
2172
  return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
2173
2173
  }
2174
2174
 
2175
- const easeIn = cubicBezier(0.42, 0, 1, 1);
2176
- const easeOut = cubicBezier(0, 0, 0.58, 1);
2177
- const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
2175
+ const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
2176
+ const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
2177
+ const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
2178
2178
 
2179
2179
  const isEasingArray = (ease) => {
2180
2180
  return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -2192,9 +2192,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
2192
2192
  const circOut = reverseEasing(circIn);
2193
2193
  const circInOut = mirrorEasing(circIn);
2194
2194
 
2195
- const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
2196
- const backIn = reverseEasing(backOut);
2197
- const backInOut = mirrorEasing(backIn);
2195
+ const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
2196
+ const backIn = /*@__PURE__*/ reverseEasing(backOut);
2197
+ const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
2198
2198
 
2199
2199
  const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
2200
2200
 
@@ -3016,10 +3016,10 @@ const supportedWaapiEasing = {
3016
3016
  easeIn: "ease-in",
3017
3017
  easeOut: "ease-out",
3018
3018
  easeInOut: "ease-in-out",
3019
- circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
3020
- circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
3021
- backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
3022
- backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
3019
+ circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
3020
+ circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
3021
+ backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
3022
+ backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
3023
3023
  };
3024
3024
  function mapEasingToNativeEasingWithDefault(easing) {
3025
3025
  return (mapEasingToNativeEasing(easing) ||
@@ -3060,7 +3060,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
3060
3060
  });
3061
3061
  }
3062
3062
 
3063
- const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
3063
+ const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
3064
3064
  /**
3065
3065
  * 10ms is chosen here as it strikes a balance between smooth
3066
3066
  * results (more than one keyframe per frame at 60fps) and
@@ -3790,7 +3790,7 @@ function updateMotionValuesFromProps(element, next, prev) {
3790
3790
  * and warn against mismatches.
3791
3791
  */
3792
3792
  if (process.env.NODE_ENV === "development") {
3793
- warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
3793
+ warnOnce(nextValue.version === "11.5.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.4 may not work as expected.`);
3794
3794
  }
3795
3795
  }
3796
3796
  else if (isMotionValue(prevValue)) {
package/dist/cjs/index.js CHANGED
@@ -540,11 +540,11 @@ const createUnitType = (unit) => ({
540
540
  parse: parseFloat,
541
541
  transform: (v) => `${v}${unit}`,
542
542
  });
543
- const degrees = createUnitType("deg");
544
- const percent = createUnitType("%");
545
- const px = createUnitType("px");
546
- const vh = createUnitType("vh");
547
- const vw = createUnitType("vw");
543
+ const degrees = /*@__PURE__*/ createUnitType("deg");
544
+ const percent = /*@__PURE__*/ createUnitType("%");
545
+ const px = /*@__PURE__*/ createUnitType("px");
546
+ const vh = /*@__PURE__*/ createUnitType("vh");
547
+ const vw = /*@__PURE__*/ createUnitType("vw");
548
548
  const progressPercentage = {
549
549
  ...percent,
550
550
  parse: (v) => percent.parse(v) / 100,
@@ -821,8 +821,8 @@ const rgbUnit = {
821
821
  transform: (v) => Math.round(clampRgbUnit(v)),
822
822
  };
823
823
  const rgba = {
824
- test: isColorString("rgb", "red"),
825
- parse: splitColor("red", "green", "blue"),
824
+ test: /*@__PURE__*/ isColorString("rgb", "red"),
825
+ parse: /*@__PURE__*/ splitColor("red", "green", "blue"),
826
826
  transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" +
827
827
  rgbUnit.transform(red) +
828
828
  ", " +
@@ -865,14 +865,14 @@ function parseHex(v) {
865
865
  };
866
866
  }
867
867
  const hex = {
868
- test: isColorString("#"),
868
+ test: /*@__PURE__*/ isColorString("#"),
869
869
  parse: parseHex,
870
870
  transform: rgba.transform,
871
871
  };
872
872
 
873
873
  const hsla = {
874
- test: isColorString("hsl", "hue"),
875
- parse: splitColor("hue", "saturation", "lightness"),
874
+ test: /*@__PURE__*/ isColorString("hsl", "hue"),
875
+ parse: /*@__PURE__*/ splitColor("hue", "saturation", "lightness"),
876
876
  transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
877
877
  return ("hsla(" +
878
878
  Math.round(hue) +
@@ -1836,9 +1836,9 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
1836
1836
  return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
1837
1837
  }
1838
1838
 
1839
- const easeIn = cubicBezier(0.42, 0, 1, 1);
1840
- const easeOut = cubicBezier(0, 0, 0.58, 1);
1841
- const easeInOut = cubicBezier(0.42, 0, 0.58, 1);
1839
+ const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);
1840
+ const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);
1841
+ const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);
1842
1842
 
1843
1843
  const isEasingArray = (ease) => {
1844
1844
  return Array.isArray(ease) && typeof ease[0] !== "number";
@@ -1856,9 +1856,9 @@ const circIn = (p) => 1 - Math.sin(Math.acos(p));
1856
1856
  const circOut = reverseEasing(circIn);
1857
1857
  const circInOut = mirrorEasing(circIn);
1858
1858
 
1859
- const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
1860
- const backIn = reverseEasing(backOut);
1861
- const backInOut = mirrorEasing(backIn);
1859
+ const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);
1860
+ const backIn = /*@__PURE__*/ reverseEasing(backOut);
1861
+ const backInOut = /*@__PURE__*/ mirrorEasing(backIn);
1862
1862
 
1863
1863
  const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
1864
1864
 
@@ -2684,10 +2684,10 @@ const supportedWaapiEasing = {
2684
2684
  easeIn: "ease-in",
2685
2685
  easeOut: "ease-out",
2686
2686
  easeInOut: "ease-in-out",
2687
- circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
2688
- circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
2689
- backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
2690
- backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
2687
+ circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),
2688
+ circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),
2689
+ backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
2690
+ backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),
2691
2691
  };
2692
2692
  function mapEasingToNativeEasingWithDefault(easing) {
2693
2693
  return (mapEasingToNativeEasing(easing) ||
@@ -2728,7 +2728,7 @@ function animateStyle(element, valueName, keyframes, { delay = 0, duration = 300
2728
2728
  });
2729
2729
  }
2730
2730
 
2731
- const supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
2731
+ const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
2732
2732
  /**
2733
2733
  * 10ms is chosen here as it strikes a balance between smooth
2734
2734
  * results (more than one keyframe per frame at 60fps) and
@@ -3310,7 +3310,7 @@ class MotionValue {
3310
3310
  * This will be replaced by the build step with the latest version number.
3311
3311
  * When MotionValues are provided to motion components, warn if versions are mixed.
3312
3312
  */
3313
- this.version = "11.5.3";
3313
+ this.version = "11.5.4";
3314
3314
  /**
3315
3315
  * Tracks whether this value can output a velocity. Currently this is only true
3316
3316
  * if the value is numerical, but we might be able to widen the scope here and support
@@ -5492,8 +5492,8 @@ function getRadius(values, radiusName) {
5492
5492
  // latestLeadValues.backgroundColor as string
5493
5493
  // )(p)
5494
5494
  // }
5495
- const easeCrossfadeIn = compress(0, 0.5, circOut);
5496
- const easeCrossfadeOut = compress(0.5, 0.95, noop);
5495
+ const easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);
5496
+ const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);
5497
5497
  function compress(min, max, easing) {
5498
5498
  return (p) => {
5499
5499
  // Could replace ifs with clamp
@@ -5965,7 +5965,7 @@ function updateMotionValuesFromProps(element, next, prev) {
5965
5965
  * and warn against mismatches.
5966
5966
  */
5967
5967
  if (process.env.NODE_ENV === "development") {
5968
- warnOnce(nextValue.version === "11.5.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.3 may not work as expected.`);
5968
+ warnOnce(nextValue.version === "11.5.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.5.4 may not work as expected.`);
5969
5969
  }
5970
5970
  }
5971
5971
  else if (isMotionValue(prevValue)) {
@@ -11335,7 +11335,7 @@ function ReorderGroupComponent({ children, as = "ul", axis = "y", onReorder, val
11335
11335
  });
11336
11336
  return (jsxRuntime.jsx(Component, { ...props, ref: externalRef, ignoreStrict: true, children: jsxRuntime.jsx(ReorderContext.Provider, { value: context, children: children }) }));
11337
11337
  }
11338
- const ReorderGroup = React.forwardRef(ReorderGroupComponent);
11338
+ const ReorderGroup = /*@__PURE__*/ React.forwardRef(ReorderGroupComponent);
11339
11339
  function getValue(item) {
11340
11340
  return item.value;
11341
11341
  }
@@ -11465,7 +11465,7 @@ function ReorderItemComponent({ children, style = {}, value, as = "li", onDrag,
11465
11465
  onDrag && onDrag(event, gesturePoint);
11466
11466
  }, onLayoutMeasure: (measured) => registerItem(value, measured), ref: externalRef, ignoreStrict: true, children: children }));
11467
11467
  }
11468
- const ReorderItem = React.forwardRef(ReorderItemComponent);
11468
+ const ReorderItem = /*@__PURE__*/ React.forwardRef(ReorderItemComponent);
11469
11469
 
11470
11470
  var namespace = /*#__PURE__*/Object.freeze({
11471
11471
  __proto__: null,
@@ -961,9 +961,9 @@ const createUnitType = (unit) => ({
961
961
  parse: parseFloat,
962
962
  transform: (v) => `${v}${unit}`,
963
963
  });
964
- const degrees = createUnitType("deg");
965
- const percent = createUnitType("%");
966
- const px = createUnitType("px");
964
+ const degrees = /*@__PURE__*/ createUnitType("deg");
965
+ const percent = /*@__PURE__*/ createUnitType("%");
966
+ const px = /*@__PURE__*/ createUnitType("px");
967
967
  const progressPercentage = {
968
968
  ...percent,
969
969
  parse: (v) => percent.parse(v) / 100,