@shopify/react-native-skia 0.1.115

package/lib/module/values/animation/functions/interpolate.js

@@ -0,0 +1,132 @@
+// eslint-disable-next-line max-len
+// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
+function interpolateFunction(input, inputRange, outputRange, options) {
+  const {
+    extrapolateLeft,
+    extrapolateRight,
+    easing
+  } = options;
+  let result = input;
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+
+  if (result < inputMin) {
+    if (extrapolateLeft === "identity") {
+      return result;
+    }
+
+    if (extrapolateLeft === "clamp") {
+      result = inputMin;
+    } else if (extrapolateLeft === "extend") {// noop
+    }
+  }
+
+  if (result > inputMax) {
+    if (extrapolateRight === "identity") {
+      return result;
+    }
+
+    if (extrapolateRight === "clamp") {
+      result = inputMax;
+    } else if (extrapolateRight === "extend") {// noop
+    }
+  }
+
+  if (outputMin === outputMax) {
+    return outputMin;
+  } // Input Range
+
+
+  result = (result - inputMin) / (inputMax - inputMin); // Easing
+
+  result = easing(result); // Output Range
+
+  result = result * (outputMax - outputMin) + outputMin;
+  return result;
+}
+
+function findRange(input, inputRange) {
+  let i;
+
+  for (i = 1; i < inputRange.length - 1; ++i) {
+    if (inputRange[i] >= input) {
+      break;
+    }
+  }
+
+  return i - 1;
+}
+
+function checkValidInputRange(arr) {
+  for (let i = 1; i < arr.length; ++i) {
+    if (!(arr[i] > arr[i - 1])) {
+      throw new Error(`inputRange must be strictly monotonically non-decreasing but got [${arr.join(",")}]`);
+    }
+  }
+}
+
+function checkInfiniteRange(name, arr) {
+  if (arr.length < 2) {
+    throw new Error(name + " must have at least 2 elements");
+  }
+
+  for (const index in arr) {
+    if (typeof arr[index] !== "number") {
+      throw new Error(`${name} must contain only numbers`);
+    }
+
+    if (arr[index] === -Infinity || arr[index] === Infinity) {
+      throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
+    }
+  }
+}
+
+export function interpolate(input, inputRange, outputRange, options) {
+  var _options$easing;
+
+  if (typeof input === "undefined") {
+    throw new Error("input can not be undefined");
+  }
+
+  if (typeof inputRange === "undefined") {
+    throw new Error("inputRange can not be undefined");
+  }
+
+  if (typeof outputRange === "undefined") {
+    throw new Error("outputRange can not be undefined");
+  }
+
+  if (inputRange.length !== outputRange.length) {
+    throw new Error("inputRange (" + inputRange.length + ") and outputRange (" + outputRange.length + ") must have the same length");
+  }
+
+  checkInfiniteRange("inputRange", inputRange);
+  checkInfiniteRange("outputRange", outputRange);
+  checkValidInputRange(inputRange);
+  const easing = (_options$easing = options === null || options === void 0 ? void 0 : options.easing) !== null && _options$easing !== void 0 ? _options$easing : num => num;
+  let extrapolateLeft = "extend";
+
+  if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== undefined) {
+    // eslint-disable-next-line prefer-destructuring
+    extrapolateLeft = options.extrapolateLeft;
+  }
+
+  let extrapolateRight = "extend";
+
+  if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) !== undefined) {
+    // eslint-disable-next-line prefer-destructuring
+    extrapolateRight = options.extrapolateRight;
+  }
+
+  if (typeof input !== "number") {
+    throw new TypeError("Cannot interpolate an input which is not a number");
+  }
+
+  const range = findRange(input, inputRange);
+  return interpolateFunction(input, [inputRange[range], inputRange[range + 1]], [outputRange[range], outputRange[range + 1]], {
+    easing,
+    extrapolateLeft,
+    extrapolateRight
+  });
+}
+//# sourceMappingURL=interpolate.js.map

