fetta 1.4.1 → 1.4.2

package/dist/{chunk-IHP6LWYO.js → chunk-24TCJGUM.js}

@@ -19,6 +19,33 @@ var __spreadValues = (a, b) => {
 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
@@ -908,11 +935,13 @@ function splitText(element, {
   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,
@@ -922,7 +951,7 @@ function splitText(element, {
     splitChars,
     splitWords,
     splitLines,
-    { propIndex, mask, ariaHidden: !trackAncestors, disableKerning, initialStyles, initialClasses }
+    { propIndex, mask, ariaHidden: useAriaLabel, disableKerning, initialStyles, initialClasses }
   );
   currentChars = chars;
   currentWords = words;
@@ -937,8 +966,21 @@ function splitText(element, {
     }
     element.appendChild(visualWrapper);
     element.appendChild(createScreenReaderCopy(originalHTML));
+  } else if (useAriaLabel) {
+    originalAriaLabel = element.getAttribute("aria-label");
+    if (originalAriaLabel === null) {
+      element.setAttribute("aria-label", text);
+    }
   } else {
-    element.setAttribute("aria-label", text);
+    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;
@@ -955,8 +997,12 @@ function splitText(element, {
   const revert = () => {
     if (!isActive) return;
     element.innerHTML = originalHTML;
-    if (!trackAncestors) {
-      element.removeAttribute("aria-label");
+    if (useAriaLabel) {
+      if (originalAriaLabel !== null) {
+        element.setAttribute("aria-label", originalAriaLabel);
+      } else {
+        element.removeAttribute("aria-label");
+      }
     }
     if (splitChars) {
       element.style.fontVariantLigatures = "none";
@@ -997,12 +1043,12 @@ function splitText(element, {
             splitChars,
             splitWords,
             splitLines,
-            { propIndex, mask, ariaHidden: !trackAncestors, disableKerning, initialStyles, initialClasses }
+            { propIndex, mask, ariaHidden: useAriaLabel, disableKerning, initialStyles, initialClasses }
           );
           currentChars = result.chars;
           currentWords = result.words;
           currentLines = result.lines;
-          if (trackAncestors) {
+          if (trackAncestors || !useAriaLabel) {
             const visualWrapper = document.createElement("span");
             visualWrapper.setAttribute("aria-hidden", "true");
             visualWrapper.dataset.fettaVisual = "true";

package/dist/index.js

@@ -1 +1 @@
-export { splitText } from './chunk-IHP6LWYO.js';
+export { splitText } from './chunk-24TCJGUM.js';

package/dist/react.js

@@ -1,4 +1,4 @@
-import { splitText, __spreadProps, __spreadValues, normalizeToPromise } from './chunk-IHP6LWYO.js';
+import { splitText, __spreadProps, __spreadValues, normalizeToPromise } from './chunk-24TCJGUM.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.4.1",
+  "version": "1.4.2",
   "description": "Text splitting library with kerning compensation for animations",
   "type": "module",
   "sideEffects": false,