fetta 1.4.4 → 1.5.0

package/dist/chunk-Y4GCLM4K.js

@@ -1,1077 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/core/splitText.ts
-var ARIA_LABEL_ALLOWED_TAGS = /* @__PURE__ */ new Set([
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "a",
-  "button",
-  "img",
-  "input",
-  "select",
-  "textarea",
-  "table",
-  "figure",
-  "form",
-  "fieldset",
-  "dialog",
-  "details",
-  "section",
-  "article",
-  "nav",
-  "aside",
-  "header",
-  "footer",
-  "main"
-]);
-var BREAK_CHARS = /* @__PURE__ */ new Set([
-  "\u2014",
-  // em-dash
-  "\u2013",
-  // en-dash
-  "-",
-  // hyphen
-  "/",
-  // slash
-  "\u2012",
-  // figure dash (U+2012)
-  "\u2015"
-  // horizontal bar (U+2015)
-]);
-var CONTEXTUAL_SCRIPT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF\u0590-\u05FF\uFB1D-\uFB4F\u0E00-\u0E7F\u0900-\u097F\u0980-\u09FF\u0A00-\u0A7F\u0A80-\u0AFF\u0B00-\u0B7F\u0B80-\u0BFF\u0C00-\u0C7F\u0C80-\u0CFF\u0D00-\u0D7F]/;
-function hasContextualScript(chars) {
-  return chars.some((char) => CONTEXTUAL_SCRIPT_REGEX.test(char));
-}
-var INLINE_ELEMENTS = /* @__PURE__ */ new Set([
-  "a",
-  "abbr",
-  "acronym",
-  "b",
-  "bdi",
-  "bdo",
-  "big",
-  "cite",
-  "code",
-  "data",
-  "del",
-  "dfn",
-  "em",
-  "i",
-  "ins",
-  "kbd",
-  "mark",
-  "q",
-  "s",
-  "samp",
-  "small",
-  "span",
-  "strong",
-  "sub",
-  "sup",
-  "time",
-  "u",
-  "var"
-]);
-var KERNING_STYLE_PROPS = [
-  "font",
-  "font-kerning",
-  "font-variant-ligatures",
-  "font-feature-settings",
-  "font-variation-settings",
-  "font-optical-sizing",
-  "font-size-adjust",
-  "font-stretch",
-  "font-variant-caps",
-  "font-variant-numeric",
-  "font-variant-east-asian",
-  "font-synthesis",
-  "font-synthesis-weight",
-  "font-synthesis-style",
-  "letter-spacing",
-  "word-spacing",
-  "text-rendering",
-  "text-transform",
-  "direction",
-  "unicode-bidi"
-];
-function copyKerningStyles(target, styles) {
-  KERNING_STYLE_PROPS.forEach((prop) => {
-    const value = styles.getPropertyValue(prop);
-    if (value) target.style.setProperty(prop, value);
-  });
-}
-function buildKerningStyleKey(styles) {
-  return KERNING_STYLE_PROPS.map((prop) => styles.getPropertyValue(prop)).join("|");
-}
-var isSafariBrowser = null;
-function isSafari() {
-  if (isSafariBrowser !== null) return isSafariBrowser;
-  if (typeof navigator === "undefined") return false;
-  isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-  return isSafariBrowser;
-}
-function measureKerningDOM(container, styleSource, chars, styles) {
-  const kerningMap = /* @__PURE__ */ new Map();
-  if (chars.length < 2) return kerningMap;
-  const measurer = document.createElement("span");
-  measurer.style.cssText = `
-    position: absolute;
-    visibility: hidden;
-    white-space: pre;
-  `;
-  const computedStyles = styles != null ? styles : getComputedStyle(styleSource);
-  copyKerningStyles(measurer, computedStyles);
-  const webkitSmoothing = computedStyles.webkitFontSmoothing || computedStyles["-webkit-font-smoothing"];
-  const mozSmoothing = computedStyles.MozOsxFontSmoothing || computedStyles["-moz-osx-font-smoothing"];
-  if (webkitSmoothing) {
-    measurer.style.webkitFontSmoothing = webkitSmoothing;
-  }
-  if (mozSmoothing) {
-    measurer.style.MozOsxFontSmoothing = mozSmoothing;
-  }
-  container.appendChild(measurer);
-  const charWidths = /* @__PURE__ */ new Map();
-  for (const char of new Set(chars)) {
-    measurer.textContent = char;
-    charWidths.set(char, measurer.getBoundingClientRect().width);
-  }
-  for (let i = 0; i < chars.length - 1; i++) {
-    const char1 = chars[i];
-    const char2 = chars[i + 1];
-    measurer.textContent = char1 + char2;
-    const pairWidth = measurer.getBoundingClientRect().width;
-    const kerning = pairWidth - charWidths.get(char1) - charWidths.get(char2);
-    if (Math.abs(kerning) > 1e-3) {
-      kerningMap.set(i + 1, kerning);
-    }
-  }
-  container.removeChild(measurer);
-  return kerningMap;
-}
-function measureKerningRange(container, styleSource, chars, styles) {
-  const kerningMap = /* @__PURE__ */ new Map();
-  if (chars.length < 2) return kerningMap;
-  const measurer = document.createElement("span");
-  measurer.style.cssText = "position:absolute;visibility:hidden;white-space:pre;";
-  const computedStyles = styles != null ? styles : getComputedStyle(styleSource);
-  copyKerningStyles(measurer, computedStyles);
-  container.appendChild(measurer);
-  const range = document.createRange();
-  const measureWidth = () => {
-    const textNode = measurer.firstChild;
-    if (!textNode) return 0;
-    range.selectNodeContents(textNode);
-    return range.getBoundingClientRect().width;
-  };
-  const charWidths = /* @__PURE__ */ new Map();
-  for (const char of new Set(chars)) {
-    measurer.textContent = char;
-    charWidths.set(char, measureWidth());
-  }
-  for (let i = 0; i < chars.length - 1; i++) {
-    const char1 = chars[i];
-    const char2 = chars[i + 1];
-    measurer.textContent = char1 + char2;
-    const kerning = measureWidth() - charWidths.get(char1) - charWidths.get(char2);
-    if (Math.abs(kerning) > 1e-3) {
-      kerningMap.set(i + 1, kerning);
-    }
-  }
-  range.detach();
-  container.removeChild(measurer);
-  return kerningMap;
-}
-function measureKerning(container, styleSource, chars, styles) {
-  if (chars.length < 2) return /* @__PURE__ */ new Map();
-  if (!container.isConnected) {
-    console.warn("splitText: kerning measurement requires a connected DOM element. Skipping kerning.");
-    return /* @__PURE__ */ new Map();
-  }
-  const computedStyles = styles != null ? styles : getComputedStyle(styleSource);
-  return isSafari() ? measureKerningDOM(container, styleSource, chars, computedStyles) : measureKerningRange(container, styleSource, chars, computedStyles);
-}
-var srOnlyStylesInjected = false;
-function injectSrOnlyStyles() {
-  if (srOnlyStylesInjected || typeof document === "undefined") return;
-  const style = document.createElement("style");
-  style.textContent = `
-.fetta-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-}`;
-  document.head.appendChild(style);
-  srOnlyStylesInjected = true;
-}
-function createScreenReaderCopy(originalHTML) {
-  const srCopy = document.createElement("span");
-  srCopy.className = "fetta-sr-only";
-  srCopy.innerHTML = originalHTML;
-  srCopy.dataset.fettaSrCopy = "true";
-  return srCopy;
-}
-function hasInlineDescendants(element) {
-  const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT);
-  let node;
-  while (node = walker.nextNode()) {
-    if (INLINE_ELEMENTS.has(node.tagName.toLowerCase())) {
-      return true;
-    }
-  }
-  return false;
-}
-function ancestorChainsEqual(a, b) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i].instanceId !== b[i].instanceId) return false;
-  }
-  return true;
-}
-function groupCharsByAncestors(chars) {
-  if (chars.length === 0) return [];
-  const groups = [];
-  let currentGroup = [chars[0]];
-  let currentAncestors = chars[0].ancestors;
-  for (let i = 1; i < chars.length; i++) {
-    const char = chars[i];
-    if (ancestorChainsEqual(char.ancestors, currentAncestors)) {
-      currentGroup.push(char);
-    } else {
-      groups.push({ ancestors: currentAncestors, chars: currentGroup });
-      currentGroup = [char];
-      currentAncestors = char.ancestors;
-    }
-  }
-  groups.push({ ancestors: currentAncestors, chars: currentGroup });
-  return groups;
-}
-function cloneAncestorAsWrapper(info) {
-  const el = document.createElement(info.tagName);
-  info.attributes.forEach((value, key) => {
-    el.setAttribute(key, value);
-  });
-  return el;
-}
-function wrapInAncestors(content, ancestors) {
-  if (ancestors.length === 0) return content;
-  let wrapped = content;
-  for (let i = 0; i < ancestors.length; i++) {
-    const wrapper = cloneAncestorAsWrapper(ancestors[i]);
-    wrapper.appendChild(wrapped);
-    wrapped = wrapper;
-  }
-  return wrapped;
-}
-function normalizeToPromise(value) {
-  if (!value) return null;
-  if (value instanceof Promise) return value;
-  if (typeof value === "object") {
-    if ("finished" in value) {
-      return value.finished;
-    }
-    if ("then" in value && typeof value.then === "function") {
-      return Promise.resolve(value);
-    }
-  }
-  if (Array.isArray(value)) {
-    const promises = value.map(normalizeToPromise).filter((p) => p !== null);
-    return promises.length ? Promise.all(promises) : null;
-  }
-  return null;
-}
-var segmenterCache = null;
-function segmentGraphemes(text) {
-  if (!segmenterCache) {
-    segmenterCache = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-  }
-  return [...segmenterCache.segment(text)].map((s) => s.segment);
-}
-function buildAncestorChain(textNode, rootElement, ancestorCache) {
-  const ancestors = [];
-  let current = textNode.parentNode;
-  while (current && current !== rootElement && current instanceof Element) {
-    const tagName = current.tagName.toLowerCase();
-    if (INLINE_ELEMENTS.has(tagName)) {
-      let info = ancestorCache.get(current);
-      if (!info) {
-        const attributes = /* @__PURE__ */ new Map();
-        for (const attr of current.attributes) {
-          attributes.set(attr.name, attr.value);
-        }
-        info = {
-          tagName,
-          attributes,
-          instanceId: /* @__PURE__ */ Symbol()
-        };
-        ancestorCache.set(current, info);
-      }
-      ancestors.push(info);
-    }
-    current = current.parentNode;
-  }
-  return ancestors;
-}
-function collectTextStructure(element, trackAncestors) {
-  const words = [];
-  const ancestorCache = trackAncestors ? /* @__PURE__ */ new WeakMap() : null;
-  const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
-  let node;
-  let currentWord = [];
-  let noSpaceBeforeNext = false;
-  const pushWord = () => {
-    if (currentWord.length > 0) {
-      words.push({
-        chars: currentWord,
-        noSpaceBefore: noSpaceBeforeNext
-      });
-      currentWord = [];
-      noSpaceBeforeNext = false;
-    }
-  };
-  const emptyAncestors = [];
-  while (node = walker.nextNode()) {
-    const text = node.textContent || "";
-    const ancestors = trackAncestors ? buildAncestorChain(node, element, ancestorCache) : emptyAncestors;
-    const graphemes = segmentGraphemes(text);
-    for (const grapheme of graphemes) {
-      if (grapheme === " " || grapheme === "\n" || grapheme === "	") {
-        pushWord();
-        noSpaceBeforeNext = false;
-        continue;
-      }
-      currentWord.push({ char: grapheme, ancestors });
-      if (BREAK_CHARS.has(grapheme)) {
-        pushWord();
-        noSpaceBeforeNext = true;
-      }
-    }
-  }
-  pushWord();
-  return words;
-}
-function createSpan(className, index, display = "inline-block", options) {
-  const span = document.createElement("span");
-  if (className) {
-    span.className = className;
-  }
-  if (index !== void 0) {
-    span.dataset.index = index.toString();
-    if ((options == null ? void 0 : options.propIndex) && (options == null ? void 0 : options.propName)) {
-      span.style.setProperty(`--${options.propName}-index`, index.toString());
-    }
-  }
-  span.style.display = display;
-  span.style.position = "relative";
-  span.style.textDecoration = "inherit";
-  if (options == null ? void 0 : options.ariaHidden) {
-    span.setAttribute("aria-hidden", "true");
-  }
-  return span;
-}
-function createMaskWrapper(display = "inline-block") {
-  const wrapper = document.createElement("span");
-  wrapper.style.display = display;
-  wrapper.style.position = "relative";
-  wrapper.style.overflow = "clip";
-  return wrapper;
-}
-var PROTECTED_STYLES = /* @__PURE__ */ new Set([
-  "display",
-  "position",
-  "textDecoration",
-  "fontVariantLigatures"
-]);
-function applyInitialStyles(elements, style) {
-  if (!style || elements.length === 0) return;
-  const isFn = typeof style === "function";
-  for (let i = 0; i < elements.length; i++) {
-    const el = elements[i];
-    const styles = isFn ? style(el, i) : style;
-    for (const [key, value] of Object.entries(styles)) {
-      if (!PROTECTED_STYLES.has(key) && value !== void 0) {
-        el.style[key] = value;
-      }
-    }
-  }
-}
-function applyInitialClasses(elements, className) {
-  if (!className || elements.length === 0) return;
-  const classes = className.split(/\s+/).filter(Boolean);
-  for (const el of elements) {
-    el.classList.add(...classes);
-  }
-}
-function groupIntoLines(elements, element) {
-  const fontSize = parseFloat(getComputedStyle(element).fontSize);
-  const tolerance = Math.max(5, fontSize * 0.3);
-  const lineGroups = [];
-  let currentLine = [];
-  let currentY = null;
-  elements.forEach((el) => {
-    const rect = el instanceof HTMLElement ? el.getBoundingClientRect() : el.parentElement.getBoundingClientRect();
-    const y = Math.round(rect.top);
-    if (currentY === null) {
-      currentY = y;
-      currentLine.push(el);
-    } else if (Math.abs(y - currentY) < tolerance) {
-      currentLine.push(el);
-    } else {
-      lineGroups.push(currentLine);
-      currentLine = [el];
-      currentY = y;
-    }
-  });
-  if (currentLine.length > 0) {
-    lineGroups.push(currentLine);
-  }
-  return lineGroups;
-}
-function performSplit(element, measuredWords, charClass, wordClass, lineClass, splitChars, splitWords, splitLines, options) {
-  var _a, _b;
-  element.textContent = "";
-  const allChars = [];
-  const allWords = [];
-  const needWordWrappers = splitChars || splitWords;
-  if (needWordWrappers) {
-    const noSpaceBeforeSet = /* @__PURE__ */ new Set();
-    const wordLevelAncestors = /* @__PURE__ */ new Map();
-    let globalCharIndex = 0;
-    measuredWords.forEach((measuredWord, wordIndex) => {
-      const wordSpan = createSpan(wordClass, wordIndex, "inline-block", {
-        propIndex: options == null ? void 0 : options.propIndex,
-        propName: "word",
-        ariaHidden: options == null ? void 0 : options.ariaHidden
-      });
-      if (measuredWord.noSpaceBefore) {
-        noSpaceBeforeSet.add(wordSpan);
-      }
-      if (splitChars) {
-        const hasAnyAncestors = measuredWord.chars.some((c) => c.ancestors.length > 0);
-        if (!hasAnyAncestors) {
-          measuredWord.chars.forEach((measuredChar, charIndexInWord) => {
-            const charSpan = createSpan(charClass, globalCharIndex, "inline-block", {
-              propIndex: options == null ? void 0 : options.propIndex,
-              propName: "char",
-              ariaHidden: options == null ? void 0 : options.ariaHidden
-            });
-            charSpan.textContent = measuredChar.char;
-            globalCharIndex++;
-            if ((options == null ? void 0 : options.mask) === "chars") {
-              const charWrapper = createMaskWrapper("inline-block");
-              charWrapper.appendChild(charSpan);
-              wordSpan.appendChild(charWrapper);
-            } else {
-              wordSpan.appendChild(charSpan);
-            }
-            allChars.push(charSpan);
-          });
-        } else {
-          const charGroups = groupCharsByAncestors(measuredWord.chars);
-          const hasWordLevelAncestors = charGroups.length === 1 && charGroups[0].ancestors.length > 0;
-          if (hasWordLevelAncestors) {
-            wordLevelAncestors.set(wordSpan, charGroups[0].ancestors);
-          }
-          charGroups.forEach((group) => {
-            group.chars.forEach((measuredChar) => {
-              const charSpan = createSpan(charClass, globalCharIndex, "inline-block", {
-                propIndex: options == null ? void 0 : options.propIndex,
-                propName: "char"
-              });
-              charSpan.textContent = measuredChar.char;
-              globalCharIndex++;
-              if ((options == null ? void 0 : options.mask) === "chars") {
-                const charWrapper = createMaskWrapper("inline-block");
-                charWrapper.appendChild(charSpan);
-                wordSpan.appendChild(charWrapper);
-              } else {
-                wordSpan.appendChild(charSpan);
-              }
-              allChars.push(charSpan);
-            });
-            if (!hasWordLevelAncestors && group.ancestors.length > 0) {
-              const charsToWrap = Array.from(wordSpan.childNodes);
-              const lastNChars = charsToWrap.slice(-group.chars.length);
-              lastNChars.forEach((node) => wordSpan.removeChild(node));
-              const fragment = document.createDocumentFragment();
-              lastNChars.forEach((node) => fragment.appendChild(node));
-              const wrapped = wrapInAncestors(fragment, group.ancestors);
-              wordSpan.appendChild(wrapped);
-            }
-          });
-        }
-      } else {
-        const hasAnyAncestors = measuredWord.chars.some((c) => c.ancestors.length > 0);
-        if (!hasAnyAncestors) {
-          wordSpan.textContent = measuredWord.chars.map((c) => c.char).join("");
-        } else {
-          const charGroups = groupCharsByAncestors(measuredWord.chars);
-          const hasWordLevelAncestors = charGroups.length === 1 && charGroups[0].ancestors.length > 0;
-          if (hasWordLevelAncestors) {
-            wordLevelAncestors.set(wordSpan, charGroups[0].ancestors);
-            wordSpan.textContent = measuredWord.chars.map((c) => c.char).join("");
-          } else {
-            charGroups.forEach((group) => {
-              const text = group.chars.map((c) => c.char).join("");
-              const textNode = document.createTextNode(text);
-              if (group.ancestors.length > 0) {
-                const wrapped = wrapInAncestors(textNode, group.ancestors);
-                wordSpan.appendChild(wrapped);
-              } else {
-                wordSpan.appendChild(textNode);
-              }
-            });
-          }
-        }
-      }
-      allWords.push(wordSpan);
-    });
-    let i = 0;
-    while (i < allWords.length) {
-      const wordSpan = allWords[i];
-      const ancestors = wordLevelAncestors.get(wordSpan);
-      if (ancestors && ancestors.length > 0) {
-        const wordGroup = [wordSpan];
-        let j = i + 1;
-        while (j < allWords.length) {
-          const nextWordSpan = allWords[j];
-          const nextAncestors = wordLevelAncestors.get(nextWordSpan);
-          if (nextAncestors && ancestorChainsEqual(ancestors, nextAncestors)) {
-            wordGroup.push(nextWordSpan);
-            j++;
-          } else {
-            break;
-          }
-        }
-        const fragment = document.createDocumentFragment();
-        wordGroup.forEach((ws, idx) => {
-          if ((options == null ? void 0 : options.mask) === "words") {
-            const wordWrapper = createMaskWrapper("inline-block");
-            wordWrapper.appendChild(ws);
-            fragment.appendChild(wordWrapper);
-          } else {
-            fragment.appendChild(ws);
-          }
-          if (idx < wordGroup.length - 1 && !noSpaceBeforeSet.has(wordGroup[idx + 1])) {
-            fragment.appendChild(document.createTextNode(" "));
-          }
-        });
-        const wrapped = wrapInAncestors(fragment, ancestors);
-        element.appendChild(wrapped);
-        if (j < allWords.length && !noSpaceBeforeSet.has(allWords[j])) {
-          element.appendChild(document.createTextNode(" "));
-        }
-        i = j;
-      } else {
-        if ((options == null ? void 0 : options.mask) === "words") {
-          const wordWrapper = createMaskWrapper("inline-block");
-          wordWrapper.appendChild(wordSpan);
-          element.appendChild(wordWrapper);
-        } else {
-          element.appendChild(wordSpan);
-        }
-        if (i < allWords.length - 1 && !noSpaceBeforeSet.has(allWords[i + 1])) {
-          element.appendChild(document.createTextNode(" "));
-        }
-        i++;
-      }
-    }
-    if (!(options == null ? void 0 : options.disableKerning) && splitChars && allWords.length > 0) {
-      for (const wordSpan of allWords) {
-        const wordChars = Array.from(wordSpan.querySelectorAll(`.${charClass}`));
-        if (wordChars.length < 2) continue;
-        const charStringsForCheck = wordChars.map((c) => c.textContent || "");
-        if (hasContextualScript(charStringsForCheck)) continue;
-        const styleGroups = [];
-        const firstCharStyles = getComputedStyle(wordChars[0]);
-        let currentKey = buildKerningStyleKey(firstCharStyles);
-        let currentGroup = {
-          chars: [wordChars[0]],
-          styleSource: wordChars[0],
-          styles: firstCharStyles
-        };
-        for (let i2 = 1; i2 < wordChars.length; i2++) {
-          const char = wordChars[i2];
-          const charStyles = getComputedStyle(char);
-          const key = buildKerningStyleKey(charStyles);
-          if (key === currentKey) {
-            currentGroup.chars.push(char);
-          } else {
-            styleGroups.push(currentGroup);
-            currentKey = key;
-            currentGroup = { chars: [char], styleSource: char, styles: charStyles };
-          }
-        }
-        styleGroups.push(currentGroup);
-        for (const group of styleGroups) {
-          if (group.chars.length < 2) continue;
-          const charStrings = group.chars.map((c) => c.textContent || "");
-          const kerningMap = measureKerning(element, group.styleSource, charStrings, group.styles);
-          for (const [charIndex, kerning] of kerningMap) {
-            const charSpan = group.chars[charIndex];
-            if (charSpan && Math.abs(kerning) < 20) {
-              const targetElement = (options == null ? void 0 : options.mask) === "chars" && charSpan.parentElement ? charSpan.parentElement : charSpan;
-              targetElement.style.marginLeft = `${kerning}px`;
-            }
-          }
-        }
-      }
-      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;
-        if (hasContextualScript([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) > 1e-3 && 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 (!(options == null ? void 0 : options.disableKerning) && 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];
-        if (hasContextualScript([lastChar, firstChar])) continue;
-        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) > 1e-3 && 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);
-      element.textContent = "";
-      const allLines = [];
-      lineGroups.forEach((words, lineIndex) => {
-        const lineSpan = createSpan(lineClass, lineIndex, "block", {
-          propIndex: options == null ? void 0 : options.propIndex,
-          propName: "line",
-          ariaHidden: options == null ? void 0 : options.ariaHidden
-        });
-        allLines.push(lineSpan);
-        let wi = 0;
-        while (wi < words.length) {
-          const wordSpan = words[wi];
-          const ancestors = wordLevelAncestors.get(wordSpan);
-          if (ancestors && ancestors.length > 0) {
-            const wordGroup = [wordSpan];
-            let wj = wi + 1;
-            while (wj < words.length) {
-              const nextWordSpan = words[wj];
-              const nextAncestors = wordLevelAncestors.get(nextWordSpan);
-              if (nextAncestors && ancestorChainsEqual(ancestors, nextAncestors)) {
-                wordGroup.push(nextWordSpan);
-                wj++;
-              } else {
-                break;
-              }
-            }
-            const fragment = document.createDocumentFragment();
-            wordGroup.forEach((ws, idx) => {
-              if ((options == null ? void 0 : options.mask) === "words") {
-                const wordWrapper = createMaskWrapper("inline-block");
-                wordWrapper.appendChild(ws);
-                fragment.appendChild(wordWrapper);
-              } else {
-                fragment.appendChild(ws);
-              }
-              if (idx < wordGroup.length - 1 && !noSpaceBeforeSet.has(wordGroup[idx + 1])) {
-                fragment.appendChild(document.createTextNode(" "));
-              }
-            });
-            const wrapped = wrapInAncestors(fragment, ancestors);
-            lineSpan.appendChild(wrapped);
-            if (wj < words.length && !noSpaceBeforeSet.has(words[wj])) {
-              lineSpan.appendChild(document.createTextNode(" "));
-            }
-            wi = wj;
-          } else {
-            if ((options == null ? void 0 : options.mask) === "words") {
-              const wordWrapper = createMaskWrapper("inline-block");
-              wordWrapper.appendChild(wordSpan);
-              lineSpan.appendChild(wordWrapper);
-            } else {
-              lineSpan.appendChild(wordSpan);
-            }
-            if (wi < words.length - 1 && !noSpaceBeforeSet.has(words[wi + 1])) {
-              lineSpan.appendChild(document.createTextNode(" "));
-            }
-            wi++;
-          }
-        }
-        if ((options == null ? void 0 : options.mask) === "lines") {
-          const lineWrapper = createMaskWrapper("block");
-          lineWrapper.appendChild(lineSpan);
-          element.appendChild(lineWrapper);
-        } else {
-          element.appendChild(lineSpan);
-        }
-      });
-      if (options == null ? void 0 : options.initialStyles) {
-        const { chars, words, lines } = options.initialStyles;
-        if (chars) applyInitialStyles(allChars, chars);
-        if (words) applyInitialStyles(allWords, words);
-        if (lines) applyInitialStyles(allLines, lines);
-      }
-      if (options == null ? void 0 : options.initialClasses) {
-        const { chars, words, lines } = options.initialClasses;
-        if (chars) applyInitialClasses(allChars, chars);
-        if (words) applyInitialClasses(allWords, words);
-        if (lines) applyInitialClasses(allLines, lines);
-      }
-      return {
-        chars: allChars,
-        words: splitWords ? allWords : [],
-        lines: allLines
-      };
-    }
-    if (options == null ? void 0 : options.initialStyles) {
-      const { chars, words } = options.initialStyles;
-      if (chars) applyInitialStyles(allChars, chars);
-      if (words) applyInitialStyles(allWords, words);
-    }
-    if (options == null ? void 0 : options.initialClasses) {
-      const { chars, words } = options.initialClasses;
-      if (chars) applyInitialClasses(allChars, chars);
-      if (words) applyInitialClasses(allWords, words);
-    }
-    return {
-      chars: allChars,
-      words: splitWords ? allWords : [],
-      lines: []
-    };
-  } else {
-    if (splitLines) {
-      const wordWrappers = [];
-      measuredWords.forEach((measuredWord, idx) => {
-        const textNode = document.createTextNode(
-          measuredWord.chars.map((c) => c.char).join("")
-        );
-        const wrapper = document.createElement("span");
-        wrapper.style.display = "inline";
-        wrapper.appendChild(textNode);
-        element.appendChild(wrapper);
-        wordWrappers.push({ wrapper, wordIndex: idx });
-        if (idx < measuredWords.length - 1 && !measuredWords[idx + 1].noSpaceBefore) {
-          const spaceNode = document.createTextNode(" ");
-          element.appendChild(spaceNode);
-        }
-      });
-      const lineGroups = groupIntoLines(wordWrappers.map((w) => w.wrapper), element);
-      element.textContent = "";
-      const allLines = [];
-      lineGroups.forEach((wrappers, lineIndex) => {
-        const lineSpan = createSpan(lineClass, lineIndex, "block", {
-          propIndex: options == null ? void 0 : options.propIndex,
-          propName: "line"
-        });
-        allLines.push(lineSpan);
-        wrappers.forEach((wrapper, wrapperIdx) => {
-          while (wrapper.firstChild) {
-            lineSpan.appendChild(wrapper.firstChild);
-          }
-          if (wrapperIdx < wrappers.length - 1) {
-            const nextWrapper = wrappers[wrapperIdx + 1];
-            const nextWordInfo = wordWrappers.find((w) => w.wrapper === nextWrapper);
-            if (nextWordInfo && !measuredWords[nextWordInfo.wordIndex].noSpaceBefore) {
-              lineSpan.appendChild(document.createTextNode(" "));
-            }
-          }
-        });
-        if ((options == null ? void 0 : options.mask) === "lines") {
-          const lineWrapper = createMaskWrapper("block");
-          lineWrapper.appendChild(lineSpan);
-          element.appendChild(lineWrapper);
-        } else {
-          element.appendChild(lineSpan);
-        }
-      });
-      if ((_a = options == null ? void 0 : options.initialStyles) == null ? void 0 : _a.lines) {
-        applyInitialStyles(allLines, options.initialStyles.lines);
-      }
-      if ((_b = options == null ? void 0 : options.initialClasses) == null ? void 0 : _b.lines) {
-        applyInitialClasses(allLines, options.initialClasses.lines);
-      }
-      return { chars: [], words: [], lines: allLines };
-    } else {
-      const fullText = measuredWords.map((w) => w.chars.map((c) => c.char).join("")).join(" ");
-      element.textContent = fullText;
-      return { chars: [], words: [], lines: [] };
-    }
-  }
-}
-function splitText(element, {
-  type = "chars,words,lines",
-  charClass = "split-char",
-  wordClass = "split-word",
-  lineClass = "split-line",
-  mask,
-  autoSplit = false,
-  onResize,
-  onSplit,
-  revertOnComplete = false,
-  propIndex = false,
-  disableKerning = false,
-  initialStyles,
-  initialClasses
-} = {}) {
-  var _a;
-  if (!(element instanceof HTMLElement)) {
-    throw new Error("splitText: element must be an HTMLElement");
-  }
-  const text = (_a = element.textContent) == null ? void 0 : _a.trim();
-  if (!text) {
-    console.warn("splitText: element has no text content");
-    return {
-      chars: [],
-      words: [],
-      lines: [],
-      revert: () => {
-      }
-    };
-  }
-  if (autoSplit && !element.parentElement) {
-    console.warn(
-      "splitText: autoSplit requires a parent element. AutoSplit will not work."
-    );
-  }
-  const originalHTML = element.innerHTML;
-  let splitChars = type.includes("chars");
-  let splitWords = type.includes("words");
-  let splitLines = type.includes("lines");
-  if (!splitChars && !splitWords && !splitLines) {
-    console.warn('splitText: type must include at least one of: chars, words, lines. Defaulting to "chars,words,lines".');
-    splitChars = splitWords = splitLines = true;
-  }
-  let isActive = true;
-  let resizeObserver = null;
-  let debounceTimer = null;
-  let lastWidth = null;
-  let currentChars = [];
-  let currentWords = [];
-  let currentLines = [];
-  let originalAriaLabel = null;
-  if (splitChars) {
-    element.style.fontVariantLigatures = "none";
-  }
-  const trackAncestors = hasInlineDescendants(element);
-  const measuredWords = collectTextStructure(element, trackAncestors);
-  const useAriaLabel = !trackAncestors && ARIA_LABEL_ALLOWED_TAGS.has(element.tagName.toLowerCase());
-  const { chars, words, lines } = performSplit(
-    element,
-    measuredWords,
-    charClass,
-    wordClass,
-    lineClass,
-    splitChars,
-    splitWords,
-    splitLines,
-    { propIndex, mask, ariaHidden: useAriaLabel, disableKerning, initialStyles, initialClasses }
-  );
-  currentChars = chars;
-  currentWords = words;
-  currentLines = lines;
-  if (trackAncestors) {
-    injectSrOnlyStyles();
-    const visualWrapper = document.createElement("span");
-    visualWrapper.setAttribute("aria-hidden", "true");
-    visualWrapper.dataset.fettaVisual = "true";
-    while (element.firstChild) {
-      visualWrapper.appendChild(element.firstChild);
-    }
-    element.appendChild(visualWrapper);
-    element.appendChild(createScreenReaderCopy(originalHTML));
-  } else if (useAriaLabel) {
-    originalAriaLabel = element.getAttribute("aria-label");
-    if (originalAriaLabel === null) {
-      element.setAttribute("aria-label", text);
-    }
-  } else {
-    injectSrOnlyStyles();
-    const visualWrapper = document.createElement("span");
-    visualWrapper.setAttribute("aria-hidden", "true");
-    visualWrapper.dataset.fettaVisual = "true";
-    while (element.firstChild) {
-      visualWrapper.appendChild(element.firstChild);
-    }
-    element.appendChild(visualWrapper);
-    element.appendChild(createScreenReaderCopy(originalHTML));
-  }
-  const dispose = () => {
-    if (!isActive) return;
-    if (resizeObserver) {
-      resizeObserver.disconnect();
-      resizeObserver = null;
-    }
-    if (debounceTimer) {
-      clearTimeout(debounceTimer);
-      debounceTimer = null;
-    }
-    isActive = false;
-  };
-  const revert = () => {
-    if (!isActive) return;
-    element.innerHTML = originalHTML;
-    if (useAriaLabel) {
-      if (originalAriaLabel !== null) {
-        element.setAttribute("aria-label", originalAriaLabel);
-      } else {
-        element.removeAttribute("aria-label");
-      }
-    }
-    if (splitChars) {
-      element.style.fontVariantLigatures = "none";
-    }
-    dispose();
-  };
-  if (autoSplit) {
-    const target = element.parentElement;
-    if (!target) {
-      console.warn(
-        "SplitText: autoSplit enabled but no parent element found. AutoSplit will not work."
-      );
-    } else {
-      let skipFirst = true;
-      const getLineFingerprint = (lines2) => {
-        return lines2.map((line) => line.textContent || "").join("\n");
-      };
-      const handleResize = () => {
-        if (!isActive) return;
-        if (!element.isConnected) {
-          dispose();
-          return;
-        }
-        const currentWidth = target.offsetWidth;
-        if (currentWidth === lastWidth) return;
-        lastWidth = currentWidth;
-        const previousFingerprint = getLineFingerprint(currentLines);
-        element.innerHTML = originalHTML;
-        requestAnimationFrame(() => {
-          if (!isActive) return;
-          const newMeasuredWords = collectTextStructure(element, trackAncestors);
-          const result = performSplit(
-            element,
-            newMeasuredWords,
-            charClass,
-            wordClass,
-            lineClass,
-            splitChars,
-            splitWords,
-            splitLines,
-            { propIndex, mask, ariaHidden: useAriaLabel, disableKerning, initialStyles, initialClasses }
-          );
-          currentChars = result.chars;
-          currentWords = result.words;
-          currentLines = result.lines;
-          if (trackAncestors || !useAriaLabel) {
-            const visualWrapper = document.createElement("span");
-            visualWrapper.setAttribute("aria-hidden", "true");
-            visualWrapper.dataset.fettaVisual = "true";
-            while (element.firstChild) {
-              visualWrapper.appendChild(element.firstChild);
-            }
-            element.appendChild(visualWrapper);
-            element.appendChild(createScreenReaderCopy(originalHTML));
-          }
-          const newFingerprint = getLineFingerprint(result.lines);
-          if (onResize && newFingerprint !== previousFingerprint) {
-            onResize({
-              chars: result.chars,
-              words: result.words,
-              lines: result.lines
-            });
-          }
-        });
-      };
-      resizeObserver = new ResizeObserver(() => {
-        if (skipFirst) {
-          skipFirst = false;
-          return;
-        }
-        if (debounceTimer) {
-          clearTimeout(debounceTimer);
-        }
-        debounceTimer = setTimeout(handleResize, 200);
-      });
-      resizeObserver.observe(target);
-      lastWidth = target.offsetWidth;
-    }
-  }
-  if (onSplit) {
-    const animationResult = onSplit({
-      chars: currentChars,
-      words: currentWords,
-      lines: currentLines
-    });
-    if (revertOnComplete) {
-      const promise = normalizeToPromise(animationResult);
-      if (promise) {
-        promise.then(() => {
-          if (isActive) {
-            revert();
-          }
-        }).catch(() => {
-          console.warn("[fetta] Animation rejected, text not reverted");
-        });
-      }
-    }
-  }
-  return {
-    chars: currentChars,
-    words: currentWords,
-    lines: currentLines,
-    revert
-  };
-}
-
-export { __spreadProps, __spreadValues, normalizeToPromise, splitText };