package/lib/module/values/animation/functions/interpolate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interpolate.ts"],"names":["interpolateFunction","input","inputRange","outputRange","options","extrapolateLeft","extrapolateRight","easing","result","inputMin","inputMax","outputMin","outputMax","findRange","i","length","checkValidInputRange","arr","Error","join","checkInfiniteRange","name","index","Infinity","interpolate","num","undefined","TypeError","range"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-len\n// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js\n\ntype ExtrapolateType = \"extend\" | \"identity\" | \"clamp\";\n\nfunction interpolateFunction(\n  input: number,\n  inputRange: [number, number],\n  outputRange: [number, number],\n  options: {\n    easing: (input: number) => number;\n    extrapolateLeft: ExtrapolateType;\n    extrapolateRight: ExtrapolateType;\n  }\n): number {\n  const { extrapolateLeft, extrapolateRight, easing } = options;\n\n  let result = input;\n  const [inputMin, inputMax] = inputRange;\n  const [outputMin, outputMax] = outputRange;\n\n  if (result < inputMin) {\n    if (extrapolateLeft === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateLeft === \"clamp\") {\n      result = inputMin;\n    } else if (extrapolateLeft === \"extend\") {\n      // noop\n    }\n  }\n\n  if (result > inputMax) {\n    if (extrapolateRight === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateRight === \"clamp\") {\n      result = inputMax;\n    } else if (extrapolateRight === \"extend\") {\n      // noop\n    }\n  }\n\n  if (outputMin === outputMax) {\n    return outputMin;\n  }\n\n  // Input Range\n  result = (result - inputMin) / (inputMax - inputMin);\n\n  // Easing\n  result = easing(result);\n\n  // Output Range\n  result = result * (outputMax - outputMin) + outputMin;\n\n  return result;\n}\n\nfunction findRange(input: number, inputRange: readonly number[]) {\n  let i;\n  for (i = 1; i < inputRange.length - 1; ++i) {\n    if (inputRange[i] >= input) {\n      break;\n    }\n  }\n\n  return i - 1;\n}\n\nfunction checkValidInputRange(arr: readonly number[]) {\n  for (let i = 1; i < arr.length; ++i) {\n    if (!(arr[i] > arr[i - 1])) {\n      throw new Error(\n        `inputRange must be strictly monotonically non-decreasing but got [${arr.join(\n          \",\"\n        )}]`\n      );\n    }\n  }\n}\n\nfunction checkInfiniteRange(name: string, arr: readonly number[]) {\n  if (arr.length < 2) {\n    throw new Error(name + \" must have at least 2 elements\");\n  }\n\n  for (const index in arr) {\n    if (typeof arr[index] !== \"number\") {\n      throw new Error(`${name} must contain only numbers`);\n    }\n\n    if (arr[index] === -Infinity || arr[index] === Infinity) {\n      throw new Error(\n        `${name} must contain only finite numbers, but got [${arr.join(\",\")}]`\n      );\n    }\n  }\n}\n\nexport function interpolate(\n  input: number,\n  inputRange: readonly number[],\n  outputRange: readonly number[],\n  options?: {\n    easing?: (input: number) => number;\n    extrapolateLeft?: ExtrapolateType;\n    extrapolateRight?: ExtrapolateType;\n  }\n): number {\n  if (typeof input === \"undefined\") {\n    throw new Error(\"input can not be undefined\");\n  }\n\n  if (typeof inputRange === \"undefined\") {\n    throw new Error(\"inputRange can not be undefined\");\n  }\n\n  if (typeof outputRange === \"undefined\") {\n    throw new Error(\"outputRange can not be undefined\");\n  }\n\n  if (inputRange.length !== outputRange.length) {\n    throw new Error(\n      \"inputRange (\" +\n        inputRange.length +\n        \") and outputRange (\" +\n        outputRange.length +\n        \") must have the same length\"\n    );\n  }\n\n  checkInfiniteRange(\"inputRange\", inputRange);\n  checkInfiniteRange(\"outputRange\", outputRange);\n\n  checkValidInputRange(inputRange);\n\n  const easing = options?.easing ?? ((num: number): number => num);\n\n  let extrapolateLeft: ExtrapolateType = \"extend\";\n  if (options?.extrapolateLeft !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateLeft = options.extrapolateLeft;\n  }\n\n  let extrapolateRight: ExtrapolateType = \"extend\";\n  if (options?.extrapolateRight !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateRight = options.extrapolateRight;\n  }\n\n  if (typeof input !== \"number\") {\n    throw new TypeError(\"Cannot interpolate an input which is not a number\");\n  }\n\n  const range = findRange(input, inputRange);\n  return interpolateFunction(\n    input,\n    [inputRange[range], inputRange[range + 1]],\n    [outputRange[range], outputRange[range + 1]],\n    {\n      easing,\n      extrapolateLeft,\n      extrapolateRight,\n    }\n  );\n}\n"]}

package/lib/module/values/animation/functions/interpolateColors.js

@@ -0,0 +1,32 @@
+import { mix } from "../../../renderer";
+import { alphaf, blue, green, red, rgbaColor, Skia } from "../../../skia";
+import { interpolate } from "./interpolate";
+const CLAMP = {
+  extrapolateLeft: "clamp",
+  extrapolateRight: "clamp"
+};
+
+const interpolateColorsRGB = (value, inputRange, outputRange) => {
+  const r = interpolate(value, inputRange, outputRange.map(c => red(c)), CLAMP);
+  const g = interpolate(value, inputRange, outputRange.map(c => green(c)), CLAMP);
+  const b = interpolate(value, inputRange, outputRange.map(c => blue(c)), CLAMP);
+  const a = interpolate(value, inputRange, outputRange.map(c => alphaf(c)), CLAMP);
+  return rgbaColor(r, g, b, a);
+};
+
+export const interpolateColors = (value, inputRange, _outputRange) => {
+  const outputRange = _outputRange.map(cl => Skia.Color(cl));
+
+  return interpolateColorsRGB(value, inputRange, outputRange);
+}; // This is fast. To be reconcilled with interpolateColors
+// it looks like interpolateColors may not be working as expected
+// these functions need to be tested more thoroughly on both platform
+
+export const mixColors = (value, x, y) => {
+  const r = mix(value, red(x), red(y));
+  const g = mix(value, green(x), green(y));
+  const b = mix(value, blue(x), blue(y));
+  const a = mix(value, alphaf(x), alphaf(y));
+  return rgbaColor(r, g, b, a);
+};
+//# sourceMappingURL=interpolateColors.js.map

