react-native-reanimated 4.3.0-nightly-20251223-25c938414 → 4.3.0-nightly-20260107-ce9032c25

package/lib/module/css/svg/native/configs/path.js

@@ -2,13 +2,18 @@
 
 // TODO: Fix me
 // @ts-ignore RNSVG doesn't export types for web, see https://github.com/software-mansion/react-native-svg/pull/2801
+import { processOpacity, processSVGPath } from '../processors';
 import { commonSvgProps } from './common';
 
 // TODO: Fix me
 // @ts-ignore RNSVG doesn't export types for web, see https://github.com/software-mansion/react-native-svg/pull/2801
-// @ts-ignore - remove when more properties are added
 export const SVG_PATH_PROPERTIES_CONFIG = {
-  ...commonSvgProps
-  // TODO - add more properties
+  ...commonSvgProps,
+  d: {
+    process: processSVGPath
+  },
+  opacity: {
+    process: processOpacity
+  }
 };
 //# sourceMappingURL=path.js.map

package/lib/module/css/svg/native/configs/path.js.map

@@ -1 +1 @@
-{"version":3,"names":["commonSvgProps","SVG_PATH_PROPERTIES_CONFIG"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/configs/path.ts"],"mappings":"AAAA,YAAY;;AAEZ;AACA;AAIA,SAASA,cAAc,QAAQ,UAAU;;AAEzC;AACA;AACA;AACA,OAAO,MAAMC,0BAA4D,GAAG;EAC1E,GAAGD;EACH;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["processOpacity","processSVGPath","commonSvgProps","SVG_PATH_PROPERTIES_CONFIG","d","process","opacity"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/configs/path.ts"],"mappings":"AAAA,YAAY;;AAEZ;AACA;AAGA,SAASA,cAAc,EAAEC,cAAc,QAAQ,eAAe;AAE9D,SAASC,cAAc,QAAQ,UAAU;;AAEzC;AACA;AACA,OAAO,MAAMC,0BAA4D,GAAG;EAC1E,GAAGD,cAAc;EACjBE,CAAC,EAAE;IAAEC,OAAO,EAAEJ;EAAe,CAAC;EAC9BK,OAAO,EAAE;IAAED,OAAO,EAAEL;EAAe;AACrC,CAAC","ignoreList":[]}

package/lib/module/css/svg/native/processors/colors.js

@@ -6,6 +6,9 @@ export const ERROR_MESSAGES = {
 };
 export const processColorSVG = value => {
   const processed = processColorNumber(value);
+  if (value === 'none') {
+    return 0;
+  }
   if (processed) {
     return processed;
   }

package/lib/module/css/svg/native/processors/colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["processColorNumber","ReanimatedError","ERROR_MESSAGES","invalidColor","color","JSON","stringify","processColorSVG","value","processed"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/processors/colors.ts"],"mappings":"AAAA,YAAY;;AAGZ,SACEA,kBAAkB,EAClBC,eAAe,QAEV,oBAAoB;AAE3B,OAAO,MAAMC,cAAc,GAAG;EAC5BC,YAAY,EAAGC,KAAc,IAC3B,wBAAwBC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC;AACjD,CAAC;AAED,OAAO,MAAMG,eAGZ,GAAIC,KAAK,IAAK;EACb,MAAMC,SAAS,GAAGT,kBAAkB,CAACQ,KAAK,CAAC;EAE3C,IAAIC,SAAS,EAAE;IACb,OAAOA,SAAS;EAClB;EAEA,IAAID,KAAK,KAAK,aAAa,EAAE;IAC3B,OAAO,KAAK;EACd;EACA,IAAIA,KAAK,KAAK,cAAc,EAAE;IAC5B,OAAO,cAAc;EACvB;EAEA,MAAM,IAAIP,eAAe,CAACC,cAAc,CAACC,YAAY,CAACK,KAAK,CAAC,CAAC;AAC/D,CAAC","ignoreList":[]}
+{"version":3,"names":["processColorNumber","ReanimatedError","ERROR_MESSAGES","invalidColor","color","JSON","stringify","processColorSVG","value","processed"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/processors/colors.ts"],"mappings":"AAAA,YAAY;;AAGZ,SACEA,kBAAkB,EAClBC,eAAe,QAEV,oBAAoB;AAE3B,OAAO,MAAMC,cAAc,GAAG;EAC5BC,YAAY,EAAGC,KAAc,IAC3B,wBAAwBC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC;AACjD,CAAC;AAED,OAAO,MAAMG,eAGZ,GAAIC,KAAK,IAAK;EACb,MAAMC,SAAS,GAAGT,kBAAkB,CAACQ,KAAK,CAAC;EAE3C,IAAIA,KAAK,KAAK,MAAM,EAAE;IACpB,OAAO,CAAC;EACV;EAEA,IAAIC,SAAS,EAAE;IACb,OAAOA,SAAS;EAClB;EAEA,IAAID,KAAK,KAAK,aAAa,EAAE;IAC3B,OAAO,KAAK;EACd;EACA,IAAIA,KAAK,KAAK,cAAc,EAAE;IAC5B,OAAO,cAAc;EACvB;EAEA,MAAM,IAAIP,eAAe,CAACC,cAAc,CAACC,YAAY,CAACK,KAAK,CAAC,CAAC;AAC/D,CAAC","ignoreList":[]}

package/lib/module/css/svg/native/processors/index.js

@@ -3,5 +3,6 @@
 export * from './colors';
 export * from './opacity';
 export * from './others';
+export { processSVGPath } from './path';
 export { processStrokeDashArray } from './stroke';
 //# sourceMappingURL=index.js.map

package/lib/module/css/svg/native/processors/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["processStrokeDashArray"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/processors/index.ts"],"mappings":"AAAA,YAAY;;AACZ,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,SAASA,sBAAsB,QAAQ,UAAU","ignoreList":[]}
+{"version":3,"names":["processSVGPath","processStrokeDashArray"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/processors/index.ts"],"mappings":"AAAA,YAAY;;AACZ,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,SAASA,cAAc,QAAQ,QAAQ;AACvC,SAASC,sBAAsB,QAAQ,UAAU","ignoreList":[]}

package/lib/module/css/svg/native/processors/path.js

@@ -0,0 +1,191 @@
+'use strict';
+
+import { ReanimatedError } from '../../../../common';
+import { arcToCubic, lineToCubic, NUMBER_PATTERN, PATH_COMMAND_LENGTHS, quadraticToCubic, reflectControlPoint, SEGMENT_PATTERN } from '../../../utils';
+export const ERROR_MESSAGES = {
+  invalidSVGPathCommand: (command, args) => `Invalid SVG Path command: ${JSON.stringify(command)} ${JSON.stringify(args)}`,
+  invalidSVGPathStart: command => `Invalid SVG Path: Path must start with "M" or "m", but found "${command}"`
+};
+export const processSVGPath = d => {
+  let pathSegments = parsePathString(d);
+  pathSegments = normalizePath(pathSegments);
+  return pathSegments.flatMap(subArr => subArr).join(' ');
+};
+function processPathSegment(command, args, pathSegments) {
+  let type = command.toLowerCase();
+  if (pathSegments.length === 0 && type !== 'm') {
+    throw new ReanimatedError(ERROR_MESSAGES.invalidSVGPathStart(command));
+  }
+  let argsStartIdx = 0;
+  if (type === 'm' && args.length > PATH_COMMAND_LENGTHS['m']) {
+    pathSegments.push([command, ...args.slice(0, PATH_COMMAND_LENGTHS['m'])]);
+    argsStartIdx += PATH_COMMAND_LENGTHS['m'];
+    type = 'l'; // If m has more than 2 (length['m']) arguments, use them in implicit l commands
+    command = command === 'm' ? 'l' : 'L';
+  }
+  do {
+    if (args.length - argsStartIdx < PATH_COMMAND_LENGTHS[type]) {
+      throw new ReanimatedError(ERROR_MESSAGES.invalidSVGPathCommand(command, args.slice(argsStartIdx)));
+    }
+    pathSegments.push([command, ...args.slice(argsStartIdx, argsStartIdx + PATH_COMMAND_LENGTHS[type])]);
+    argsStartIdx += PATH_COMMAND_LENGTHS[type];
+  } while (args.length - argsStartIdx !== 0);
+}
+function parsePathString(d) {
+  const pathSegments = [];
+  d.replace(SEGMENT_PATTERN, (_, command, argsString) => {
+    const numbers = argsString.match(NUMBER_PATTERN);
+    const args = numbers ? numbers.map(Number) : [];
+    processPathSegment(command, args, pathSegments);
+    return '';
+  });
+  return pathSegments;
+}
+function normalizePath(pathSegments) {
+  const absoluteSegments = absolutizePath(pathSegments);
+  const out = [];
+  const state = {
+    curX: 0,
+    curY: 0,
+    startX: 0,
+    startY: 0,
+    lastCubicCtrlX: 0,
+    lastCubicCtrlY: 0,
+    lastQuadCtrlX: 0,
+    lastQuadCtrlY: 0
+  };
+  for (const seg of absoluteSegments) {
+    let cmd = seg[0];
+    let args = [...seg.slice(1)];
+    if (cmd === 'S') {
+      const [rX, rY] = reflectControlPoint(state.curX, state.curY, state.lastCubicCtrlX, state.lastCubicCtrlY);
+      cmd = 'C';
+      args = [rX, rY, args[0], args[1], args[2], args[3]];
+    } else if (cmd === 'T') {
+      const [rX, rY] = reflectControlPoint(state.curX, state.curY, state.lastQuadCtrlX, state.lastQuadCtrlY);
+      cmd = 'Q';
+      args = [rX, rY, args[0], args[1]];
+    }
+    if (cmd === 'H') {
+      cmd = 'L';
+      args = [args[0], state.curY];
+    }
+    if (cmd === 'V') {
+      cmd = 'L';
+      args = [state.curX, args[0]];
+    }
+    const result = handlers[cmd](state, args);
+    out.push(...result);
+    const isCubic = cmd === 'C';
+    const isQuad = cmd === 'Q';
+    if (!isCubic) {
+      state.lastCubicCtrlX = state.curX;
+      state.lastCubicCtrlY = state.curY;
+    }
+    if (!isQuad) {
+      state.lastQuadCtrlX = state.curX;
+      state.lastQuadCtrlY = state.curY;
+    }
+  }
+  return out;
+}
+function absolutizePath(pathSegments) {
+  let curX = 0,
+    curY = 0;
+  let startX = 0,
+    startY = 0;
+  return pathSegments.map(seg => {
+    const cmd = seg[0];
+    const upperCmd = cmd.toUpperCase();
+    const isRelative = cmd != upperCmd;
+    const args = seg.slice(1);
+    if (isRelative) {
+      if (upperCmd === 'A') {
+        args[5] += curX;
+        args[6] += curY;
+      } else if (upperCmd === 'V') {
+        args[0] += curY;
+      } else if (upperCmd === 'H') {
+        args[0] += curX;
+      } else {
+        for (let i = 0; i < args.length; i += 2) {
+          args[i] += curX;
+          args[i + 1] += curY;
+        }
+      }
+    }
+    switch (upperCmd) {
+      case 'Z':
+        curX = startX;
+        curY = startY;
+        break;
+      case 'H':
+        curX = args[0];
+        break;
+      case 'V':
+        curY = args[0];
+        break;
+      case 'M':
+        curX = args[0];
+        curY = args[1];
+        startX = curX;
+        startY = curY;
+        break;
+      default:
+        // For L, C, S, Q, T, A the last pair is the new cursor
+        if (args.length >= 2) {
+          curX = args[args.length - 2];
+          curY = args[args.length - 1];
+        }
+    }
+    return [upperCmd, ...args];
+  });
+}
+const handlers = {
+  M: (state, args) => {
+    const [x, y] = args;
+    state.curX = state.startX = x;
+    state.curY = state.startY = y;
+    return [['M', x, y]];
+  },
+  L: (state, args) => {
+    const [x, y] = args;
+    const cubic = lineToCubic(state.curX, state.curY, x, y);
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...cubic]];
+  },
+  Q: (state, args) => {
+    const [qcx, qcy, x, y] = args;
+    const cubic = quadraticToCubic(state.curX, state.curY, qcx, qcy, x, y);
+    state.lastQuadCtrlX = qcx;
+    state.lastQuadCtrlY = qcy;
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...cubic]];
+  },
+  C: (state, args) => {
+    const [_cp1x, _cp1y, cp2x, cp2y, x, y] = args;
+    state.lastCubicCtrlX = cp2x;
+    state.lastCubicCtrlY = cp2y;
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...args]];
+  },
+  A: (state, args) => {
+    const cubics = arcToCubic(state.curX, state.curY, args[0], args[1], args[2], args[3], args[4], args[5], args[6]);
+    if (cubics.length === 0) return [];
+    const last = cubics[cubics.length - 1];
+    state.lastCubicCtrlX = last[2];
+    state.lastCubicCtrlY = last[3];
+    state.curX = last[4];
+    state.curY = last[5];
+    return cubics.map(c => ['C', ...c]);
+  },
+  Z: state => {
+    state.curX = state.startX;
+    state.curY = state.startY;
+    return [['Z']];
+  }
+};
+//# sourceMappingURL=path.js.map

package/lib/module/css/svg/native/processors/path.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReanimatedError","arcToCubic","lineToCubic","NUMBER_PATTERN","PATH_COMMAND_LENGTHS","quadraticToCubic","reflectControlPoint","SEGMENT_PATTERN","ERROR_MESSAGES","invalidSVGPathCommand","command","args","JSON","stringify","invalidSVGPathStart","processSVGPath","d","pathSegments","parsePathString","normalizePath","flatMap","subArr","join","processPathSegment","type","toLowerCase","length","argsStartIdx","push","slice","replace","_","argsString","numbers","match","map","Number","absoluteSegments","absolutizePath","out","state","curX","curY","startX","startY","lastCubicCtrlX","lastCubicCtrlY","lastQuadCtrlX","lastQuadCtrlY","seg","cmd","rX","rY","result","handlers","isCubic","isQuad","upperCmd","toUpperCase","isRelative","i","M","x","y","L","cubic","Q","qcx","qcy","C","_cp1x","_cp1y","cp2x","cp2y","A","cubics","last","c","Z"],"sourceRoot":"../../../../../../src","sources":["css/svg/native/processors/path.ts"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,eAAe,QAA6B,oBAAoB;AACzE,SACEC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,oBAAoB,EACpBC,gBAAgB,EAChBC,mBAAmB,EACnBC,eAAe,QACV,gBAAgB;AAEvB,OAAO,MAAMC,cAAc,GAAG;EAC5BC,qBAAqB,EAAEA,CAACC,OAAgB,EAAEC,IAAa,KACrD,6BAA6BC,IAAI,CAACC,SAAS,CAACH,OAAO,CAAC,IAAIE,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC,EAAE;EAChFG,mBAAmB,EAAGJ,OAAe,IACnC,iEAAiEA,OAAO;AAC5E,CAAC;AAID,OAAO,MAAMK,cAA8C,GAAIC,CAAC,IAAK;EACnE,IAAIC,YAA2B,GAAGC,eAAe,CAACF,CAAC,CAAC;EACpDC,YAAY,GAAGE,aAAa,CAACF,YAAY,CAAC;EAE1C,OAAOA,YAAY,CAACG,OAAO,CAAEC,MAAM,IAAKA,MAAM,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAC3D,CAAC;AAED,SAASC,kBAAkBA,CACzBb,OAAe,EACfC,IAAc,EACdM,YAA2B,EACrB;EACN,IAAIO,IAAI,GAAGd,OAAO,CAACe,WAAW,CAAC,CAAC;EAEhC,IAAIR,YAAY,CAACS,MAAM,KAAK,CAAC,IAAIF,IAAI,KAAK,GAAG,EAAE;IAC7C,MAAM,IAAIxB,eAAe,CAACQ,cAAc,CAACM,mBAAmB,CAACJ,OAAO,CAAC,CAAC;EACxE;EAEA,IAAIiB,YAAY,GAAG,CAAC;EAEpB,IAAIH,IAAI,KAAK,GAAG,IAAIb,IAAI,CAACe,MAAM,GAAGtB,oBAAoB,CAAC,GAAG,CAAC,EAAE;IAC3Da,YAAY,CAACW,IAAI,CAAC,CAAClB,OAAO,EAAE,GAAGC,IAAI,CAACkB,KAAK,CAAC,CAAC,EAAEzB,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACzEuB,YAAY,IAAIvB,oBAAoB,CAAC,GAAG,CAAC;IACzCoB,IAAI,GAAG,GAAG,CAAC,CAAC;IACZd,OAAO,GAAGA,OAAO,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG;EACvC;EAEA,GAAG;IACD,IAAIC,IAAI,CAACe,MAAM,GAAGC,YAAY,GAAGvB,oBAAoB,CAACoB,IAAI,CAAC,EAAE;MAC3D,MAAM,IAAIxB,eAAe,CACvBQ,cAAc,CAACC,qBAAqB,CAACC,OAAO,EAAEC,IAAI,CAACkB,KAAK,CAACF,YAAY,CAAC,CACxE,CAAC;IACH;IAEAV,YAAY,CAACW,IAAI,CAAC,CAChBlB,OAAO,EACP,GAAGC,IAAI,CAACkB,KAAK,CAACF,YAAY,EAAEA,YAAY,GAAGvB,oBAAoB,CAACoB,IAAI,CAAC,CAAC,CACvE,CAAC;IACFG,YAAY,IAAIvB,oBAAoB,CAACoB,IAAI,CAAC;EAC5C,CAAC,QAAQb,IAAI,CAACe,MAAM,GAAGC,YAAY,KAAK,CAAC;AAC3C;AAEA,SAAST,eAAeA,CAACF,CAAS,EAAiB;EACjD,MAAMC,YAA2B,GAAG,EAAE;EAEtCD,CAAC,CAACc,OAAO,CAACvB,eAAe,EAAE,CAACwB,CAAC,EAAErB,OAAe,EAAEsB,UAAkB,KAAK;IACrE,MAAMC,OAAO,GAAGD,UAAU,CAACE,KAAK,CAAC/B,cAAc,CAAC;IAChD,MAAMQ,IAAI,GAAGsB,OAAO,GAAGA,OAAO,CAACE,GAAG,CAACC,MAAM,CAAC,GAAG,EAAE;IAE/Cb,kBAAkB,CAACb,OAAO,EAAEC,IAAI,EAAEM,YAAY,CAAC;IAC/C,OAAO,EAAE;EACX,CAAC,CAAC;EAEF,OAAOA,YAAY;AACrB;AAEA,SAASE,aAAaA,CAACF,YAA2B,EAAiB;EACjE,MAAMoB,gBAAgB,GAAGC,cAAc,CAACrB,YAAY,CAAC;EACrD,MAAMsB,GAAkB,GAAG,EAAE;EAE7B,MAAMC,KAAgB,GAAG;IACvBC,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE,CAAC;IACjBC,aAAa,EAAE,CAAC;IAChBC,aAAa,EAAE;EACjB,CAAC;EAED,KAAK,MAAMC,GAAG,IAAIZ,gBAAgB,EAAE;IAClC,IAAIa,GAAG,GAAGD,GAAG,CAAC,CAAC,CAAC;IAChB,IAAItC,IAAI,GAAG,CAAC,GAAGsC,GAAG,CAACpB,KAAK,CAAC,CAAC,CAAC,CAAa;IAExC,IAAIqB,GAAG,KAAK,GAAG,EAAE;MACf,MAAM,CAACC,EAAE,EAAEC,EAAE,CAAC,GAAG9C,mBAAmB,CAClCkC,KAAK,CAACC,IAAI,EACVD,KAAK,CAACE,IAAI,EACVF,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,cACR,CAAC;MACDI,GAAG,GAAG,GAAG;MACTvC,IAAI,GAAG,CAACwC,EAAE,EAAEC,EAAE,EAAEzC,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,MAAM,IAAIuC,GAAG,KAAK,GAAG,EAAE;MACtB,MAAM,CAACC,EAAE,EAAEC,EAAE,CAAC,GAAG9C,mBAAmB,CAClCkC,KAAK,CAACC,IAAI,EACVD,KAAK,CAACE,IAAI,EACVF,KAAK,CAACO,aAAa,EACnBP,KAAK,CAACQ,aACR,CAAC;MACDE,GAAG,GAAG,GAAG;MACTvC,IAAI,GAAG,CAACwC,EAAE,EAAEC,EAAE,EAAEzC,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAC,CAAC;IACnC;IAEA,IAAIuC,GAAG,KAAK,GAAG,EAAE;MACfA,GAAG,GAAG,GAAG;MACTvC,IAAI,GAAG,CAACA,IAAI,CAAC,CAAC,CAAC,EAAE6B,KAAK,CAACE,IAAI,CAAC;IAC9B;IACA,IAAIQ,GAAG,KAAK,GAAG,EAAE;MACfA,GAAG,GAAG,GAAG;MACTvC,IAAI,GAAG,CAAC6B,KAAK,CAACC,IAAI,EAAE9B,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B;IAEA,MAAM0C,MAAM,GAAGC,QAAQ,CAACJ,GAAG,CAA0B,CAACV,KAAK,EAAE7B,IAAI,CAAC;IAClE4B,GAAG,CAACX,IAAI,CAAC,GAAGyB,MAAM,CAAC;IAEnB,MAAME,OAAO,GAAGL,GAAG,KAAK,GAAG;IAC3B,MAAMM,MAAM,GAAGN,GAAG,KAAK,GAAG;IAE1B,IAAI,CAACK,OAAO,EAAE;MACZf,KAAK,CAACK,cAAc,GAAGL,KAAK,CAACC,IAAI;MACjCD,KAAK,CAACM,cAAc,GAAGN,KAAK,CAACE,IAAI;IACnC;IACA,IAAI,CAACc,MAAM,EAAE;MACXhB,KAAK,CAACO,aAAa,GAAGP,KAAK,CAACC,IAAI;MAChCD,KAAK,CAACQ,aAAa,GAAGR,KAAK,CAACE,IAAI;IAClC;EACF;EAEA,OAAOH,GAAG;AACZ;AAEA,SAASD,cAAcA,CAACrB,YAA2B,EAAiB;EAClE,IAAIwB,IAAI,GAAG,CAAC;IACVC,IAAI,GAAG,CAAC;EACV,IAAIC,MAAM,GAAG,CAAC;IACZC,MAAM,GAAG,CAAC;EAEZ,OAAO3B,YAAY,CAACkB,GAAG,CAAEc,GAAG,IAAK;IAC/B,MAAMC,GAAG,GAAGD,GAAG,CAAC,CAAC,CAAC;IAClB,MAAMQ,QAAQ,GAAGP,GAAG,CAACQ,WAAW,CAAC,CAAC;IAClC,MAAMC,UAAU,GAAGT,GAAG,IAAIO,QAAQ;IAElC,MAAM9C,IAAI,GAAGsC,GAAG,CAACpB,KAAK,CAAC,CAAC,CAAa;IAErC,IAAI8B,UAAU,EAAE;MACd,IAAIF,QAAQ,KAAK,GAAG,EAAE;QACpB9C,IAAI,CAAC,CAAC,CAAC,IAAI8B,IAAI;QACf9B,IAAI,CAAC,CAAC,CAAC,IAAI+B,IAAI;MACjB,CAAC,MAAM,IAAIe,QAAQ,KAAK,GAAG,EAAE;QAC3B9C,IAAI,CAAC,CAAC,CAAC,IAAI+B,IAAI;MACjB,CAAC,MAAM,IAAIe,QAAQ,KAAK,GAAG,EAAE;QAC3B9C,IAAI,CAAC,CAAC,CAAC,IAAI8B,IAAI;MACjB,CAAC,MAAM;QACL,KAAK,IAAImB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjD,IAAI,CAACe,MAAM,EAAEkC,CAAC,IAAI,CAAC,EAAE;UACvCjD,IAAI,CAACiD,CAAC,CAAC,IAAInB,IAAI;UACf9B,IAAI,CAACiD,CAAC,GAAG,CAAC,CAAC,IAAIlB,IAAI;QACrB;MACF;IACF;IAEA,QAAQe,QAAQ;MACd,KAAK,GAAG;QACNhB,IAAI,GAAGE,MAAM;QACbD,IAAI,GAAGE,MAAM;QACb;MACF,KAAK,GAAG;QACNH,IAAI,GAAG9B,IAAI,CAAC,CAAC,CAAC;QACd;MACF,KAAK,GAAG;QACN+B,IAAI,GAAG/B,IAAI,CAAC,CAAC,CAAC;QACd;MACF,KAAK,GAAG;QACN8B,IAAI,GAAG9B,IAAI,CAAC,CAAC,CAAC;QACd+B,IAAI,GAAG/B,IAAI,CAAC,CAAC,CAAC;QACdgC,MAAM,GAAGF,IAAI;QACbG,MAAM,GAAGF,IAAI;QACb;MACF;QACE;QACA,IAAI/B,IAAI,CAACe,MAAM,IAAI,CAAC,EAAE;UACpBe,IAAI,GAAG9B,IAAI,CAACA,IAAI,CAACe,MAAM,GAAG,CAAC,CAAC;UAC5BgB,IAAI,GAAG/B,IAAI,CAACA,IAAI,CAACe,MAAM,GAAG,CAAC,CAAC;QAC9B;IACJ;IAEA,OAAO,CAAC+B,QAAQ,EAAE,GAAG9C,IAAI,CAAC;EAC5B,CAAC,CAAC;AACJ;AAaA,MAAM2C,QAAQ,GAAG;EACfO,CAAC,EAAEA,CAACrB,KAAgB,EAAE7B,IAAc,KAAoB;IACtD,MAAM,CAACmD,CAAC,EAAEC,CAAC,CAAC,GAAGpD,IAAI;IACnB6B,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACG,MAAM,GAAGmB,CAAC;IAC7BtB,KAAK,CAACE,IAAI,GAAGF,KAAK,CAACI,MAAM,GAAGmB,CAAC;IAC7B,OAAO,CAAC,CAAC,GAAG,EAAED,CAAC,EAAEC,CAAC,CAAC,CAAC;EACtB,CAAC;EAEDC,CAAC,EAAEA,CAACxB,KAAgB,EAAE7B,IAAc,KAAoB;IACtD,MAAM,CAACmD,CAAC,EAAEC,CAAC,CAAC,GAAGpD,IAAI;IACnB,MAAMsD,KAAK,GAAG/D,WAAW,CAACsC,KAAK,CAACC,IAAI,EAAED,KAAK,CAACE,IAAI,EAAEoB,CAAC,EAAEC,CAAC,CAAC;IACvDvB,KAAK,CAACC,IAAI,GAAGqB,CAAC;IACdtB,KAAK,CAACE,IAAI,GAAGqB,CAAC;IACd,OAAO,CAAC,CAAC,GAAG,EAAE,GAAGE,KAAK,CAAC,CAAC;EAC1B,CAAC;EAEDC,CAAC,EAAEA,CAAC1B,KAAgB,EAAE7B,IAAc,KAAoB;IACtD,MAAM,CAACwD,GAAG,EAAEC,GAAG,EAAEN,CAAC,EAAEC,CAAC,CAAC,GAAGpD,IAAI;IAC7B,MAAMsD,KAAK,GAAG5D,gBAAgB,CAACmC,KAAK,CAACC,IAAI,EAAED,KAAK,CAACE,IAAI,EAAEyB,GAAG,EAAEC,GAAG,EAAEN,CAAC,EAAEC,CAAC,CAAC;IACtEvB,KAAK,CAACO,aAAa,GAAGoB,GAAG;IACzB3B,KAAK,CAACQ,aAAa,GAAGoB,GAAG;IACzB5B,KAAK,CAACC,IAAI,GAAGqB,CAAC;IACdtB,KAAK,CAACE,IAAI,GAAGqB,CAAC;IACd,OAAO,CAAC,CAAC,GAAG,EAAE,GAAGE,KAAK,CAAC,CAAC;EAC1B,CAAC;EAEDI,CAAC,EAAEA,CAAC7B,KAAgB,EAAE7B,IAAc,KAAoB;IACtD,MAAM,CAAC2D,KAAK,EAAEC,KAAK,EAAEC,IAAI,EAAEC,IAAI,EAAEX,CAAC,EAAEC,CAAC,CAAC,GAAGpD,IAAI;IAC7C6B,KAAK,CAACK,cAAc,GAAG2B,IAAI;IAC3BhC,KAAK,CAACM,cAAc,GAAG2B,IAAI;IAC3BjC,KAAK,CAACC,IAAI,GAAGqB,CAAC;IACdtB,KAAK,CAACE,IAAI,GAAGqB,CAAC;IACd,OAAO,CAAC,CAAC,GAAG,EAAE,GAAGpD,IAAI,CAAC,CAAC;EACzB,CAAC;EAED+D,CAAC,EAAEA,CAAClC,KAAgB,EAAE7B,IAAc,KAAoB;IACtD,MAAMgE,MAAM,GAAG1E,UAAU,CACvBuC,KAAK,CAACC,IAAI,EACVD,KAAK,CAACE,IAAI,EACV/B,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CAAC,EACPA,IAAI,CAAC,CAAC,CACR,CAAC;IACD,IAAIgE,MAAM,CAACjD,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;IAElC,MAAMkD,IAAI,GAAGD,MAAM,CAACA,MAAM,CAACjD,MAAM,GAAG,CAAC,CAAC;IACtCc,KAAK,CAACK,cAAc,GAAG+B,IAAI,CAAC,CAAC,CAAC;IAC9BpC,KAAK,CAACM,cAAc,GAAG8B,IAAI,CAAC,CAAC,CAAC;IAC9BpC,KAAK,CAACC,IAAI,GAAGmC,IAAI,CAAC,CAAC,CAAC;IACpBpC,KAAK,CAACE,IAAI,GAAGkC,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAOD,MAAM,CAACxC,GAAG,CAAE0C,CAAC,IAAK,CAAC,GAAG,EAAE,GAAGA,CAAC,CAAC,CAAC;EACvC,CAAC;EAEDC,CAAC,EAAGtC,KAAgB,IAAoB;IACtCA,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACG,MAAM;IACzBH,KAAK,CAACE,IAAI,GAAGF,KAAK,CAACI,MAAM;IACzB,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;EAChB;AACF,CAAC","ignoreList":[]}

package/lib/module/css/utils/index.js

@@ -3,5 +3,6 @@
 export * from './equality';
 export * from './guards';
 export * from './parsers';
+export * from './path';
 export * from './props';
 //# sourceMappingURL=index.js.map

package/lib/module/css/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["css/utils/index.ts"],"mappings":"AAAA,YAAY;;AACZ,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["css/utils/index.ts"],"mappings":"AAAA,YAAY;;AACZ,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

package/lib/module/css/utils/path.js

@@ -0,0 +1,127 @@
+'use strict';
+
+export const PATH_COMMAND_LENGTHS = {
+  a: 7,
+  c: 6,
+  h: 1,
+  l: 2,
+  m: 2,
+  q: 4,
+  s: 4,
+  t: 2,
+  v: 1,
+  z: 0
+};
+export const SEGMENT_PATTERN = /([achlmqstvz])([^achlmqstvz]*)/gi;
+export const NUMBER_PATTERN = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;
+export function reflectControlPoint(curX, curY, oldX, oldY) {
+  return [2 * curX - oldX, 2 * curY - oldY];
+}
+export function lineToCubic(x1, y1, x2, y2) {
+  return [x1 + (x2 - x1) / 3, y1 + (y2 - y1) / 3, x1 + 2 * (x2 - x1) / 3, y1 + 2 * (y2 - y1) / 3, x2, y2];
+}
+export function quadraticToCubic(curX, curY, qcx, qcy, x, y) {
+  const cp1x = curX + 2 / 3 * (qcx - curX);
+  const cp1y = curY + 2 / 3 * (qcy - curY);
+  const cp2x = x + 2 / 3 * (qcx - x);
+  const cp2y = y + 2 / 3 * (qcy - y);
+  return [cp1x, cp1y, cp2x, cp2y, x, y];
+}
+export function arcToCubic(startX, startY, radiusX, radiusY, xAxisRotation, largeArcFlag, sweepFlag, endX, endY) {
+  // Identical endpoints -- omit the segment
+  if (startX === endX && startY === endY) {
+    return [];
+  }
+  radiusX = Math.abs(radiusX);
+  radiusY = Math.abs(radiusY);
+
+  // Degenerate case:
+  if (radiusX === 0 || radiusY === 0) {
+    return [lineToCubic(startX, startY, endX, endY)];
+  }
+  const fA = largeArcFlag !== 0 ? 1 : 0;
+  const fS = sweepFlag !== 0 ? 1 : 0;
+  const phi = xAxisRotation % 360 * Math.PI / 180;
+  const sinPhi = Math.sin(phi);
+  const cosPhi = Math.cos(phi);
+  const {
+    centerX,
+    centerY,
+    startAngle,
+    deltaAngle,
+    correctedRadiusX,
+    correctedRadiusY
+  } = getCenterParameterization(startX, startY, radiusX, radiusY, fA, fS, endX, endY, sinPhi, cosPhi);
+  return splitArcIntoSegments(centerX, centerY, startAngle, deltaAngle, correctedRadiusX, correctedRadiusY, sinPhi, cosPhi);
+}
+function getCenterParameterization(startX, startY, radiusX, radiusY, largeArcFlag, sweepFlag, endX, endY, sinRotation, cosRotation) {
+  const xPrime = cosRotation * (startX - endX) / 2 + sinRotation * (startY - endY) / 2;
+  const yPrime = -sinRotation * (startX - endX) / 2 + cosRotation * (startY - endY) / 2;
+  const xPrimeSq = xPrime * xPrime;
+  const yPrimeSq = yPrime * yPrime;
+  let correctedRadiusX = radiusX;
+  let correctedRadiusY = radiusY;
+  const radCheck = xPrimeSq / (correctedRadiusX * correctedRadiusX) + yPrimeSq / (correctedRadiusY * correctedRadiusY);
+  if (radCheck > 1) {
+    const scale = Math.sqrt(radCheck);
+    correctedRadiusX *= scale;
+    correctedRadiusY *= scale;
+  }
+  const crxSq = correctedRadiusX * correctedRadiusX;
+  const crySq = correctedRadiusY * correctedRadiusY;
+  const sign = largeArcFlag === sweepFlag ? -1 : 1;
+  const numerator = Math.max(0, crxSq * crySq - crxSq * yPrimeSq - crySq * xPrimeSq);
+  const denominator = crxSq * yPrimeSq + crySq * xPrimeSq;
+  const coef = sign * Math.sqrt(numerator / denominator);
+  const cxp = coef * (correctedRadiusX * yPrime / correctedRadiusY);
+  const cyp = coef * (-(correctedRadiusY * xPrime) / correctedRadiusX);
+  const centerX = cosRotation * cxp - sinRotation * cyp + (startX + endX) / 2;
+  const centerY = sinRotation * cxp + cosRotation * cyp + (startY + endY) / 2;
+  const startVectorX = (xPrime - cxp) / correctedRadiusX;
+  const startVectorY = (yPrime - cyp) / correctedRadiusY;
+  const endVectorX = (-xPrime - cxp) / correctedRadiusX;
+  const endVectorY = (-yPrime - cyp) / correctedRadiusY;
+  const startAngle = calculateAngle(1, 0, startVectorX, startVectorY);
+  let deltaAngle = calculateAngle(startVectorX, startVectorY, endVectorX, endVectorY);
+  if (sweepFlag === 0 && deltaAngle > 0) deltaAngle -= 2 * Math.PI;
+  if (sweepFlag === 1 && deltaAngle < 0) deltaAngle += 2 * Math.PI;
+  return {
+    centerX,
+    centerY,
+    startAngle,
+    deltaAngle,
+    correctedRadiusX,
+    correctedRadiusY
+  };
+}
+function calculateAngle(uX, uY, vX, vY) {
+  const dot = uX * vX + uY * vY;
+  const mag = Math.sqrt(uX * uX + uY * uY) * Math.sqrt(vX * vX + vY * vY);
+  const sign = uX * vY - uY * vX < 0 ? -1 : 1;
+  return sign * Math.acos(Math.max(-1, Math.min(1, dot / mag)));
+}
+function splitArcIntoSegments(centerX, centerY, startAngle, deltaAngle, radiusX, radiusY, sinRotation, cosRotation) {
+  const segments = Math.ceil(Math.abs(deltaAngle) / (Math.PI / 2));
+  const segmentAngle = deltaAngle / segments;
+  const k = 4 / 3 * Math.tan(segmentAngle / 4);
+  const cubics = [];
+  for (let i = 0; i < segments; i++) {
+    const a1 = startAngle + i * segmentAngle;
+    const a2 = startAngle + (i + 1) * segmentAngle;
+    const cos1 = Math.cos(a1),
+      sin1 = Math.sin(a1);
+    const cos2 = Math.cos(a2),
+      sin2 = Math.sin(a2);
+    const unitX1 = cos1 - k * sin1;
+    const unitY1 = sin1 + k * cos1;
+    const unitX2 = cos2 + k * sin2;
+    const unitY2 = sin2 - k * cos2;
+    const transformToEllipse = (uX, uY) => [centerX + cosRotation * uX * radiusX - sinRotation * uY * radiusY, centerY + sinRotation * uX * radiusX + cosRotation * uY * radiusY];
+    const [cp1x, cp1y] = transformToEllipse(unitX1, unitY1);
+    const [cp2x, cp2y] = transformToEllipse(unitX2, unitY2);
+    const [dstX, dstY] = transformToEllipse(cos2, sin2);
+    cubics.push([cp1x, cp1y, cp2x, cp2y, dstX, dstY]);
+  }
+  return cubics;
+}
+//# sourceMappingURL=path.js.map

package/lib/module/css/utils/path.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PATH_COMMAND_LENGTHS","a","c","h","l","m","q","s","t","v","z","SEGMENT_PATTERN","NUMBER_PATTERN","reflectControlPoint","curX","curY","oldX","oldY","lineToCubic","x1","y1","x2","y2","quadraticToCubic","qcx","qcy","x","y","cp1x","cp1y","cp2x","cp2y","arcToCubic","startX","startY","radiusX","radiusY","xAxisRotation","largeArcFlag","sweepFlag","endX","endY","Math","abs","fA","fS","phi","PI","sinPhi","sin","cosPhi","cos","centerX","centerY","startAngle","deltaAngle","correctedRadiusX","correctedRadiusY","getCenterParameterization","splitArcIntoSegments","sinRotation","cosRotation","xPrime","yPrime","xPrimeSq","yPrimeSq","radCheck","scale","sqrt","crxSq","crySq","sign","numerator","max","denominator","coef","cxp","cyp","startVectorX","startVectorY","endVectorX","endVectorY","calculateAngle","uX","uY","vX","vY","dot","mag","acos","min","segments","ceil","segmentAngle","k","tan","cubics","i","a1","a2","cos1","sin1","cos2","sin2","unitX1","unitY1","unitX2","unitY2","transformToEllipse","dstX","dstY","push"],"sourceRoot":"../../../../src","sources":["css/utils/path.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/platform-specific/jsVersion.js

@@ -5,5 +5,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '4.3.0-nightly-20251223-25c938414';
+export const jsVersion = '4.3.0-nightly-20260107-ce9032c25';
 //# sourceMappingURL=jsVersion.js.map

package/lib/typescript/css/svg/native/configs/path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/configs/path.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAMtD,eAAO,MAAM,0BAA0B,EAAE,qBAAqB,CAAC,SAAS,CAGvE,CAAC"}
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/configs/path.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKtD,eAAO,MAAM,0BAA0B,EAAE,qBAAqB,CAAC,SAAS,CAIvE,CAAC"}

package/lib/typescript/css/svg/native/processors/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/processors/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,cAAc;0BACH,OAAO;CAE9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,CAC1C,UAAU,GAAG,MAAM,EACnB,MAAM,GAAG,KAAK,GAAG,MAAM,CAgBxB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/processors/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,cAAc;0BACH,OAAO;CAE9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,CAC1C,UAAU,GAAG,MAAM,EACnB,MAAM,GAAG,KAAK,GAAG,MAAM,CAoBxB,CAAC"}

package/lib/typescript/css/svg/native/processors/index.d.ts

@@ -1,5 +1,6 @@
 export * from './colors';
 export * from './opacity';
 export * from './others';
+export { processSVGPath } from './path';
 export { processStrokeDashArray } from './stroke';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/css/svg/native/processors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/processors/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/processors/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/css/svg/native/processors/path.d.ts

@@ -0,0 +1,7 @@
+import { type ValueProcessor } from '../../../../common';
+export declare const ERROR_MESSAGES: {
+    invalidSVGPathCommand: (command: unknown, args: unknown) => string;
+    invalidSVGPathStart: (command: string) => string;
+};
+export declare const processSVGPath: ValueProcessor<string, string>;
+//# sourceMappingURL=path.d.ts.map

package/lib/typescript/css/svg/native/processors/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../../../src/css/svg/native/processors/path.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAW1E,eAAO,MAAM,cAAc;qCACQ,OAAO,QAAQ,OAAO;mCAExB,MAAM;CAEtC,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAKzD,CAAC"}

package/lib/typescript/css/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './equality';
 export * from './guards';
 export * from './parsers';
+export * from './path';
 export * from './props';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/css/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/css/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/css/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/lib/typescript/css/utils/path.d.ts

@@ -0,0 +1,8 @@
+export declare const PATH_COMMAND_LENGTHS: Record<string, number>;
+export declare const SEGMENT_PATTERN: RegExp;
+export declare const NUMBER_PATTERN: RegExp;
+export declare function reflectControlPoint(curX: number, curY: number, oldX: number, oldY: number): [number, number];
+export declare function lineToCubic(x1: number, y1: number, x2: number, y2: number): number[];
+export declare function quadraticToCubic(curX: number, curY: number, qcx: number, qcy: number, x: number, y: number): [number, number, number, number, number, number];
+export declare function arcToCubic(startX: number, startY: number, radiusX: number, radiusY: number, xAxisRotation: number, largeArcFlag: number, sweepFlag: number, endX: number, endY: number): number[][];
+//# sourceMappingURL=path.d.ts.map

package/lib/typescript/css/utils/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../src/css/utils/path.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWvD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAqC,CAAC;AAClE,eAAO,MAAM,cAAc,QAAsC,CAAC;AAElE,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,CAAC,MAAM,EAAE,MAAM,CAAC,CAElB;AAED,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT,MAAM,EAAE,CASV;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAMlD;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,MAAM,EAAE,EAAE,CAmDZ"}

package/lib/typescript/platform-specific/jsVersion.d.ts

@@ -3,5 +3,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export declare const jsVersion = "4.3.0-nightly-20251223-25c938414";
+export declare const jsVersion = "4.3.0-nightly-20260107-ce9032c25";
 //# sourceMappingURL=jsVersion.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "4.3.0-nightly-20251223-25c938414",
+  "version": "4.3.0-nightly-20260107-ce9032c25",
   "description": "More powerful alternative to Animated library for React Native.",
   "keywords": [
     "react-native",
@@ -98,7 +98,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-worklets": "0.8.0-nightly-20251223-25c938414"
+    "react-native-worklets": "0.8.0-nightly-20260107-ce9032c25"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",

package/src/css/svg/native/configs/path.ts

@@ -4,13 +4,14 @@
 // @ts-ignore RNSVG doesn't export types for web, see https://github.com/software-mansion/react-native-svg/pull/2801
 import type { PathProps } from 'react-native-svg';
 
+import { processOpacity, processSVGPath } from '../processors';
 import type { SvgStyleBuilderConfig } from './common';
 import { commonSvgProps } from './common';
 
 // TODO: Fix me
 // @ts-ignore RNSVG doesn't export types for web, see https://github.com/software-mansion/react-native-svg/pull/2801
-// @ts-ignore - remove when more properties are added
 export const SVG_PATH_PROPERTIES_CONFIG: SvgStyleBuilderConfig<PathProps> = {
   ...commonSvgProps,
-  // TODO - add more properties
+  d: { process: processSVGPath },
+  opacity: { process: processOpacity },
 };

package/src/css/svg/native/processors/colors.ts

@@ -18,6 +18,10 @@ export const processColorSVG: ValueProcessor<
 > = (value) => {
   const processed = processColorNumber(value);
 
+  if (value === 'none') {
+    return 0;
+  }
+
   if (processed) {
     return processed;
   }

package/src/css/svg/native/processors/index.ts

@@ -2,4 +2,5 @@
 export * from './colors';
 export * from './opacity';
 export * from './others';
+export { processSVGPath } from './path';
 export { processStrokeDashArray } from './stroke';

package/src/css/svg/native/processors/path.ts

@@ -0,0 +1,278 @@
+'use strict';
+
+import { ReanimatedError, type ValueProcessor } from '../../../../common';
+import {
+  arcToCubic,
+  lineToCubic,
+  NUMBER_PATTERN,
+  PATH_COMMAND_LENGTHS,
+  quadraticToCubic,
+  reflectControlPoint,
+  SEGMENT_PATTERN,
+} from '../../../utils';
+
+export const ERROR_MESSAGES = {
+  invalidSVGPathCommand: (command: unknown, args: unknown) =>
+    `Invalid SVG Path command: ${JSON.stringify(command)} ${JSON.stringify(args)}`,
+  invalidSVGPathStart: (command: string) =>
+    `Invalid SVG Path: Path must start with "M" or "m", but found "${command}"`,
+};
+
+type PathCommand = [string, ...number[]];
+
+export const processSVGPath: ValueProcessor<string, string> = (d) => {
+  let pathSegments: PathCommand[] = parsePathString(d);
+  pathSegments = normalizePath(pathSegments);
+
+  return pathSegments.flatMap((subArr) => subArr).join(' ');
+};
+
+function processPathSegment(
+  command: string,
+  args: number[],
+  pathSegments: PathCommand[]
+): void {
+  let type = command.toLowerCase();
+
+  if (pathSegments.length === 0 && type !== 'm') {
+    throw new ReanimatedError(ERROR_MESSAGES.invalidSVGPathStart(command));
+  }
+
+  let argsStartIdx = 0;
+
+  if (type === 'm' && args.length > PATH_COMMAND_LENGTHS['m']) {
+    pathSegments.push([command, ...args.slice(0, PATH_COMMAND_LENGTHS['m'])]);
+    argsStartIdx += PATH_COMMAND_LENGTHS['m'];
+    type = 'l'; // If m has more than 2 (length['m']) arguments, use them in implicit l commands
+    command = command === 'm' ? 'l' : 'L';
+  }
+
+  do {
+    if (args.length - argsStartIdx < PATH_COMMAND_LENGTHS[type]) {
+      throw new ReanimatedError(
+        ERROR_MESSAGES.invalidSVGPathCommand(command, args.slice(argsStartIdx))
+      );
+    }
+
+    pathSegments.push([
+      command,
+      ...args.slice(argsStartIdx, argsStartIdx + PATH_COMMAND_LENGTHS[type]),
+    ]);
+    argsStartIdx += PATH_COMMAND_LENGTHS[type];
+  } while (args.length - argsStartIdx !== 0);
+}
+
+function parsePathString(d: string): PathCommand[] {
+  const pathSegments: PathCommand[] = [];
+
+  d.replace(SEGMENT_PATTERN, (_, command: string, argsString: string) => {
+    const numbers = argsString.match(NUMBER_PATTERN);
+    const args = numbers ? numbers.map(Number) : [];
+
+    processPathSegment(command, args, pathSegments);
+    return '';
+  });
+
+  return pathSegments;
+}
+
+function normalizePath(pathSegments: PathCommand[]): PathCommand[] {
+  const absoluteSegments = absolutizePath(pathSegments);
+  const out: PathCommand[] = [];
+
+  const state: PathState = {
+    curX: 0,
+    curY: 0,
+    startX: 0,
+    startY: 0,
+    lastCubicCtrlX: 0,
+    lastCubicCtrlY: 0,
+    lastQuadCtrlX: 0,
+    lastQuadCtrlY: 0,
+  };
+
+  for (const seg of absoluteSegments) {
+    let cmd = seg[0];
+    let args = [...seg.slice(1)] as number[];
+
+    if (cmd === 'S') {
+      const [rX, rY] = reflectControlPoint(
+        state.curX,
+        state.curY,
+        state.lastCubicCtrlX,
+        state.lastCubicCtrlY
+      );
+      cmd = 'C';
+      args = [rX, rY, args[0], args[1], args[2], args[3]];
+    } else if (cmd === 'T') {
+      const [rX, rY] = reflectControlPoint(
+        state.curX,
+        state.curY,
+        state.lastQuadCtrlX,
+        state.lastQuadCtrlY
+      );
+      cmd = 'Q';
+      args = [rX, rY, args[0], args[1]];
+    }
+
+    if (cmd === 'H') {
+      cmd = 'L';
+      args = [args[0], state.curY];
+    }
+    if (cmd === 'V') {
+      cmd = 'L';
+      args = [state.curX, args[0]];
+    }
+
+    const result = handlers[cmd as keyof typeof handlers](state, args);
+    out.push(...result);
+
+    const isCubic = cmd === 'C';
+    const isQuad = cmd === 'Q';
+
+    if (!isCubic) {
+      state.lastCubicCtrlX = state.curX;
+      state.lastCubicCtrlY = state.curY;
+    }
+    if (!isQuad) {
+      state.lastQuadCtrlX = state.curX;
+      state.lastQuadCtrlY = state.curY;
+    }
+  }
+
+  return out;
+}
+
+function absolutizePath(pathSegments: PathCommand[]): PathCommand[] {
+  let curX = 0,
+    curY = 0;
+  let startX = 0,
+    startY = 0;
+
+  return pathSegments.map((seg) => {
+    const cmd = seg[0];
+    const upperCmd = cmd.toUpperCase();
+    const isRelative = cmd != upperCmd;
+
+    const args = seg.slice(1) as number[];
+
+    if (isRelative) {
+      if (upperCmd === 'A') {
+        args[5] += curX;
+        args[6] += curY;
+      } else if (upperCmd === 'V') {
+        args[0] += curY;
+      } else if (upperCmd === 'H') {
+        args[0] += curX;
+      } else {
+        for (let i = 0; i < args.length; i += 2) {
+          args[i] += curX;
+          args[i + 1] += curY;
+        }
+      }
+    }
+
+    switch (upperCmd) {
+      case 'Z':
+        curX = startX;
+        curY = startY;
+        break;
+      case 'H':
+        curX = args[0];
+        break;
+      case 'V':
+        curY = args[0];
+        break;
+      case 'M':
+        curX = args[0];
+        curY = args[1];
+        startX = curX;
+        startY = curY;
+        break;
+      default:
+        // For L, C, S, Q, T, A the last pair is the new cursor
+        if (args.length >= 2) {
+          curX = args[args.length - 2];
+          curY = args[args.length - 1];
+        }
+    }
+
+    return [upperCmd, ...args];
+  });
+}
+
+type PathState = {
+  curX: number;
+  curY: number;
+  startX: number;
+  startY: number;
+  lastCubicCtrlX: number;
+  lastCubicCtrlY: number;
+  lastQuadCtrlX: number;
+  lastQuadCtrlY: number;
+};
+
+const handlers = {
+  M: (state: PathState, args: number[]): PathCommand[] => {
+    const [x, y] = args;
+    state.curX = state.startX = x;
+    state.curY = state.startY = y;
+    return [['M', x, y]];
+  },
+
+  L: (state: PathState, args: number[]): PathCommand[] => {
+    const [x, y] = args;
+    const cubic = lineToCubic(state.curX, state.curY, x, y);
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...cubic]];
+  },
+
+  Q: (state: PathState, args: number[]): PathCommand[] => {
+    const [qcx, qcy, x, y] = args;
+    const cubic = quadraticToCubic(state.curX, state.curY, qcx, qcy, x, y);
+    state.lastQuadCtrlX = qcx;
+    state.lastQuadCtrlY = qcy;
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...cubic]];
+  },
+
+  C: (state: PathState, args: number[]): PathCommand[] => {
+    const [_cp1x, _cp1y, cp2x, cp2y, x, y] = args;
+    state.lastCubicCtrlX = cp2x;
+    state.lastCubicCtrlY = cp2y;
+    state.curX = x;
+    state.curY = y;
+    return [['C', ...args]];
+  },
+
+  A: (state: PathState, args: number[]): PathCommand[] => {
+    const cubics = arcToCubic(
+      state.curX,
+      state.curY,
+      args[0],
+      args[1],
+      args[2],
+      args[3],
+      args[4],
+      args[5],
+      args[6]
+    );
+    if (cubics.length === 0) return [];
+
+    const last = cubics[cubics.length - 1];
+    state.lastCubicCtrlX = last[2];
+    state.lastCubicCtrlY = last[3];
+    state.curX = last[4];
+    state.curY = last[5];
+
+    return cubics.map((c) => ['C', ...c]);
+  },
+
+  Z: (state: PathState): PathCommand[] => {
+    state.curX = state.startX;
+    state.curY = state.startY;
+    return [['Z']];
+  },
+};

package/src/css/utils/index.ts

@@ -2,4 +2,5 @@
 export * from './equality';
 export * from './guards';
 export * from './parsers';
+export * from './path';
 export * from './props';

package/src/css/utils/path.ts

@@ -0,0 +1,252 @@
+'use strict';
+
+export const PATH_COMMAND_LENGTHS: Record<string, number> = {
+  a: 7,
+  c: 6,
+  h: 1,
+  l: 2,
+  m: 2,
+  q: 4,
+  s: 4,
+  t: 2,
+  v: 1,
+  z: 0,
+};
+
+export const SEGMENT_PATTERN = /([achlmqstvz])([^achlmqstvz]*)/gi;
+export const NUMBER_PATTERN = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;
+
+export function reflectControlPoint(
+  curX: number,
+  curY: number,
+  oldX: number,
+  oldY: number
+): [number, number] {
+  return [2 * curX - oldX, 2 * curY - oldY];
+}
+
+export function lineToCubic(
+  x1: number,
+  y1: number,
+  x2: number,
+  y2: number
+): number[] {
+  return [
+    x1 + (x2 - x1) / 3,
+    y1 + (y2 - y1) / 3,
+    x1 + (2 * (x2 - x1)) / 3,
+    y1 + (2 * (y2 - y1)) / 3,
+    x2,
+    y2,
+  ];
+}
+
+export function quadraticToCubic(
+  curX: number,
+  curY: number,
+  qcx: number,
+  qcy: number,
+  x: number,
+  y: number
+): [number, number, number, number, number, number] {
+  const cp1x = curX + (2 / 3) * (qcx - curX);
+  const cp1y = curY + (2 / 3) * (qcy - curY);
+  const cp2x = x + (2 / 3) * (qcx - x);
+  const cp2y = y + (2 / 3) * (qcy - y);
+  return [cp1x, cp1y, cp2x, cp2y, x, y];
+}
+
+export function arcToCubic(
+  startX: number,
+  startY: number,
+  radiusX: number,
+  radiusY: number,
+  xAxisRotation: number,
+  largeArcFlag: number,
+  sweepFlag: number,
+  endX: number,
+  endY: number
+): number[][] {
+  // Identical endpoints -- omit the segment
+  if (startX === endX && startY === endY) {
+    return [];
+  }
+
+  radiusX = Math.abs(radiusX);
+  radiusY = Math.abs(radiusY);
+
+  // Degenerate case:
+  if (radiusX === 0 || radiusY === 0) {
+    return [lineToCubic(startX, startY, endX, endY)];
+  }
+
+  const fA = largeArcFlag !== 0 ? 1 : 0;
+  const fS = sweepFlag !== 0 ? 1 : 0;
+
+  const phi = ((xAxisRotation % 360) * Math.PI) / 180;
+  const sinPhi = Math.sin(phi);
+  const cosPhi = Math.cos(phi);
+
+  const {
+    centerX,
+    centerY,
+    startAngle,
+    deltaAngle,
+    correctedRadiusX,
+    correctedRadiusY,
+  } = getCenterParameterization(
+    startX,
+    startY,
+    radiusX,
+    radiusY,
+    fA,
+    fS,
+    endX,
+    endY,
+    sinPhi,
+    cosPhi
+  );
+
+  return splitArcIntoSegments(
+    centerX,
+    centerY,
+    startAngle,
+    deltaAngle,
+    correctedRadiusX,
+    correctedRadiusY,
+    sinPhi,
+    cosPhi
+  );
+}
+
+function getCenterParameterization(
+  startX: number,
+  startY: number,
+  radiusX: number,
+  radiusY: number,
+  largeArcFlag: number,
+  sweepFlag: number,
+  endX: number,
+  endY: number,
+  sinRotation: number,
+  cosRotation: number
+) {
+  const xPrime =
+    (cosRotation * (startX - endX)) / 2 + (sinRotation * (startY - endY)) / 2;
+  const yPrime =
+    (-sinRotation * (startX - endX)) / 2 + (cosRotation * (startY - endY)) / 2;
+
+  const xPrimeSq = xPrime * xPrime;
+  const yPrimeSq = yPrime * yPrime;
+
+  let correctedRadiusX = radiusX;
+  let correctedRadiusY = radiusY;
+  const radCheck =
+    xPrimeSq / (correctedRadiusX * correctedRadiusX) +
+    yPrimeSq / (correctedRadiusY * correctedRadiusY);
+
+  if (radCheck > 1) {
+    const scale = Math.sqrt(radCheck);
+    correctedRadiusX *= scale;
+    correctedRadiusY *= scale;
+  }
+
+  const crxSq = correctedRadiusX * correctedRadiusX;
+  const crySq = correctedRadiusY * correctedRadiusY;
+
+  const sign = largeArcFlag === sweepFlag ? -1 : 1;
+  const numerator = Math.max(
+    0,
+    crxSq * crySq - crxSq * yPrimeSq - crySq * xPrimeSq
+  );
+  const denominator = crxSq * yPrimeSq + crySq * xPrimeSq;
+  const coef = sign * Math.sqrt(numerator / denominator);
+
+  const cxp = coef * ((correctedRadiusX * yPrime) / correctedRadiusY);
+  const cyp = coef * (-(correctedRadiusY * xPrime) / correctedRadiusX);
+
+  const centerX = cosRotation * cxp - sinRotation * cyp + (startX + endX) / 2;
+  const centerY = sinRotation * cxp + cosRotation * cyp + (startY + endY) / 2;
+
+  const startVectorX = (xPrime - cxp) / correctedRadiusX;
+  const startVectorY = (yPrime - cyp) / correctedRadiusY;
+  const endVectorX = (-xPrime - cxp) / correctedRadiusX;
+  const endVectorY = (-yPrime - cyp) / correctedRadiusY;
+
+  const startAngle = calculateAngle(1, 0, startVectorX, startVectorY);
+  let deltaAngle = calculateAngle(
+    startVectorX,
+    startVectorY,
+    endVectorX,
+    endVectorY
+  );
+
+  if (sweepFlag === 0 && deltaAngle > 0) deltaAngle -= 2 * Math.PI;
+  if (sweepFlag === 1 && deltaAngle < 0) deltaAngle += 2 * Math.PI;
+
+  return {
+    centerX,
+    centerY,
+    startAngle,
+    deltaAngle,
+    correctedRadiusX,
+    correctedRadiusY,
+  };
+}
+
+function calculateAngle(
+  uX: number,
+  uY: number,
+  vX: number,
+  vY: number
+): number {
+  const dot = uX * vX + uY * vY;
+  const mag = Math.sqrt(uX * uX + uY * uY) * Math.sqrt(vX * vX + vY * vY);
+  const sign = uX * vY - uY * vX < 0 ? -1 : 1;
+  return sign * Math.acos(Math.max(-1, Math.min(1, dot / mag)));
+}
+
+function splitArcIntoSegments(
+  centerX: number,
+  centerY: number,
+  startAngle: number,
+  deltaAngle: number,
+  radiusX: number,
+  radiusY: number,
+  sinRotation: number,
+  cosRotation: number
+): number[][] {
+  const segments = Math.ceil(Math.abs(deltaAngle) / (Math.PI / 2));
+  const segmentAngle = deltaAngle / segments;
+  const k = (4 / 3) * Math.tan(segmentAngle / 4);
+
+  const cubics: number[][] = [];
+
+  for (let i = 0; i < segments; i++) {
+    const a1 = startAngle + i * segmentAngle;
+    const a2 = startAngle + (i + 1) * segmentAngle;
+
+    const cos1 = Math.cos(a1),
+      sin1 = Math.sin(a1);
+    const cos2 = Math.cos(a2),
+      sin2 = Math.sin(a2);
+
+    const unitX1 = cos1 - k * sin1;
+    const unitY1 = sin1 + k * cos1;
+    const unitX2 = cos2 + k * sin2;
+    const unitY2 = sin2 - k * cos2;
+
+    const transformToEllipse = (uX: number, uY: number) => [
+      centerX + cosRotation * uX * radiusX - sinRotation * uY * radiusY,
+      centerY + sinRotation * uX * radiusX + cosRotation * uY * radiusY,
+    ];
+
+    const [cp1x, cp1y] = transformToEllipse(unitX1, unitY1);
+    const [cp2x, cp2y] = transformToEllipse(unitX2, unitY2);
+    const [dstX, dstY] = transformToEllipse(cos2, sin2);
+
+    cubics.push([cp1x, cp1y, cp2x, cp2y, dstX, dstY]);
+  }
+
+  return cubics;
+}

package/src/platform-specific/jsVersion.ts

@@ -4,4 +4,4 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '4.3.0-nightly-20251223-25c938414';
+export const jsVersion = '4.3.0-nightly-20260107-ce9032c25';