@wix/motion 1.0.73 → 1.571.0

package/dist/cjs/easings.js

@@ -0,0 +1,272 @@
+"use strict";
+
+exports.__esModule = true;
+exports.sineOut = exports.sineInOut = exports.sineIn = exports.quintOut = exports.quintInOut = exports.quintIn = exports.quartOut = exports.quartInOut = exports.quartIn = exports.quadOut = exports.quadInOut = exports.quadIn = exports.linear = exports.jsEasings = exports.expoOut = exports.expoInOut = exports.expoIn = exports.cubicOut = exports.cubicInOut = exports.cubicIn = exports.cssEasings = exports.circOut = exports.circInOut = exports.circIn = exports.backOut = exports.backInOut = exports.backIn = void 0;
+/**
+ * @file Easing functions as defined by Robert Penner.
+ * @example A playground I made https://codepen.io/tombigel/pen/eYLLVRg
+ */
+
+/**
+ * Linear easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+const linear = t => t;
+
+/**
+ * Sine-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.linear = linear;
+const sineIn = t => 1 - Math.cos(t * Math.PI / 2);
+
+/**
+ * Sine-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.sineIn = sineIn;
+const sineOut = t => Math.sin(t * Math.PI / 2);
+
+/**
+ * Sine-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.sineOut = sineOut;
+const sineInOut = t => -(Math.cos(Math.PI * t) - 1) / 2;
+
+/**
+ * Quadratic-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.sineInOut = sineInOut;
+const quadIn = t => t ** 2;
+
+/**
+ * Quadratic-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quadIn = quadIn;
+const quadOut = t => 1 - (1 - t) ** 2;
+
+/**
+ * Quadratic-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quadOut = quadOut;
+const quadInOut = t => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2;
+
+/**
+ * Cubic-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quadInOut = quadInOut;
+const cubicIn = t => t ** 3;
+
+/**
+ * Cubic-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.cubicIn = cubicIn;
+const cubicOut = t => 1 - (1 - t) ** 3;
+
+/**
+ * Cubic-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.cubicOut = cubicOut;
+const cubicInOut = t => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2;
+
+/**
+ * Quartic-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.cubicInOut = cubicInOut;
+const quartIn = t => t ** 4;
+
+/**
+ * Quartic-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quartIn = quartIn;
+const quartOut = t => 1 - (1 - t) ** 4;
+
+/**
+ * Quartic-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quartOut = quartOut;
+const quartInOut = t => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2;
+
+/**
+ * Quintic-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quartInOut = quartInOut;
+const quintIn = t => t ** 5;
+
+/**
+ * Quintic-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quintIn = quintIn;
+const quintOut = t => 1 - (1 - t) ** 5;
+
+/**
+ * Quintic-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quintOut = quintOut;
+const quintInOut = t => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2;
+
+/**
+ * Exponential-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.quintInOut = quintInOut;
+const expoIn = t => t === 0 ? 0 : 2 ** (10 * t - 10);
+
+/**
+ * Exponential-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.expoIn = expoIn;
+const expoOut = t => t === 1 ? 1 : 1 - 2 ** (-10 * t);
+
+/**
+ * Exponential-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.expoOut = expoOut;
+const expoInOut = t => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2;
+
+/**
+ * Circular-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.expoInOut = expoInOut;
+const circIn = t => 1 - Math.sqrt(1 - t ** 2);
+
+/**
+ * Circular-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.circIn = circIn;
+const circOut = t => Math.sqrt(1 - (t - 1) ** 2);
+
+/**
+ * Circular-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.circOut = circOut;
+const circInOut = t => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2;
+
+/**
+ * Back-in easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.circInOut = circInOut;
+const backIn = t => 2.70158 * t ** 3 - 1.70158 * t ** 2;
+
+/**
+ * Back-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @returns The eased value.
+ */
+exports.backIn = backIn;
+const backOut = t => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2;
+
+/**
+ * Back-in-out easing function.
+ * @param t - The time value (between 0 and 1).
+ * @param k - The back factor (optional, default is 1.70158 * 1.525).
+ * @returns The eased value.
+ */
+exports.backOut = backOut;
+const backInOut = (t, k = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((k + 1) * 2 * t - k) / 2 : ((2 * t - 2) ** 2 * ((k + 1) * (t * 2 - 2) + k) + 2) / 2;
+exports.backInOut = backInOut;
+const jsEasings = exports.jsEasings = {
+  linear,
+  sineIn,
+  sineOut,
+  sineInOut,
+  quadIn,
+  quadOut,
+  quadInOut,
+  cubicIn,
+  cubicOut,
+  cubicInOut,
+  quartIn,
+  quartOut,
+  quartInOut,
+  quintIn,
+  quintOut,
+  quintInOut,
+  expoIn,
+  expoOut,
+  expoInOut,
+  circIn,
+  circOut,
+  circInOut,
+  backIn,
+  backOut,
+  backInOut
+};
+
+/**
+ * CSS cubic-bezier easings based on PostCSS Easings
+ */
+const cssEasings = exports.cssEasings = {
+  linear: 'linear',
+  ease: 'ease',
+  easeIn: 'ease-in',
+  easeOut: 'ease-out',
+  easeInOut: 'ease-in-out',
+  sineIn: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
+  sineOut: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
+  sineInOut: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
+  quadIn: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
+  quadOut: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+  quadInOut: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
+  cubicIn: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
+  cubicOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+  cubicInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  quartIn: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
+  quartOut: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+  quartInOut: 'cubic-bezier(0.77, 0, 0.175, 1)',
+  quintIn: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+  quintOut: 'cubic-bezier(0.23, 1, 0.32, 1)',
+  quintInOut: 'cubic-bezier(0.86, 0, 0.07, 1)',
+  expoIn: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
+  expoOut: 'cubic-bezier(0.19, 1, 0.22, 1)',
+  expoInOut: 'cubic-bezier(1, 0, 0, 1)',
+  circIn: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
+  circOut: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
+  circInOut: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
+  backIn: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
+  backOut: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+  backInOut: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'
+};
+//# sourceMappingURL=easings.js.map

package/dist/cjs/easings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linear","t","exports","sineIn","Math","cos","PI","sineOut","sin","sineInOut","quadIn","quadOut","quadInOut","cubicIn","cubicOut","cubicInOut","quartIn","quartOut","quartInOut","quintIn","quintOut","quintInOut","expoIn","expoOut","expoInOut","circIn","sqrt","circOut","circInOut","backIn","backOut","backInOut","k","jsEasings","cssEasings","ease","easeIn","easeOut","easeInOut"],"sources":["../../src/easings.ts"],"sourcesContent":["/**\n * @file Easing functions as defined by Robert Penner.\n * @example A playground I made https://codepen.io/tombigel/pen/eYLLVRg\n */\n\n/**\n * Linear easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const linear = (t: number) => t;\n\n/**\n * Sine-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const sineIn = (t: number) => 1 - Math.cos((t * Math.PI) / 2);\n\n/**\n * Sine-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const sineOut = (t: number) => Math.sin((t * Math.PI) / 2);\n\n/**\n * Sine-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const sineInOut = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\n\n/**\n * Quadratic-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quadIn = (t: number) => t ** 2;\n\n/**\n * Quadratic-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quadOut = (t: number) => 1 - (1 - t) ** 2;\n\n/**\n * Quadratic-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quadInOut = (t: number) =>\n  t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2;\n\n/**\n * Cubic-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const cubicIn = (t: number) => t ** 3;\n\n/**\n * Cubic-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const cubicOut = (t: number) => 1 - (1 - t) ** 3;\n\n/**\n * Cubic-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const cubicInOut = (t: number) =>\n  t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2;\n\n/**\n * Quartic-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quartIn = (t: number) => t ** 4;\n\n/**\n * Quartic-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quartOut = (t: number) => 1 - (1 - t) ** 4;\n\n/**\n * Quartic-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quartInOut = (t: number) =>\n  t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2;\n\n/**\n * Quintic-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quintIn = (t: number) => t ** 5;\n\n/**\n * Quintic-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quintOut = (t: number) => 1 - (1 - t) ** 5;\n\n/**\n * Quintic-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const quintInOut = (t: number) =>\n  t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2;\n\n/**\n * Exponential-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const expoIn = (t: number) => (t === 0 ? 0 : 2 ** (10 * t - 10));\n\n/**\n * Exponential-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const expoOut = (t: number) => (t === 1 ? 1 : 1 - 2 ** (-10 * t));\n\n/**\n * Exponential-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const expoInOut = (t: number) =>\n  t === 0\n    ? 0\n    : t === 1\n    ? 1\n    : t < 0.5\n    ? 2 ** (20 * t - 10) / 2\n    : (2 - 2 ** (-20 * t + 10)) / 2;\n\n/**\n * Circular-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const circIn = (t: number) => 1 - Math.sqrt(1 - t ** 2);\n\n/**\n * Circular-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const circOut = (t: number) => Math.sqrt(1 - (t - 1) ** 2);\n\n/**\n * Circular-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const circInOut = (t: number) =>\n  t < 0.5\n    ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2\n    : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2;\n\n/**\n * Back-in easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const backIn = (t: number) => 2.70158 * t ** 3 - 1.70158 * t ** 2;\n\n/**\n * Back-out easing function.\n * @param t - The time value (between 0 and 1).\n * @returns The eased value.\n */\nexport const backOut = (t: number) =>\n  1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2;\n\n/**\n * Back-in-out easing function.\n * @param t - The time value (between 0 and 1).\n * @param k - The back factor (optional, default is 1.70158 * 1.525).\n * @returns The eased value.\n */\nexport const backInOut = (t: number, k = 1.70158 * 1.525) =>\n  t < 0.5\n    ? ((2 * t) ** 2 * ((k + 1) * 2 * t - k)) / 2\n    : ((2 * t - 2) ** 2 * ((k + 1) * (t * 2 - 2) + k) + 2) / 2;\n\nexport const jsEasings = {\n  linear,\n  sineIn,\n  sineOut,\n  sineInOut,\n  quadIn,\n  quadOut,\n  quadInOut,\n  cubicIn,\n  cubicOut,\n  cubicInOut,\n  quartIn,\n  quartOut,\n  quartInOut,\n  quintIn,\n  quintOut,\n  quintInOut,\n  expoIn,\n  expoOut,\n  expoInOut,\n  circIn,\n  circOut,\n  circInOut,\n  backIn,\n  backOut,\n  backInOut,\n};\n\n/**\n * CSS cubic-bezier easings based on PostCSS Easings\n */\nexport const cssEasings = {\n  linear: 'linear',\n  ease: 'ease',\n  easeIn: 'ease-in',\n  easeOut: 'ease-out',\n  easeInOut: 'ease-in-out',\n  sineIn: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n  sineOut: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n  sineInOut: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n  quadIn: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n  quadOut: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n  quadInOut: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n  cubicIn: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  cubicOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  cubicInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  quartIn: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n  quartOut: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n  quartInOut: 'cubic-bezier(0.77, 0, 0.175, 1)',\n  quintIn: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  quintOut: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  quintInOut: 'cubic-bezier(0.86, 0, 0.07, 1)',\n  expoIn: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n  expoOut: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  expoInOut: 'cubic-bezier(1, 0, 0, 1)',\n  circIn: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n  circOut: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n  circInOut: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n  backIn: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n  backOut: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n  backInOut: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/external-types.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@wix/yoshi-flow-library/types" />
+//# sourceMappingURL=external-types.d.js.map

package/dist/cjs/external-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _motion = require("./motion");
+Object.keys(_motion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _motion[key]) return;
+  exports[key] = _motion[key];
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_motion","require","Object","keys","forEach","key","exports","_types"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './motion';\nexport * from './types';\n"],"mappings":";;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/library/backgroundScroll/BgCloseUp.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+function create(options, dom) {
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils.measureCompHeight)(measures, dom);
+  }
+  const easing = 'linear';
+  const {
+    scale = 80
+  } = options.namedEffect;
+  return [{
+    ...options,
+    easing,
+    part: 'BG_LAYER',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get startOffsetAdd() {
+      return `calc(50vh + ${Math.round(0.5 * measures.compHeight)}px)`;
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100vh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      opacity: 1
+    }, {
+      opacity: 0
+    }]
+  }, {
+    ...options,
+    easing,
+    part: 'BG_MEDIA',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100vh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      transform: 'perspective(100px) translateZ(0px)'
+    }, {
+      transform: `perspective(100px) translateZ(${scale}px)`
+    }]
+  }];
+}
+//# sourceMappingURL=BgCloseUp.js.map