package/lib/module/values/animation/functions/interpolateColors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interpolateColors.ts"],"names":["mix","alphaf","blue","green","red","rgbaColor","Skia","interpolate","CLAMP","extrapolateLeft","extrapolateRight","interpolateColorsRGB","value","inputRange","outputRange","r","map","c","g","b","a","interpolateColors","_outputRange","cl","Color","mixColors","x","y"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,KAAvB,EAA8BC,GAA9B,EAAmCC,SAAnC,EAA8CC,IAA9C,QAA0D,eAA1D;AAEA,SAASC,WAAT,QAA4B,eAA5B;AAEA,MAAMC,KAAK,GAAG;AACZC,EAAAA,eAAe,EAAE,OADL;AAEZC,EAAAA,gBAAgB,EAAE;AAFN,CAAd;;AAKA,MAAMC,oBAAoB,GAAG,CAC3BC,KAD2B,EAE3BC,UAF2B,EAG3BC,WAH2B,KAIxB;AACH,QAAMC,CAAC,GAAGR,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOb,GAAG,CAACa,CAAD,CAA1B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMU,CAAC,GAAGX,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOd,KAAK,CAACc,CAAD,CAA5B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMW,CAAC,GAAGZ,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOf,IAAI,CAACe,CAAD,CAA3B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMY,CAAC,GAAGb,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOhB,MAAM,CAACgB,CAAD,CAA7B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,SAAOH,SAAS,CAACU,CAAD,EAAIG,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAhB;AACD,CA9BD;;AAgCA,OAAO,MAAMC,iBAAiB,GAAG,CAC/BT,KAD+B,EAE/BC,UAF+B,EAG/BS,YAH+B,KAI5B;AACH,QAAMR,WAAW,GAAGQ,YAAY,CAACN,GAAb,CAAkBO,EAAD,IAAQjB,IAAI,CAACkB,KAAL,CAAWD,EAAX,CAAzB,CAApB;;AACA,SAAOZ,oBAAoB,CAACC,KAAD,EAAQC,UAAR,EAAoBC,WAApB,CAA3B;AACD,CAPM,C,CASP;AACA;AACA;;AACA,OAAO,MAAMW,SAAS,GAAG,CAACb,KAAD,EAAgBc,CAAhB,EAA2BC,CAA3B,KAAyC;AAChE,QAAMZ,CAAC,GAAGf,GAAG,CAACY,KAAD,EAAQR,GAAG,CAACsB,CAAD,CAAX,EAAgBtB,GAAG,CAACuB,CAAD,CAAnB,CAAb;AACA,QAAMT,CAAC,GAAGlB,GAAG,CAACY,KAAD,EAAQT,KAAK,CAACuB,CAAD,CAAb,EAAkBvB,KAAK,CAACwB,CAAD,CAAvB,CAAb;AACA,QAAMR,CAAC,GAAGnB,GAAG,CAACY,KAAD,EAAQV,IAAI,CAACwB,CAAD,CAAZ,EAAiBxB,IAAI,CAACyB,CAAD,CAArB,CAAb;AACA,QAAMP,CAAC,GAAGpB,GAAG,CAACY,KAAD,EAAQX,MAAM,CAACyB,CAAD,CAAd,EAAmBzB,MAAM,CAAC0B,CAAD,CAAzB,CAAb;AACA,SAAOtB,SAAS,CAACU,CAAD,EAAIG,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAhB;AACD,CANM","sourcesContent":["import { mix } from \"../../../renderer\";\nimport type { Color } from \"../../../skia\";\nimport { alphaf, blue, green, red, rgbaColor, Skia } from \"../../../skia\";\n\nimport { interpolate } from \"./interpolate\";\n\nconst CLAMP = {\n  extrapolateLeft: \"clamp\",\n  extrapolateRight: \"clamp\",\n} as const;\n\nconst interpolateColorsRGB = (\n  value: number,\n  inputRange: number[],\n  outputRange: number[]\n) => {\n  const r = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => red(c)),\n    CLAMP\n  );\n  const g = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => green(c)),\n    CLAMP\n  );\n  const b = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => blue(c)),\n    CLAMP\n  );\n  const a = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => alphaf(c)),\n    CLAMP\n  );\n  return rgbaColor(r, g, b, a);\n};\n\nexport const interpolateColors = (\n  value: number,\n  inputRange: number[],\n  _outputRange: Color[]\n) => {\n  const outputRange = _outputRange.map((cl) => Skia.Color(cl));\n  return interpolateColorsRGB(value, inputRange, outputRange);\n};\n\n// This is fast. To be reconcilled with interpolateColors\n// it looks like interpolateColors may not be working as expected\n// these functions need to be tested more thoroughly on both platform\nexport const mixColors = (value: number, x: number, y: number) => {\n  const r = mix(value, red(x), red(y));\n  const g = mix(value, green(x), green(y));\n  const b = mix(value, blue(x), blue(y));\n  const a = mix(value, alphaf(x), alphaf(y));\n  return rgbaColor(r, g, b, a);\n};\n"]}

package/lib/module/values/animation/index.js

@@ -0,0 +1,5 @@
+export * from "./timing";
+export * from "./spring";
+export * from "./decay";
+export * from "./functions";
+//# sourceMappingURL=index.js.map

package/lib/module/values/animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,aAAd","sourcesContent":["export * from \"./timing\";\nexport * from \"./spring\";\nexport * from \"./decay\";\nexport * from \"./functions\";\n"]}

package/lib/module/values/animation/spring/Spring.js

@@ -0,0 +1,69 @@
+/*
+  Spring animation configurations
+*/
+const Config = {
+  Gentle: {
+    mass: 1,
+    stiffness: 170,
+    damping: 19,
+    velocity: 0
+  },
+  Wobbly: {
+    mass: 1,
+    stiffness: 180,
+    damping: 12,
+    velocity: 0
+  },
+  WobblySlow: {
+    mass: 4,
+    stiffness: 180,
+    damping: 25,
+    velocity: 0
+  },
+  Stiff: {
+    mass: 1,
+    stiffness: 200,
+    damping: 20,
+    velocity: 0
+  },
+  Default: {
+    mass: 1,
+    stiffness: 100,
+    damping: 10,
+    velocity: 0
+  }
+};
+export const Spring = {
+  Config,
+  Gentle: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Gentle,
+      ...config
+    };
+  },
+  Wobbly: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Wobbly,
+      ...config
+    };
+  },
+  WobblySlow: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.WobblySlow,
+      ...config
+    };
+  },
+  Stiff: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Stiff,
+      ...config
+    };
+  },
+  Default: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Default,
+      ...config
+    };
+  }
+};
+//# sourceMappingURL=Spring.js.map

