fetta 1.3.1 → 1.3.3

package/dist/{chunk-SGSZGY77.js → chunk-RJ7GQ53Y.js}

@@ -618,6 +618,48 @@ function performSplit(element, measuredWords, charClass, wordClass, lineClass, s
           }
         }
       }
+      for (let wordIdx = 1; wordIdx < allWords.length; wordIdx++) {
+        if (noSpaceBeforeSet.has(allWords[wordIdx])) continue;
+        const prevWord = allWords[wordIdx - 1];
+        const currWord = allWords[wordIdx];
+        const prevChars = Array.from(prevWord.querySelectorAll(`.${charClass}`));
+        const currChars = Array.from(currWord.querySelectorAll(`.${charClass}`));
+        if (prevChars.length === 0 || currChars.length === 0) continue;
+        const lastCharSpan = prevChars[prevChars.length - 1];
+        const firstCharSpan = currChars[0];
+        const lastChar = lastCharSpan.textContent || "";
+        const firstChar = firstCharSpan.textContent || "";
+        if (!lastChar || !firstChar) continue;
+        const styles = getComputedStyle(firstCharSpan);
+        const kerningMap = measureKerning(element, firstCharSpan, [lastChar, " ", firstChar], styles);
+        let totalKerning = 0;
+        if (kerningMap.has(1)) totalKerning += kerningMap.get(1);
+        if (kerningMap.has(2)) totalKerning += kerningMap.get(2);
+        if (Math.abs(totalKerning) > 0.01 && Math.abs(totalKerning) < 20) {
+          const targetElement = (options == null ? void 0 : options.mask) === "chars" && firstCharSpan.parentElement ? firstCharSpan.parentElement : firstCharSpan;
+          targetElement.style.marginLeft = `${totalKerning}px`;
+        }
+      }
+    } else if (splitWords && allWords.length > 1) {
+      for (let wordIdx = 1; wordIdx < allWords.length; wordIdx++) {
+        if (noSpaceBeforeSet.has(allWords[wordIdx])) continue;
+        const prevWord = allWords[wordIdx - 1];
+        const currWord = allWords[wordIdx];
+        const prevText = prevWord.textContent || "";
+        const currText = currWord.textContent || "";
+        if (!prevText || !currText) continue;
+        const lastChar = prevText[prevText.length - 1];
+        const firstChar = currText[0];
+        const styles = getComputedStyle(currWord);
+        const kerningMap = measureKerning(element, currWord, [lastChar, " ", firstChar], styles);
+        let totalKerning = 0;
+        if (kerningMap.has(1)) totalKerning += kerningMap.get(1);
+        if (kerningMap.has(2)) totalKerning += kerningMap.get(2);
+        if (Math.abs(totalKerning) > 0.01 && Math.abs(totalKerning) < 20) {
+          const targetElement = (options == null ? void 0 : options.mask) === "words" && currWord.parentElement ? currWord.parentElement : currWord;
+          targetElement.style.marginLeft = `${totalKerning}px`;
+        }
+      }
     }
     if (splitLines) {
       const lineGroups = groupIntoLines(allWords, element);

package/dist/index.js

@@ -1 +1 @@
-export { splitText } from './chunk-SGSZGY77.js';
+export { splitText } from './chunk-RJ7GQ53Y.js';

package/dist/react.js

@@ -1,4 +1,4 @@
-import { splitText, __spreadProps, __spreadValues, normalizeToPromise } from './chunk-SGSZGY77.js';
+import { splitText, __spreadProps, __spreadValues, normalizeToPromise } from './chunk-RJ7GQ53Y.js';
 import { forwardRef, useRef, useCallback, useState, useLayoutEffect, useEffect, isValidElement, cloneElement } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fetta",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Text splitting library with kerning compensation for animations",
   "type": "module",
   "sideEffects": false,