package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","create","options","dom","measures","compHeight","measureCompHeight","easing","scale","namedEffect","part","startOffset","name","offset","type","value","startOffsetAdd","Math","round","endOffset","endOffsetAdd","keyframes","opacity","transform"],"sources":["../../../../src/library/backgroundScroll/BgCloseUp.ts"],"sourcesContent":["import type {\n  BgCloseUp,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const easing = 'linear';\n  const { scale = 80 } = options.namedEffect as BgCloseUp;\n\n  return [\n    {\n      ...options,\n      easing,\n      part: 'BG_LAYER',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get startOffsetAdd() {\n        return `calc(50vh + ${Math.round(0.5 * measures.compHeight)}px)`;\n      },\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          opacity: 1,\n        },\n        {\n          opacity: 0,\n        },\n      ],\n    },\n    {\n      ...options,\n      easing,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: 'perspective(100px) translateZ(0px)',\n        },\n        {\n          transform: `perspective(100px) translateZ(${scale}px)`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACP,IAAAG,wBAAiB,EAACF,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAMI,MAAM,GAAG,QAAQ;EACvB,MAAM;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGN,OAAO,CAACO,WAAwB;EAEvD,OAAO,CACL;IACE,GAAGP,OAAO;IACVK,MAAM;IACNG,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIC,cAAcA,CAAA,EAAG;MACnB,OAAO,eAAeC,IAAI,CAACC,KAAK,CAAC,GAAG,GAAGd,QAAQ,CAACC,UAAU,CAAC,KAAK;IAClE,CAAC;IACDc,SAAS,EAAE;MACTP,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIK,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBhB,QAAQ,CAACC,UAAU,KAAK;IACjD,CAAC;IACDgB,SAAS,EAAE,CACT;MACEC,OAAO,EAAE;IACX,CAAC,EACD;MACEA,OAAO,EAAE;IACX,CAAC;EAEL,CAAC,EACD;IACE,GAAGpB,OAAO;IACVK,MAAM;IACNG,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBI,SAAS,EAAE;MACTP,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIK,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBhB,QAAQ,CAACC,UAAU,KAAK;IACjD,CAAC;IACDgB,SAAS,EAAE,CACT;MACEE,SAAS,EAAE;IACb,CAAC,EACD;MACEA,SAAS,EAAE,iCAAiCf,KAAK;IACnD,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/cjs/library/backgroundScroll/BgFade.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+const EASE_IN = 'sineIn';
+const EASE_OUT = 'sineOut';
+function create(options, dom) {
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils.measureCompHeight)(measures, dom);
+  }
+  const {
+    range = 'in'
+  } = options.namedEffect;
+  const isOut = range === 'out';
+  const fromValue = isOut ? 1 : 0;
+  const toValue = isOut ? 0 : 1;
+  const easing = isOut ? EASE_OUT : EASE_IN;
+  return [{
+    ...options,
+    part: 'BG_LAYER',
+    easing,
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    startOffsetAdd: isOut ? '100vh' : '0px',
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return isOut ? `calc(100vh + ${measures.compHeight}px)` : `calc(50vh + ${Math.round(0.5 * measures.compHeight)}px)`;
+    },
+    keyframes: [{
+      opacity: fromValue
+    }, {
+      opacity: toValue
+    }]
+  }];
+}
+//# sourceMappingURL=BgFade.js.map