package/lib/module/values/animation/spring/Spring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Spring.ts"],"names":["Config","Gentle","mass","stiffness","damping","velocity","Wobbly","WobblySlow","Stiff","Default","Spring","config"],"mappings":"AAEA;AACA;AACA;AACA,MAAMA,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CADA;AAENC,IAAAA,SAAS,EAAE,GAFL;AAGNC,IAAAA,OAAO,EAAE,EAHH;AAINC,IAAAA,QAAQ,EAAE;AAJJ,GADK;AAObC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,IAAI,EAAE,CADA;AAENC,IAAAA,SAAS,EAAE,GAFL;AAGNC,IAAAA,OAAO,EAAE,EAHH;AAINC,IAAAA,QAAQ,EAAE;AAJJ,GAPK;AAabE,EAAAA,UAAU,EAAE;AACVL,IAAAA,IAAI,EAAE,CADI;AAEVC,IAAAA,SAAS,EAAE,GAFD;AAGVC,IAAAA,OAAO,EAAE,EAHC;AAIVC,IAAAA,QAAQ,EAAE;AAJA,GAbC;AAmBbG,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,SAAS,EAAE,GAFN;AAGLC,IAAAA,OAAO,EAAE,EAHJ;AAILC,IAAAA,QAAQ,EAAE;AAJL,GAnBM;AAyBbI,EAAAA,OAAO,EAAE;AACPP,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,SAAS,EAAE,GAFJ;AAGPC,IAAAA,OAAO,EAAE,EAHF;AAIPC,IAAAA,QAAQ,EAAE;AAJH;AAzBI,CAAf;AAiCA,OAAO,MAAMK,MAAM,GAAG;AACpBV,EAAAA,MADoB;AAEpBC,EAAAA,MAAM,EAAE;AAAA,QAACU,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACtC,GAAGX,MAAM,CAACC,MAD4B;AAEtC,SAAGU;AAFmC,KAAhC;AAAA,GAFY;AAMpBL,EAAAA,MAAM,EAAE;AAAA,QAACK,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACtC,GAAGX,MAAM,CAACM,MAD4B;AAEtC,SAAGK;AAFmC,KAAhC;AAAA,GANY;AAUpBJ,EAAAA,UAAU,EAAE;AAAA,QAACI,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EAC1C,GAAGX,MAAM,CAACO,UADgC;AAE1C,SAAGI;AAFuC,KAAhC;AAAA,GAVQ;AAcpBH,EAAAA,KAAK,EAAE;AAAA,QAACG,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACrC,GAAGX,MAAM,CAACQ,KAD2B;AAErC,SAAGG;AAFkC,KAAhC;AAAA,GAda;AAkBpBF,EAAAA,OAAO,EAAE;AAAA,QAACE,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACvC,GAAGX,MAAM,CAACS,OAD6B;AAEvC,SAAGE;AAFoC,KAAhC;AAAA;AAlBW,CAAf","sourcesContent":["import type { SpringConfig } from \"./types\";\n\n/*\n  Spring animation configurations\n*/\nconst Config = {\n  Gentle: {\n    mass: 1,\n    stiffness: 170,\n    damping: 19,\n    velocity: 0,\n  },\n  Wobbly: {\n    mass: 1,\n    stiffness: 180,\n    damping: 12,\n    velocity: 0,\n  },\n  WobblySlow: {\n    mass: 4,\n    stiffness: 180,\n    damping: 25,\n    velocity: 0,\n  },\n  Stiff: {\n    mass: 1,\n    stiffness: 200,\n    damping: 20,\n    velocity: 0,\n  },\n  Default: {\n    mass: 1,\n    stiffness: 100,\n    damping: 10,\n    velocity: 0,\n  },\n};\n\nexport const Spring = {\n  Config,\n  Gentle: (config: SpringConfig = {}) => ({\n    ...Config.Gentle,\n    ...config,\n  }),\n  Wobbly: (config: SpringConfig = {}) => ({\n    ...Config.Wobbly,\n    ...config,\n  }),\n  WobblySlow: (config: SpringConfig = {}) => ({\n    ...Config.WobblySlow,\n    ...config,\n  }),\n  Stiff: (config: SpringConfig = {}) => ({\n    ...Config.Stiff,\n    ...config,\n  }),\n  Default: (config: SpringConfig = {}) => ({\n    ...Config.Default,\n    ...config,\n  }),\n};\n"]}

package/lib/module/values/animation/spring/functions/index.js

@@ -0,0 +1,2 @@
+export { createSpringEasing } from "./spring";
+//# sourceMappingURL=index.js.map

package/lib/module/values/animation/spring/functions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["createSpringEasing"],"mappings":"AAAA,SAASA,kBAAT,QAAmC,UAAnC","sourcesContent":["export { createSpringEasing } from \"./spring\";\n"]}

package/lib/module/values/animation/spring/functions/spring.js

@@ -0,0 +1,85 @@
+/**
+ * @description Returns a cached jsContext function for a spring with duration
+ * @param mass The mass of the spring
+ * @param stiffness The stiffness of the spring
+ * @param damping Spring damping
+ * @param velocity The initial velocity
+ */
+export const createSpringEasing = params => {
+  const config = {
+    mass: 1,
+    stiffness: 100,
+    damping: 10,
+    velocity: 0,
+    ...params
+  };
+  config.velocity /= 100;
+  return getSpringEasing(config);
+};
+
+const getSpringEasing = config => {
+  const {
+    stiffness,
+    mass,
+    damping,
+    velocity: initialVelocity
+  } = config; // Setup spring state
+
+  const state = {
+    w0: Math.sqrt(stiffness / mass),
+    zeta: 0,
+    wd: 0,
+    a: 1,
+    b: 0
+  };
+  state.zeta = damping / (2 * Math.sqrt(stiffness * mass));
+  state.wd = state.zeta < 1 ? state.w0 * Math.sqrt(1 - state.zeta * state.zeta) : 0;
+  state.a = 1;
+  state.b = state.zeta < 1 ? (state.zeta * state.w0 + -initialVelocity) / state.wd : -initialVelocity + state.w0;
+
+  const update = (t, duration) => {
+    let progress = duration ? duration * t / 1000 : t;
+
+    if (state.zeta < 1) {
+      progress = Math.exp(-progress * state.zeta * state.w0) * (state.a * Math.cos(state.wd * progress) + state.b * Math.sin(state.wd * progress));
+    } else {
+      progress = (state.a + state.b * progress) * Math.exp(-progress * state.w0);
+    }
+
+    if (t === 0 || t === 1) {
+      return t;
+    }
+
+    return 1 - progress;
+  };
+
+  const getDurationMs = () => {
+    var frame = 1 / 6;
+    var elapsed = 0;
+    var rest = 0;
+
+    while (true) {
+      elapsed += frame;
+
+      if (update(elapsed) === 1) {
+        rest++;
+
+        if (rest >= 6) {
+          break;
+        }
+      } else {
+        rest = 0;
+      }
+    }
+
+    var durationMs = elapsed * frame * 1000;
+    return durationMs + 1000;
+  };
+
+  const durationMs = getDurationMs();
+  return {
+    easing: t => update(t, durationMs),
+    duration: durationMs
+  };
+};
+//# sourceMappingURL=spring.js.map

package/lib/module/values/animation/spring/functions/spring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["spring.ts"],"names":["createSpringEasing","params","config","mass","stiffness","damping","velocity","getSpringEasing","initialVelocity","state","w0","Math","sqrt","zeta","wd","a","b","update","t","duration","progress","exp","cos","sin","getDurationMs","frame","elapsed","rest","durationMs","easing"],"mappings":"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","sourcesContent":["import type { SpringConfig } from \"../types\";\nimport type { TimingConfig } from \"../../types\";\n\n/**\n * @description Returns a cached jsContext function for a spring with duration\n * @param mass The mass of the spring\n * @param stiffness The stiffness of the spring\n * @param damping Spring damping\n * @param velocity The initial velocity\n */\nexport const createSpringEasing = (\n  params: Partial<SpringConfig>\n): TimingConfig => {\n  const config = {\n    mass: 1,\n    stiffness: 100,\n    damping: 10,\n    velocity: 0,\n    ...params,\n  };\n  config.velocity /= 100;\n  return getSpringEasing(config);\n};\n\nconst getSpringEasing = (config: Required<SpringConfig>) => {\n  const { stiffness, mass, damping, velocity: initialVelocity } = config;\n  // Setup spring state\n  const state = {\n    w0: Math.sqrt(stiffness / mass),\n    zeta: 0,\n    wd: 0,\n    a: 1,\n    b: 0,\n  };\n  state.zeta = damping / (2 * Math.sqrt(stiffness * mass));\n  state.wd =\n    state.zeta < 1 ? state.w0 * Math.sqrt(1 - state.zeta * state.zeta) : 0;\n  state.a = 1;\n  state.b =\n    state.zeta < 1\n      ? (state.zeta * state.w0 + -initialVelocity) / state.wd\n      : -initialVelocity + state.w0;\n\n  const update = (t: number, duration?: number) => {\n    let progress = duration ? (duration * t) / 1000 : t;\n    if (state.zeta < 1) {\n      progress =\n        Math.exp(-progress * state.zeta * state.w0) *\n        (state.a * Math.cos(state.wd * progress) +\n          state.b * Math.sin(state.wd * progress));\n    } else {\n      progress =\n        (state.a + state.b * progress) * Math.exp(-progress * state.w0);\n    }\n    if (t === 0 || t === 1) {\n      return t;\n    }\n    return 1 - progress;\n  };\n\n  const getDurationMs = () => {\n    var frame = 1 / 6;\n    var elapsed = 0;\n    var rest = 0;\n    while (true) {\n      elapsed += frame;\n      if (update(elapsed) === 1) {\n        rest++;\n        if (rest >= 6) {\n          break;\n        }\n      } else {\n        rest = 0;\n      }\n    }\n    var durationMs = elapsed * frame * 1000;\n    return durationMs + 1000;\n  };\n\n  const durationMs = getDurationMs();\n\n  return {\n    easing: (t: number) => update(t, durationMs),\n    duration: durationMs,\n  };\n};\n"]}

package/lib/module/values/animation/spring/index.js

@@ -0,0 +1,4 @@
+export { Spring } from "./Spring";
+export { runSpring } from "./runSpring";
+export { useSpring } from "./useSpring";
+//# sourceMappingURL=index.js.map

package/lib/module/values/animation/spring/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["Spring","runSpring","useSpring"],"mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,SAAT,QAA0B,aAA1B","sourcesContent":["export { Spring } from \"./Spring\";\nexport { runSpring } from \"./runSpring\";\nexport { useSpring } from \"./useSpring\";\n"]}