package/dist/cjs/library/backgroundScroll/BgFade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","EASE_IN","EASE_OUT","create","options","dom","measures","compHeight","measureCompHeight","range","namedEffect","isOut","fromValue","toValue","easing","part","startOffset","name","offset","type","value","startOffsetAdd","endOffset","endOffsetAdd","Math","round","keyframes","opacity"],"sources":["../../../../src/library/backgroundScroll/BgFade.ts"],"sourcesContent":["import type {\n  BgFade,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nconst EASE_IN = 'sineIn';\nconst EASE_OUT = 'sineOut';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const { range = 'in' } = options.namedEffect as BgFade;\n  const isOut = range === 'out';\n  const fromValue = isOut ? 1 : 0;\n  const toValue = isOut ? 0 : 1;\n  const easing = isOut ? EASE_OUT : EASE_IN;\n\n  return [\n    {\n      ...options,\n      part: 'BG_LAYER',\n      easing,\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      startOffsetAdd: isOut ? '100vh' : '0px',\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return isOut\n          ? `calc(100vh + ${measures.compHeight}px)`\n          : `calc(50vh + ${Math.round(0.5 * measures.compHeight)}px)`;\n      },\n      keyframes: [\n        {\n          opacity: fromValue,\n        },\n        {\n          opacity: toValue,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,OAAO,GAAG,QAAQ;AACxB,MAAMC,QAAQ,GAAG,SAAS;AAEX,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACP,IAAAG,wBAAiB,EAACF,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAM;IAAEI,KAAK,GAAG;EAAK,CAAC,GAAGL,OAAO,CAACM,WAAqB;EACtD,MAAMC,KAAK,GAAGF,KAAK,KAAK,KAAK;EAC7B,MAAMG,SAAS,GAAGD,KAAK,GAAG,CAAC,GAAG,CAAC;EAC/B,MAAME,OAAO,GAAGF,KAAK,GAAG,CAAC,GAAG,CAAC;EAC7B,MAAMG,MAAM,GAAGH,KAAK,GAAGT,QAAQ,GAAGD,OAAO;EAEzC,OAAO,CACL;IACE,GAAGG,OAAO;IACVW,IAAI,EAAE,UAAU;IAChBD,MAAM;IACNE,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,cAAc,EAAEV,KAAK,GAAG,OAAO,GAAG,KAAK;IACvCW,SAAS,EAAE;MACTL,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIG,YAAYA,CAAA,EAAG;MACjB,OAAOZ,KAAK,GACR,gBAAgBL,QAAQ,CAACC,UAAU,KAAK,GACxC,eAAeiB,IAAI,CAACC,KAAK,CAAC,GAAG,GAAGnB,QAAQ,CAACC,UAAU,CAAC,KAAK;IAC/D,CAAC;IACDmB,SAAS,EAAE,CACT;MACEC,OAAO,EAAEf;IACX,CAAC,EACD;MACEe,OAAO,EAAEd;IACX,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/cjs/library/backgroundScroll/BgFadeBack.js

@@ -0,0 +1,73 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+function create(options, dom) {
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils.measureCompHeight)(measures, dom);
+  }
+  const easing = 'sineOut';
+  const {
+    scale = 0.7
+  } = options.namedEffect;
+  return [{
+    ...options,
+    easing: 'linear',
+    part: 'BG_LAYER',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    startOffsetAdd: '100vh',
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100vh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      opacity: 1
+    }, {
+      opacity: 0
+    }]
+  }, {
+    ...options,
+    easing,
+    part: 'BG_LAYER',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    startOffsetAdd: '100vh',
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100vh + ${Math.round(0.5 * measures.compHeight)}px)`;
+    },
+    keyframes: [{
+      scale: 1
+    }, {
+      scale
+    }]
+  }];
+}
+//# sourceMappingURL=BgFadeBack.js.map

package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","create","options","dom","measures","compHeight","measureCompHeight","easing","scale","namedEffect","part","startOffset","name","offset","type","value","startOffsetAdd","endOffset","endOffsetAdd","keyframes","opacity","Math","round"],"sources":["../../../../src/library/backgroundScroll/BgFadeBack.ts"],"sourcesContent":["import type {\n  BgFadeBack,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const easing = 'sineOut';\n  const { scale = 0.7 } = options.namedEffect as BgFadeBack;\n\n  return [\n    {\n      ...options,\n      easing: 'linear',\n      part: 'BG_LAYER',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      startOffsetAdd: '100vh',\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          opacity: 1,\n        },\n        {\n          opacity: 0,\n        },\n      ],\n    },\n    {\n      ...options,\n      easing,\n      part: 'BG_LAYER',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      startOffsetAdd: '100vh',\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${Math.round(0.5 * measures.compHeight)}px)`;\n      },\n      keyframes: [\n        {\n          scale: 1,\n        },\n        {\n          scale,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACP,IAAAG,wBAAiB,EAACF,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAMI,MAAM,GAAG,SAAS;EACxB,MAAM;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAGN,OAAO,CAACO,WAAyB;EAEzD,OAAO,CACL;IACE,GAAGP,OAAO;IACVK,MAAM,EAAE,QAAQ;IAChBG,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,cAAc,EAAE,OAAO;IACvBC,SAAS,EAAE;MACTL,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIG,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBd,QAAQ,CAACC,UAAU,KAAK;IACjD,CAAC;IACDc,SAAS,EAAE,CACT;MACEC,OAAO,EAAE;IACX,CAAC,EACD;MACEA,OAAO,EAAE;IACX,CAAC;EAEL,CAAC,EACD;IACE,GAAGlB,OAAO;IACVK,MAAM;IACNG,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,cAAc,EAAE,OAAO;IACvBC,SAAS,EAAE;MACTL,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIG,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBG,IAAI,CAACC,KAAK,CAAC,GAAG,GAAGlB,QAAQ,CAACC,UAAU,CAAC,KAAK;IACnE,CAAC;IACDc,SAAS,EAAE,CACT;MACEX,KAAK,EAAE;IACT,CAAC,EACD;MACEA;IACF,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/cjs/library/backgroundScroll/BgFake3D.js

@@ -0,0 +1,103 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+const PERSPECTIVE = 100;
+function create(options, dom) {
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils.measureCompHeight)(measures, dom, true);
+  }
+  const {
+    stretch = 1.3,
+    zoom = 100 / 6
+  } = options.namedEffect;
+  const scale = (0, _utils.getScaleFromPerspectiveAndZ)(zoom, PERSPECTIVE);
+  return [{
+    ...options,
+    part: 'BG_IMG',
+    easing: 'sineOut',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100svh + ${measures.compHeight}px)`;
+    },
+    get keyframes() {
+      return [{
+        transform: 'translateY(10svh)'
+      }, {
+        transform: `translateY(calc(${parseFloat((-0.1 * (2 - scale)).toFixed(2))} * var(--motion-comp-height, ${measures.compHeight}px)))`
+      }];
+    }
+  }, {
+    ...options,
+    part: 'BG_IMG',
+    easing: 'linear',
+    composite: 'add',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100svh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      transform: `scaleY(${stretch})`
+    }, {
+      transform: `scaleY(1)`
+    }]
+  }, {
+    ...options,
+    part: 'BG_IMG',
+    easing: 'sineIn',
+    composite: 'add',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100svh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      transform: `perspective(${PERSPECTIVE}px) translateZ(0px)`
+    }, {
+      transform: `perspective(${PERSPECTIVE}px) translateZ(${parseFloat(zoom.toFixed(2))}px)`
+    }]
+  }];
+}
+//# sourceMappingURL=BgFake3D.js.map

package/dist/cjs/library/backgroundScroll/BgFake3D.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","PERSPECTIVE","create","options","dom","measures","compHeight","measureCompHeight","stretch","zoom","namedEffect","scale","getScaleFromPerspectiveAndZ","part","easing","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform","parseFloat","toFixed","composite"],"sources":["../../../../src/library/backgroundScroll/BgFake3D.ts"],"sourcesContent":["import type {\n  BgFake3D,\n  RangeOffset,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { measureCompHeight, getScaleFromPerspectiveAndZ } from './utils';\n\nconst PERSPECTIVE = 100;\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom, true);\n  }\n\n  const { stretch = 1.3, zoom = 100 / 6 } = options.namedEffect as BgFake3D;\n  const scale = getScaleFromPerspectiveAndZ(zoom, PERSPECTIVE);\n\n  return [\n    {\n      ...options,\n      part: 'BG_IMG',\n      easing: 'sineOut',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      get keyframes() {\n        return [\n          {\n            transform: 'translateY(10svh)',\n          },\n          {\n            transform: `translateY(calc(${parseFloat(\n              (-0.1 * (2 - scale)).toFixed(2),\n            )} * var(--motion-comp-height, ${measures.compHeight}px)))`,\n          },\n        ];\n      },\n    },\n    {\n      ...options,\n      part: 'BG_IMG',\n      easing: 'linear',\n      composite: 'add' as const,\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `scaleY(${stretch})`,\n        },\n        {\n          transform: `scaleY(1)`,\n        },\n      ],\n    },\n    {\n      ...options,\n      part: 'BG_IMG',\n      easing: 'sineIn',\n      composite: 'add' as const,\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(0px)`,\n        },\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${parseFloat(\n            zoom.toFixed(2),\n          )}px)`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}