package/lib/module/values/animation/spring/runSpring.js

@@ -0,0 +1,21 @@
+import { runTiming } from "../timing/runTiming";
+import { Spring } from "./Spring";
+import { createSpringEasing } from "./functions/spring";
+/**
+ * Creates a new animation on an existing value that will be driven by
+ * an animation value. The value will be run from / to the value in
+ * params and modified by the provided easing curve for the length of
+ * the duration. When the value has reached its desired "to" value the
+ * animation will be stopped.
+ *
+ * @param value The value to animate
+ * @param toOrParams To value or Animation parameters
+ * @param config Spring configuration
+ * @returns an animation value that can be used to start/stop
+ * the animation.
+ */
+
+export const runSpring = (value, toOrParams, config, callback) => {
+  return runTiming(value, toOrParams, createSpringEasing(config !== null && config !== void 0 ? config : Spring.Config.Default), callback);
+};
+//# sourceMappingURL=runSpring.js.map

package/lib/module/values/animation/spring/runSpring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["runSpring.ts"],"names":["runTiming","Spring","createSpringEasing","runSpring","value","toOrParams","config","callback","Config","Default"],"mappings":"AAMA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,MAAT,QAAuB,UAAvB;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG,CACvBC,KADuB,EAEvBC,UAFuB,EAGvBC,MAHuB,EAIvBC,QAJuB,KAKL;AAClB,SAAOP,SAAS,CACdI,KADc,EAEdC,UAFc,EAGdH,kBAAkB,CAACI,MAAD,aAACA,MAAD,cAACA,MAAD,GAAWL,MAAM,CAACO,MAAP,CAAcC,OAAzB,CAHJ,EAIdF,QAJc,CAAhB;AAMD,CAZM","sourcesContent":["import type { SkiaValue, SkiaAnimation } from \"../../types\";\nimport type {\n  AnimationParams,\n  SpringConfig,\n  AnimationCallback,\n} from \"../types\";\nimport { runTiming } from \"../timing/runTiming\";\n\nimport { Spring } from \"./Spring\";\nimport { createSpringEasing } from \"./functions/spring\";\n\n/**\n * Creates a new animation on an existing value that will be driven by\n * an animation value. The value will be run from / to the value in\n * params and modified by the provided easing curve for the length of\n * the duration. When the value has reached its desired \"to\" value the\n * animation will be stopped.\n *\n * @param value The value to animate\n * @param toOrParams To value or Animation parameters\n * @param config Spring configuration\n * @returns an animation value that can be used to start/stop\n * the animation.\n */\nexport const runSpring = (\n  value: SkiaValue<number>,\n  toOrParams: number | AnimationParams,\n  config?: SpringConfig,\n  callback?: AnimationCallback\n): SkiaAnimation => {\n  return runTiming(\n    value,\n    toOrParams,\n    createSpringEasing(config ?? Spring.Config.Default),\n    callback\n  );\n};\n"]}

package/lib/module/values/animation/spring/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/values/animation/spring/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/values/animation/spring/useSpring.js

@@ -0,0 +1,13 @@
+import { useTiming } from "../timing";
+import { Spring } from "./Spring";
+import { createSpringEasing } from "./functions/spring";
+/**
+ * Creats a spring based animation value that will run whenever
+ * the animation parameters change.
+ * @param toOrParams
+ * @param config
+ * @returns
+ */
+
+export const useSpring = (toOrParams, config, callback) => useTiming(toOrParams, createSpringEasing(config !== null && config !== void 0 ? config : Spring.Config.Default), callback);
+//# sourceMappingURL=useSpring.js.map

package/lib/module/values/animation/spring/useSpring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSpring.ts"],"names":["useTiming","Spring","createSpringEasing","useSpring","toOrParams","config","callback","Config","Default"],"mappings":"AAMA,SAASA,SAAT,QAA0B,WAA1B;AAEA,SAASC,MAAT,QAAuB,UAAvB;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG,CACvBC,UADuB,EAEvBC,MAFuB,EAGvBC,QAHuB,KAKvBN,SAAS,CACPI,UADO,EAEPF,kBAAkB,CAACG,MAAD,aAACA,MAAD,cAACA,MAAD,GAAWJ,MAAM,CAACM,MAAP,CAAcC,OAAzB,CAFX,EAGPF,QAHO,CALJ","sourcesContent":["import type { SkiaReadonlyValue } from \"../../types\";\nimport type {\n  SpringConfig,\n  AnimationParams,\n  AnimationCallback,\n} from \"../types\";\nimport { useTiming } from \"../timing\";\n\nimport { Spring } from \"./Spring\";\nimport { createSpringEasing } from \"./functions/spring\";\n\n/**\n * Creats a spring based animation value that will run whenever\n * the animation parameters change.\n * @param toOrParams\n * @param config\n * @returns\n */\nexport const useSpring = (\n  toOrParams: number | AnimationParams,\n  config?: SpringConfig,\n  callback?: AnimationCallback\n): SkiaReadonlyValue<number> =>\n  useTiming(\n    toOrParams,\n    createSpringEasing(config ?? Spring.Config.Default),\n    callback\n  );\n"]}

package/lib/module/values/animation/timing/Easing.js

@@ -0,0 +1,98 @@
+// eslint-disable-next-line max-len
+// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/Easing.js
+import { bezier } from "./functions";
+export class Easing {
+  static step0(n) {
+    return n > 0 ? 1 : 0;
+  }
+
+  static step1(n) {
+    return n >= 1 ? 1 : 0;
+  }
+
+  static linear(t) {
+    return t;
+  }
+
+  static ease(t) {
+    return Easing.bezier(0.42, 0, 1, 1)(t);
+  }
+
+  static quad(t) {
+    return t * t;
+  }
+
+  static cubic(t) {
+    return t * t * t;
+  }
+
+  static poly(n) {
+    return t => t ** n;
+  }
+
+  static sin(t) {
+    return 1 - Math.cos(t * Math.PI / 2);
+  }
+
+  static circle(t) {
+    return 1 - Math.sqrt(1 - t * t);
+  }
+
+  static exp(t) {
+    return 2 ** (10 * (t - 1));
+  }
+
+  static elastic() {
+    let bounciness = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    const p = bounciness * Math.PI;
+    return t => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  }
+
+  static back() {
+    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1.70158;
+    return t => t * t * ((s + 1) * t - s);
+  }
+
+  static bounce(t) {
+    if (t < 1 / 2.75) {
+      return 7.5625 * t * t;
+    }
+
+    if (t < 2 / 2.75) {
+      const t2_ = t - 1.5 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.75;
+    }
+
+    if (t < 2.5 / 2.75) {
+      const t2_ = t - 2.25 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.9375;
+    }
+
+    const t2 = t - 2.625 / 2.75;
+    return 7.5625 * t2 * t2 + 0.984375;
+  }
+
+  static bezier(x1, y1, x2, y2) {
+    return bezier(x1, y1, x2, y2);
+  }
+
+  static in(easing) {
+    return easing;
+  }
+
+  static out(easing) {
+    return t => 1 - easing(1 - t);
+  }
+
+  static inOut(easing) {
+    return t => {
+      if (t < 0.5) {
+        return easing(t * 2) / 2;
+      }
+
+      return 1 - easing((1 - t) * 2) / 2;
+    };
+  }
+
+}
+//# sourceMappingURL=Easing.js.map

package/lib/module/values/animation/timing/Easing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Easing.ts"],"names":["bezier","Easing","step0","n","step1","linear","t","ease","quad","cubic","poly","sin","Math","cos","PI","circle","sqrt","exp","elastic","bounciness","p","back","s","bounce","t2_","t2","x1","y1","x2","y2","in","easing","out","inOut"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-len\n// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/Easing.js\n\nimport { bezier } from \"./functions\";\n\nexport class Easing {\n  static step0(n: number): number {\n    return n > 0 ? 1 : 0;\n  }\n\n  static step1(n: number): number {\n    return n >= 1 ? 1 : 0;\n  }\n\n  static linear(t: number): number {\n    return t;\n  }\n\n  static ease(t: number): number {\n    return Easing.bezier(0.42, 0, 1, 1)(t);\n  }\n\n  static quad(t: number): number {\n    return t * t;\n  }\n\n  static cubic(t: number): number {\n    return t * t * t;\n  }\n\n  static poly(n: number): (t: number) => number {\n    return (t: number): number => t ** n;\n  }\n\n  static sin(t: number): number {\n    return 1 - Math.cos((t * Math.PI) / 2);\n  }\n\n  static circle(t: number): number {\n    return 1 - Math.sqrt(1 - t * t);\n  }\n\n  static exp(t: number): number {\n    return 2 ** (10 * (t - 1));\n  }\n\n  static elastic(bounciness = 1): (t: number) => number {\n    const p = bounciness * Math.PI;\n    return (t): number =>\n      1 - Math.cos((t * Math.PI) / 2) ** 3 * Math.cos(t * p);\n  }\n\n  static back(s = 1.70158): (t: number) => number {\n    return (t): number => t * t * ((s + 1) * t - s);\n  }\n\n  static bounce(t: number): number {\n    if (t < 1 / 2.75) {\n      return 7.5625 * t * t;\n    }\n\n    if (t < 2 / 2.75) {\n      const t2_ = t - 1.5 / 2.75;\n      return 7.5625 * t2_ * t2_ + 0.75;\n    }\n\n    if (t < 2.5 / 2.75) {\n      const t2_ = t - 2.25 / 2.75;\n      return 7.5625 * t2_ * t2_ + 0.9375;\n    }\n\n    const t2 = t - 2.625 / 2.75;\n    return 7.5625 * t2 * t2 + 0.984375;\n  }\n\n  static bezier(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number\n  ): (t: number) => number {\n    return bezier(x1, y1, x2, y2);\n  }\n\n  static in(easing: (t: number) => number): (t: number) => number {\n    return easing;\n  }\n\n  static out(easing: (t: number) => number): (t: number) => number {\n    return (t): number => 1 - easing(1 - t);\n  }\n\n  static inOut(easing: (t: number) => number): (t: number) => number {\n    return (t): number => {\n      if (t < 0.5) {\n        return easing(t * 2) / 2;\n      }\n\n      return 1 - easing((1 - t) * 2) / 2;\n    };\n  }\n}\n"]}

package/lib/module/values/animation/timing/createTiming.js

@@ -0,0 +1,49 @@
+import { ValueApi } from "../../api";
+import { timing } from "./functions";
+/**
+ * Creates an animation that is driven by a clock value.
+ * The value will be run from / to the value in params and modified
+ * by the provided easing curve for the length of the duration. When
+ * the value has reached its desired "to" value the animation
+ * will be stopped. If loop is set to true, the animation will continue
+ * to run until stopped.
+ *
+ * @param params Animation parameters
+ * @param config Spring or timing configuration
+ * @param value Optional value that the animation will update
+ * @params an animation value that can be used to start/stop
+ * the animation.
+ */
+
+export const createTiming = (params, value, callback) => {
+  var _ref, _params$from;
+
+  // Update from to be either the declared from value,
+  // the current value of the value or zero
+  const resolvedParams = { ...params,
+    from: (_ref = (_params$from = params.from) !== null && _params$from !== void 0 ? _params$from : value === null || value === void 0 ? void 0 : value.current) !== null && _ref !== void 0 ? _ref : 0
+  }; // Update function for the animation value
+
+  const animationFunction = (t, state) => {
+    var _params$loop, _params$yoyo;
+
+    // Update the input value using the provided update function
+    const nextState = timing(t, params.duration, params.easing, (_params$loop = params.loop) !== null && _params$loop !== void 0 ? _params$loop : false, (_params$yoyo = params.yoyo) !== null && _params$yoyo !== void 0 ? _params$yoyo : false, state !== null && state !== void 0 ? state : {
+      current: params.from,
+      finished: false
+    });
+    const current = nextState.current * (resolvedParams.to - resolvedParams.from) + resolvedParams.from;
+
+    if (callback && nextState.finished === true) {
+      callback(current);
+    }
+
+    return { ...nextState,
+      current
+    };
+  }; // Create animation value
+
+
+  return ValueApi.createAnimation(animationFunction);
+};
+//# sourceMappingURL=createTiming.js.map

package/lib/module/values/animation/timing/createTiming.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createTiming.ts"],"names":["ValueApi","timing","createTiming","params","value","callback","resolvedParams","from","current","animationFunction","t","state","nextState","duration","easing","loop","yoyo","finished","to","createAnimation"],"mappings":"AAMA,SAASA,QAAT,QAAyB,WAAzB;AAEA,SAASC,MAAT,QAAuB,aAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,YAAY,GAAG,CAC1BC,MAD0B,EAE1BC,KAF0B,EAG1BC,QAH0B,KAIvB;AAAA;;AACH;AACA;AACA,QAAMC,cAAc,GAAG,EACrB,GAAGH,MADkB;AAErBI,IAAAA,IAAI,0BAAEJ,MAAM,CAACI,IAAT,uDAAiBH,KAAjB,aAAiBA,KAAjB,uBAAiBA,KAAK,CAAEI,OAAxB,uCAAmC;AAFlB,GAAvB,CAHG,CAQH;;AACA,QAAMC,iBAAiB,GAAG,CAACC,CAAD,EAAYC,KAAZ,KAAkD;AAAA;;AAC1E;AACA,UAAMC,SAAS,GAAGX,MAAM,CACtBS,CADsB,EAEtBP,MAAM,CAACU,QAFe,EAGtBV,MAAM,CAACW,MAHe,kBAItBX,MAAM,CAACY,IAJe,uDAIP,KAJO,kBAKtBZ,MAAM,CAACa,IALe,uDAKP,KALO,EAMtBL,KANsB,aAMtBA,KANsB,cAMtBA,KANsB,GAMb;AAAEH,MAAAA,OAAO,EAAEL,MAAM,CAACI,IAAlB;AAAyBU,MAAAA,QAAQ,EAAE;AAAnC,KANa,CAAxB;AAQA,UAAMT,OAAO,GACXI,SAAS,CAACJ,OAAV,IAAqBF,cAAc,CAACY,EAAf,GAAoBZ,cAAc,CAACC,IAAxD,IACAD,cAAc,CAACC,IAFjB;;AAGA,QAAIF,QAAQ,IAAIO,SAAS,CAACK,QAAV,KAAuB,IAAvC,EAA6C;AAC3CZ,MAAAA,QAAQ,CAACG,OAAD,CAAR;AACD;;AACD,WAAO,EACL,GAAGI,SADE;AAELJ,MAAAA;AAFK,KAAP;AAID,GApBD,CATG,CA+BH;;;AACA,SAAOR,QAAQ,CAACmB,eAAT,CAAyBV,iBAAzB,CAAP;AACD,CArCM","sourcesContent":["import type {\n  TimingConfig,\n  RequiredAnimationParams,\n  AnimationCallback,\n} from \"../types\";\nimport type { AnimationState, SkiaValue } from \"../../types\";\nimport { ValueApi } from \"../../api\";\n\nimport { timing } from \"./functions\";\n\n/**\n * Creates an animation that is driven by a clock value.\n * The value will be run from / to the value in params and modified\n * by the provided easing curve for the length of the duration. When\n * the value has reached its desired \"to\" value the animation\n * will be stopped. If loop is set to true, the animation will continue\n * to run until stopped.\n *\n * @param params Animation parameters\n * @param config Spring or timing configuration\n * @param value Optional value that the animation will update\n * @params an animation value that can be used to start/stop\n * the animation.\n */\nexport const createTiming = (\n  params: RequiredAnimationParams & Required<TimingConfig>,\n  value?: SkiaValue<number>,\n  callback?: AnimationCallback\n) => {\n  // Update from to be either the declared from value,\n  // the current value of the value or zero\n  const resolvedParams = {\n    ...params,\n    from: params.from ?? value?.current ?? 0,\n  };\n\n  // Update function for the animation value\n  const animationFunction = (t: number, state: AnimationState | undefined) => {\n    // Update the input value using the provided update function\n    const nextState = timing(\n      t,\n      params.duration,\n      params.easing,\n      params.loop ?? false,\n      params.yoyo ?? false,\n      state ?? { current: params.from!, finished: false }\n    );\n    const current =\n      nextState.current * (resolvedParams.to - resolvedParams.from!) +\n      resolvedParams.from!;\n    if (callback && nextState.finished === true) {\n      callback(current);\n    }\n    return {\n      ...nextState,\n      current,\n    };\n  };\n\n  // Create animation value\n  return ValueApi.createAnimation(animationFunction);\n};\n"]}