fetta 1.5.0 → 1.5.2

package/dist/motion.js

@@ -1,10 +1,8 @@
-import { waitForFontsReady, reapplyInitialStyles, reapplyInitialClasses } from './chunk-FP4I6OR2.js';
-import { splitTextData, normalizeToPromise, resolveAutoSplitTargets, getObservedWidth, recordWidthChange, buildKerningStyleKey, resolveAutoSplitWidth, querySplitWords, clearKerningCompensation, applyKerningCompensation } from './chunk-UPF3IYHC.js';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-ORMEWXMH.js';
+import { waitForFontsReady, reapplyInitialStyles, reapplyInitialClasses } from './chunk-V7FJXNWJ.js';
+import { splitTextData, buildLineFingerprintFromData, normalizeToPromise, buildKerningStyleKey, resolveAutoSplitTargets, getObservedWidth, recordWidthChange, resolveAutoSplitWidth, querySplitWords, clearKerningCompensation, applyKerningCompensation } from './chunk-OUXSJF3P.js';
 import { scroll, animate } from 'motion';
 import { usePresence, useReducedMotion, MotionConfig, motion } from 'motion/react';
-import { flushSync } from 'react-dom';
-import { forwardRef, useRef, useState, useId, useCallback, useMemo, useLayoutEffect, useEffect, isValidElement, createElement, cloneElement } from 'react';
+import { forwardRef, useRef, useState, useCallback, useMemo, useLayoutEffect, isValidElement, useEffect, createElement, cloneElement } from 'react';
 
 var ELEMENT_TYPE_KEYS = ["chars", "words", "lines"];
 var VOID_HTML_TAGS = /* @__PURE__ */ new Set(["br", "hr", "img", "input", "meta", "link"]);
@@ -54,7 +52,7 @@ function getVariantTransition(def) {
 }
 function withDefaultTransition(target, defaultTransition, delayScope) {
   const needsDelayResolution = (transition) => {
-    const delay = transition == null ? void 0 : transition.delay;
+    const delay = transition?.delay;
     if (typeof delay === "function") return true;
     if (typeof delay === "number") return !Number.isFinite(delay);
     return false;
@@ -74,7 +72,10 @@ function withDefaultTransition(target, defaultTransition, delayScope) {
     return void 0;
   };
   const mergeTransitions = (base, override, info) => {
-    const merged = __spreadValues(__spreadValues({}, base != null ? base : {}), override != null ? override : {});
+    const merged = {
+      ...base ?? {},
+      ...override ?? {}
+    };
     if ("delay" in merged) {
       const resolved = resolveDelay(merged.delay, info);
       if (resolved == null) {
@@ -93,9 +94,9 @@ function withDefaultTransition(target, defaultTransition, delayScope) {
         resolved.transition,
         info
       );
-      if (transition) return __spreadProps(__spreadValues({}, resolved), { transition });
+      if (transition) return { ...resolved, transition };
       if (resolved.transition) {
-        const _a = resolved, { transition: _removed } = _a, rest = __objRest(_a, ["transition"]);
+        const { transition: _removed, ...rest } = resolved;
         return rest;
       }
       return resolved;
@@ -108,31 +109,30 @@ function withDefaultTransition(target, defaultTransition, delayScope) {
         target.transition,
         info
       );
-      return transition ? __spreadProps(__spreadValues({}, target), { transition }) : target;
+      return transition ? { ...target, transition } : target;
     };
   }
   if (!defaultTransition) return target;
   if (!target.transition) {
-    return __spreadProps(__spreadValues({}, target), { transition: defaultTransition });
+    return { ...target, transition: defaultTransition };
   }
-  return __spreadProps(__spreadValues({}, target), {
-    transition: __spreadValues(__spreadValues({}, defaultTransition), target.transition)
-  });
+  return {
+    ...target,
+    transition: { ...defaultTransition, ...target.transition }
+  };
 }
 function getTargetType(data, type) {
-  var _a, _b, _c;
-  const hasChars = (_a = data.meta.type) == null ? void 0 : _a.includes("chars");
-  const hasWords = (_b = data.meta.type) == null ? void 0 : _b.includes("words");
-  const hasLines = (_c = data.meta.type) == null ? void 0 : _c.includes("lines");
-  if ((type == null ? void 0 : type.includes("chars")) && hasChars) return "chars";
-  if ((type == null ? void 0 : type.includes("words")) && hasWords) return "words";
-  if ((type == null ? void 0 : type.includes("lines")) && hasLines) return "lines";
+  const hasChars = data.meta.type?.includes("chars");
+  const hasWords = data.meta.type?.includes("words");
+  const hasLines = data.meta.type?.includes("lines");
+  if (type?.includes("chars") && hasChars) return "chars";
+  if (type?.includes("words") && hasWords) return "words";
+  if (type?.includes("lines") && hasLines) return "lines";
   if (hasChars) return "chars";
   if (hasWords) return "words";
   return "lines";
 }
 function buildVariantsByType(variants, targetType, childDefaultTransition, delayScope, forceInstant = false) {
-  var _a;
   if (!variants) return { types: {}, wrapper: {} };
   const result = {};
   const wrapperVariants = {};
@@ -141,22 +141,22 @@ function buildVariantsByType(variants, targetType, childDefaultTransition, delay
     if (typeof target === "function") {
       return (info) => {
         const resolved = target(info);
-        return __spreadProps(__spreadValues({}, resolved), { transition: instantTransition });
+        return { ...resolved, transition: instantTransition };
       };
     }
-    return __spreadProps(__spreadValues({}, target), { transition: instantTransition });
+    return { ...target, transition: instantTransition };
   };
   const applyInstantWrapper = (target) => {
     if (typeof target === "function") {
       return ({ custom }) => {
         const resolved = target({ custom });
-        return __spreadProps(__spreadValues({}, resolved), { transition: instantTransition });
+        return { ...resolved, transition: instantTransition };
       };
     }
-    return __spreadProps(__spreadValues({}, target), { transition: instantTransition });
+    return { ...target, transition: instantTransition };
   };
   for (const [name, def] of Object.entries(variants)) {
-    const defaultTransition = isPerTypeVariant(def) ? (_a = def.transition) != null ? _a : childDefaultTransition : childDefaultTransition;
+    const defaultTransition = isPerTypeVariant(def) ? def.transition ?? childDefaultTransition : childDefaultTransition;
     const resolvedDefault = forceInstant ? instantTransition : defaultTransition;
     if (isPerTypeVariant(def)) {
       if (def.wrapper) {
@@ -190,14 +190,14 @@ function collectRelations(nodes) {
       let nextContext = context;
       if (node.split === "line") {
         const lineIndex = counts.lines++;
-        nextContext = __spreadProps(__spreadValues({}, context), { lineIndex });
+        nextContext = { ...context, lineIndex };
       }
       if (node.split === "word") {
         const wordIndex = counts.words++;
         if (nextContext.lineIndex != null) {
           wordToLine[wordIndex] = nextContext.lineIndex;
         }
-        nextContext = __spreadProps(__spreadValues({}, nextContext), { wordIndex });
+        nextContext = { ...nextContext, wordIndex };
       }
       if (node.split === "char") {
         const charIndex = counts.chars++;
@@ -313,24 +313,24 @@ function buildVariantInfo(elementType, globalIndex, total, maps, isPresent, cust
   };
 }
 function getTargetElements(result, type) {
-  if (type == null ? void 0 : type.includes("chars")) return result.chars;
-  if (type == null ? void 0 : type.includes("words")) return result.words;
-  if (type == null ? void 0 : type.includes("lines")) return result.lines;
+  if (type?.includes("chars")) return result.chars;
+  if (type?.includes("words")) return result.words;
+  if (type?.includes("lines")) return result.lines;
   if (result.chars.length) return result.chars;
   if (result.words.length) return result.words;
   if (result.lines.length) return result.lines;
   return [];
 }
 function getTargetTypeForElements(result, type) {
-  if (type == null ? void 0 : type.includes("chars")) return "chars";
-  if (type == null ? void 0 : type.includes("words")) return "words";
-  if (type == null ? void 0 : type.includes("lines")) return "lines";
+  if (type?.includes("chars")) return "chars";
+  if (type?.includes("words")) return "words";
+  if (type?.includes("lines")) return "lines";
   if (result.chars.length) return "chars";
   if (result.words.length) return "words";
   return "lines";
 }
 function extractTransition(variant) {
-  const _a = variant, { transition } = _a, props = __objRest(_a, ["transition"]);
+  const { transition, ...props } = variant;
   return { props, transition };
 }
 function buildIndexMapsDom(result) {
@@ -394,7 +394,7 @@ function buildStaticItems(elements, elementType, props, transition, maps, isPres
       isPresent,
       custom
     );
-    let merged = transition ? __spreadValues({}, transition) : void 0;
+    let merged = transition ? { ...transition } : void 0;
     if (merged && "delay" in merged) {
       const rawDelay = merged.delay;
       const resolvedDelay = typeof rawDelay === "function" ? rawDelay(
@@ -404,7 +404,7 @@ function buildStaticItems(elements, elementType, props, transition, maps, isPres
       if (resolvedDelay != null && Number.isFinite(resolvedDelay)) {
         merged.delay = resolvedDelay;
       } else {
-        const _a = merged, { delay: _removed } = _a, restNoDelay = __objRest(_a, ["delay"]);
+        const { delay: _removed, ...restNoDelay } = merged;
         merged = restNoDelay;
       }
     }
@@ -418,7 +418,7 @@ function buildStaticItems(elements, elementType, props, transition, maps, isPres
 }
 function buildSequenceFromItems(items) {
   return items.map((item) => {
-    const sequenceTransition = item.transition ? __spreadValues({}, item.transition) : {};
+    const sequenceTransition = item.transition ? { ...item.transition } : {};
     const delay = sequenceTransition.delay;
     const hasExplicitAt = sequenceTransition.at != null;
     const at = hasExplicitAt ? sequenceTransition.at : typeof delay === "number" && Number.isFinite(delay) ? delay : 0;
@@ -430,9 +430,8 @@ function buildSequenceFromItems(items) {
   });
 }
 function buildFnItems(elements, elementType, fn, maps, transition, isPresent, delayScope, custom, forceInstant = false) {
-  var _c;
   const t = transition;
-  const _a = t || {}, { delay: outerDelay, duration } = _a, rest = __objRest(_a, ["delay", "duration"]);
+  const { delay: outerDelay, duration, ...rest } = t || {};
   const items = [];
   const total = elements.length;
   const instantTransition = { duration: 0, delay: 0 };
@@ -445,24 +444,24 @@ function buildFnItems(elements, elementType, fn, maps, transition, isPresent, de
       isPresent,
       custom
     );
-    const _b = fn(info), { transition: localT } = _b, props = __objRest(_b, ["transition"]);
+    const { transition: localT, ...props } = fn(info);
     let merged;
     if (forceInstant) {
       merged = instantTransition;
     } else {
-      merged = localT ? __spreadValues(__spreadValues({}, rest), localT) : __spreadValues({}, rest);
+      merged = localT ? { ...rest, ...localT } : { ...rest };
       if (duration != null && merged.duration == null) {
-        merged = __spreadProps(__spreadValues({}, merged), { duration });
+        merged = { ...merged, duration };
       }
-      const rawDelay = (_c = merged.delay) != null ? _c : outerDelay;
+      const rawDelay = merged.delay ?? outerDelay;
       const resolvedDelay = typeof rawDelay === "function" ? rawDelay(
         delayScope === "local" ? info.index : info.globalIndex,
         delayScope === "local" ? info.count : info.globalCount
       ) : rawDelay;
       if (resolvedDelay != null && Number.isFinite(resolvedDelay)) {
-        merged = __spreadProps(__spreadValues({}, merged), { delay: resolvedDelay });
+        merged = { ...merged, delay: resolvedDelay };
       } else if ("delay" in merged) {
-        const _d = merged, { delay: _removed } = _d, restNoDelay = __objRest(_d, ["delay"]);
+        const { delay: _removed, ...restNoDelay } = merged;
         merged = restNoDelay;
       }
     }
@@ -683,7 +682,7 @@ function serializeInitial(value) {
   if (typeof value === "string") return value;
   try {
     return JSON.stringify(value);
-  } catch (e) {
+  } catch {
     return String(value);
   }
 }
@@ -699,22 +698,21 @@ function serializeNode(node) {
     const elementType = node.type;
     const type = typeof elementType === "string" ? elementType : elementType.displayName || elementType.name || "Component";
     const props = node.props;
-    const className = typeof (props == null ? void 0 : props.className) === "string" ? props.className : "";
+    const className = typeof props?.className === "string" ? props.className : "";
     return `<${type}${className ? `.${className}` : ""}>${serializeNode(
-      props == null ? void 0 : props.children
+      props?.children
     )}</${type}>`;
   }
   return "";
 }
 function buildSplitSignature(child, options, initialStyles, initialClasses) {
-  var _a, _b, _c, _d, _e;
-  const opt = options != null ? options : {};
+  const opt = options ?? {};
   const signature = {
-    type: (_a = opt.type) != null ? _a : "",
-    charClass: (_b = opt.charClass) != null ? _b : "",
-    wordClass: (_c = opt.wordClass) != null ? _c : "",
-    lineClass: (_d = opt.lineClass) != null ? _d : "",
-    mask: (_e = opt.mask) != null ? _e : "",
+    type: opt.type ?? "",
+    charClass: opt.charClass ?? "",
+    wordClass: opt.wordClass ?? "",
+    lineClass: opt.lineClass ?? "",
+    mask: opt.mask ?? "",
     propIndex: !!opt.propIndex,
     disableKerning: !!opt.disableKerning,
     isolateKerningMeasurement: opt.isolateKerningMeasurement !== false,
@@ -724,25 +722,23 @@ function buildSplitSignature(child, options, initialStyles, initialClasses) {
   };
   try {
     return JSON.stringify(signature);
-  } catch (e) {
+  } catch {
     return String(signature);
   }
 }
 function getMotionComponent(tag) {
-  var _a;
   const registry = motion;
-  return (_a = registry[tag]) != null ? _a : motion.span;
+  return registry[tag] ?? motion.span;
 }
 function collectSplitElements(element, options) {
-  var _a, _b, _c;
   const normalizeSelector = (value) => {
     const tokens = value.split(/\s+/).filter(Boolean);
     if (tokens.length === 0) return "";
     return `.${tokens.join(".")}`;
   };
-  const charClass = normalizeSelector((_a = options == null ? void 0 : options.charClass) != null ? _a : "split-char");
-  const wordClass = normalizeSelector((_b = options == null ? void 0 : options.wordClass) != null ? _b : "split-word");
-  const lineClass = normalizeSelector((_c = options == null ? void 0 : options.lineClass) != null ? _c : "split-line");
+  const charClass = normalizeSelector(options?.charClass ?? "split-char");
+  const wordClass = normalizeSelector(options?.wordClass ?? "split-word");
+  const lineClass = normalizeSelector(options?.lineClass ?? "split-line");
   const chars = Array.from(
     element.querySelectorAll(charClass)
   );
@@ -756,7 +752,7 @@ function collectSplitElements(element, options) {
   } };
 }
 function resolveSplitFlags(type) {
-  const resolvedType = type != null ? type : "chars,words,lines";
+  const resolvedType = type ?? "chars,words,lines";
   let splitChars = resolvedType.includes("chars");
   let splitWords = resolvedType.includes("words");
   let splitLines = resolvedType.includes("lines");
@@ -767,28 +763,6 @@ function resolveSplitFlags(type) {
   }
   return { splitChars, splitWords, splitLines };
 }
-function normalizeLineFingerprintText(value) {
-  return value.replace(/\u00A0/g, " ").replace(/\s+/g, " ").trim();
-}
-function collectNodeText(node) {
-  if (node.type === "text") return node.text;
-  return node.children.map((child) => collectNodeText(child)).join("");
-}
-function collectLineTextsFromData(nodes, lineTexts) {
-  for (const node of nodes) {
-    if (node.type !== "element") continue;
-    if (node.split === "line") {
-      lineTexts.push(normalizeLineFingerprintText(collectNodeText(node)));
-      continue;
-    }
-    collectLineTextsFromData(node.children, lineTexts);
-  }
-}
-function buildLineFingerprintFromData(data) {
-  const lineTexts = [];
-  collectLineTextsFromData(data.nodes, lineTexts);
-  return lineTexts.join("\n");
-}
 function buildSplitDataLayout(data) {
   const relations = collectRelations(data.nodes);
   const maps = buildIndexMaps(relations);
@@ -822,81 +796,44 @@ function buildVariantInfos(splitDataLayout, isPresent, custom) {
     counts: relations.counts
   };
 }
-var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
-  var _b = _a, {
-    children,
-    as: Component = "div",
-    className,
-    style: userStyle,
-    onSplit,
-    onResplit,
-    options,
-    autoSplit = false,
-    animateOnResplit = false,
-    revertOnComplete = false,
-    viewport,
-    onViewportEnter,
-    onViewportLeave,
-    onRevert,
-    initialStyles,
-    initialClasses,
-    resetOnViewportLeave = false,
-    waitForFonts = true,
-    variants,
-    initial: initialVariant,
-    animate: animateVariantName,
-    whileInView,
-    whileOutOfView,
-    whileScroll,
-    exit,
-    scroll: scrollProp,
-    whileHover,
-    whileTap,
-    whileFocus,
-    reducedMotion,
-    custom,
-    onHoverStart,
-    onHoverEnd,
-    transition,
-    delayScope = "global"
-  } = _b, wrapperProps = __objRest(_b, [
-    "children",
-    "as",
-    "className",
-    "style",
-    "onSplit",
-    "onResplit",
-    "options",
-    "autoSplit",
-    "animateOnResplit",
-    "revertOnComplete",
-    "viewport",
-    "onViewportEnter",
-    "onViewportLeave",
-    "onRevert",
-    "initialStyles",
-    "initialClasses",
-    "resetOnViewportLeave",
-    "waitForFonts",
-    "variants",
-    "initial",
-    "animate",
-    "whileInView",
-    "whileOutOfView",
-    "whileScroll",
-    "exit",
-    "scroll",
-    "whileHover",
-    "whileTap",
-    "whileFocus",
-    "reducedMotion",
-    "custom",
-    "onHoverStart",
-    "onHoverEnd",
-    "transition",
-    "delayScope"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f;
+var SplitText = forwardRef(function SplitText2({
+  children,
+  as: Component = "div",
+  className,
+  style: userStyle,
+  onSplit,
+  onResplit,
+  options,
+  autoSplit = false,
+  animateOnResplit = false,
+  revertOnComplete = false,
+  viewport,
+  onViewportEnter,
+  onViewportLeave,
+  onRevert,
+  initialStyles,
+  initialClasses,
+  resetOnViewportLeave = false,
+  waitForFonts = true,
+  variants,
+  initial: initialVariant,
+  animate: animateVariantName,
+  whileInView,
+  whileOutOfView,
+  whileScroll,
+  exit,
+  scroll: scrollProp,
+  whileHover,
+  whileTap,
+  whileFocus,
+  reducedMotion,
+  custom,
+  onHoverStart,
+  onHoverEnd,
+  transition,
+  delayScope = "global",
+  ...wrapperProps
+}, forwardedRef) {
   const containerRef = useRef(null);
   const [childElement, setChildElement] = useState(null);
   const [data, setData] = useState(null);
@@ -905,7 +842,6 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const [isInView, setIsInView] = useState(false);
   const [isPresent, safeToRemove] = usePresence();
   const presenceEnabled = typeof safeToRemove === "function";
-  const instanceId = useId();
   const prefersReducedMotion = useReducedMotion();
   const reduceMotionActive = reducedMotion === "always" || reducedMotion === "user" && !!prefersReducedMotion;
   const [isHovered, setIsHovered] = useState(false);
@@ -938,16 +874,18 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const whileTapLabel = inlineWhileTapVariant ? "__fetta_whileTap__" : whileTap;
   const whileFocusLabel = inlineWhileFocusVariant ? "__fetta_whileFocus__" : whileFocus;
   const needsViewport = !!(whileInViewLabel || whileOutOfViewLabel || onViewportEnter || onViewportLeave || resetOnViewportLeave || viewport);
-  const viewportAmount = (_a2 = viewport == null ? void 0 : viewport.amount) != null ? _a2 : 0;
-  const viewportLeave = (_b2 = viewport == null ? void 0 : viewport.leave) != null ? _b2 : 0;
-  const viewportMargin = (_c = viewport == null ? void 0 : viewport.margin) != null ? _c : "0px";
-  const viewportOnce = (_d = viewport == null ? void 0 : viewport.once) != null ? _d : false;
-  const viewportRoot = (_f = (_e = viewport == null ? void 0 : viewport.root) == null ? void 0 : _e.current) != null ? _f : null;
+  const viewportAmount = viewport?.amount ?? 0;
+  const viewportLeave = viewport?.leave ?? 0;
+  const viewportMargin = viewport?.margin ?? "0px";
+  const viewportOnce = viewport?.once ?? false;
+  const viewportRoot = viewport?.root?.current ?? null;
   const resolvedVariants = useMemo(() => {
     if (!variants && !inlineInitialVariant && !inlineAnimateVariant && !inlineExitVariant && !inlineWhileInViewVariant && !inlineWhileOutOfViewVariant && !inlineWhileScrollVariant && !inlineWhileHoverVariant && !inlineWhileTapVariant && !inlineWhileFocusVariant) {
       return variants;
     }
-    const merged = __spreadValues({}, variants != null ? variants : {});
+    const merged = {
+      ...variants ?? {}
+    };
     if (inlineInitialVariant) {
       merged.__fetta_initial__ = initialVariant;
     }
@@ -1016,7 +954,6 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const initialVariantRef = useRef(initialLabel);
   const whileInViewRef = useRef(whileInViewLabel);
   const whileOutOfViewRef = useRef(whileOutOfViewLabel);
-  const debugPresence = (options == null ? void 0 : options.__debugPresence) === true;
   useLayoutEffect(() => {
     onSplitRef.current = onSplit;
     onResplitRef.current = onResplit;
@@ -1033,26 +970,6 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     whileInViewRef.current = whileInViewLabel;
     whileOutOfViewRef.current = whileOutOfViewLabel;
   });
-  useEffect(() => {
-    if (!debugPresence) return;
-    console.log(
-      "[fetta][SplitText]",
-      instanceId,
-      "present",
-      isPresent,
-      "ready",
-      isReady,
-      "data",
-      !!data
-    );
-  }, [debugPresence, instanceId, isPresent, isReady, data]);
-  useEffect(() => {
-    if (!debugPresence) return;
-    console.log("[fetta][SplitText]", instanceId, "mount");
-    return () => {
-      console.log("[fetta][SplitText]", instanceId, "unmount");
-    };
-  }, [debugPresence, instanceId]);
   const hasSplitRef = useRef(false);
   const hasRevertedRef = useRef(false);
   const splitResultRef = useRef(null);
@@ -1072,8 +989,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const hasRunOnSplitForCycleRef = useRef(false);
   const originalHTMLRef = useRef(null);
   useLayoutEffect(() => {
-    var _a3;
-    const element = (_a3 = containerRef.current) == null ? void 0 : _a3.firstElementChild;
+    const element = containerRef.current?.firstElementChild;
     setChildElement(element instanceof HTMLElement ? element : null);
   }, [children, data]);
   const splitSignature = useMemo(() => {
@@ -1120,14 +1036,13 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     resetSplitState(next);
   }, [isPresent, resetSplitState]);
   function setupViewportObserver(container) {
-    var _a3, _b3, _c2, _d2, _e2;
     const vpOptions = viewportRef.current || {};
-    const amount = (_a3 = vpOptions.amount) != null ? _a3 : 0;
-    const leave = (_b3 = vpOptions.leave) != null ? _b3 : 0;
+    const amount = vpOptions.amount ?? 0;
+    const leave = vpOptions.leave ?? 0;
     const threshold = amount === "some" ? 0 : amount === "all" ? 1 : amount;
     const leaveThreshold = leave === "some" ? 0 : leave === "all" ? 1 : leave;
-    const rootMargin = (_c2 = vpOptions.margin) != null ? _c2 : "0px";
-    const root = (_e2 = (_d2 = vpOptions.root) == null ? void 0 : _d2.current) != null ? _e2 : void 0;
+    const rootMargin = vpOptions.margin ?? "0px";
+    const root = vpOptions.root?.current ?? void 0;
     const thresholdValues = Array.from(
       /* @__PURE__ */ new Set([0, threshold, leaveThreshold])
     ).sort((a, b) => a - b);
@@ -1154,15 +1069,13 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     observerRef.current.observe(container);
   }
   const buildSplitDataFromProbe = useCallback((width) => {
-    var _a3;
     const currentChild = childElement && childElement.isConnected ? childElement : (() => {
-      var _a4;
-      const element = (_a4 = containerRef.current) == null ? void 0 : _a4.firstElementChild;
+      const element = containerRef.current?.firstElementChild;
       return element instanceof HTMLElement ? element : null;
     })();
     if (!currentChild) return null;
     if (!currentChild.parentElement) return null;
-    const originalHTML = (_a3 = originalHTMLRef.current) != null ? _a3 : currentChild.innerHTML;
+    const originalHTML = originalHTMLRef.current ?? currentChild.innerHTML;
     originalHTMLRef.current = originalHTML;
     const probeHost = currentChild.ownerDocument.createElement("div");
     probeHost.setAttribute("data-fetta-auto-split-probe", "true");
@@ -1172,17 +1085,18 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     probeHost.style.visibility = "hidden";
     probeHost.style.pointerEvents = "none";
     probeHost.style.contain = "layout style paint";
-    const measuredWidth = width != null ? width : currentChild.getBoundingClientRect().width;
+    const measuredWidth = width ?? currentChild.getBoundingClientRect().width;
     probeHost.style.width = `${Math.max(1, measuredWidth)}px`;
     const probeElement = currentChild.cloneNode(false);
     probeElement.innerHTML = originalHTML;
     probeHost.appendChild(probeElement);
     currentChild.parentElement.appendChild(probeHost);
     try {
-      const probeData = splitTextData(probeElement, __spreadProps(__spreadValues({}, optionsRef.current), {
+      const probeData = splitTextData(probeElement, {
+        ...optionsRef.current,
         initialStyles: initialStylesRef.current,
         initialClasses: initialClassesRef.current
-      }));
+      });
       return probeData;
     } finally {
       probeHost.remove();
@@ -1192,13 +1106,11 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     (isResize = false, width) => {
       const nextData = buildSplitDataFromProbe(width);
       if (!nextData) return;
-      flushSync(() => {
-        setChildTreeVersion((current) => current + 1);
-        if (!isResize) {
-          setIsReady(false);
-        }
-        setData(nextData);
-      });
+      setChildTreeVersion((current) => current + 1);
+      if (!isResize) {
+        setIsReady(false);
+      }
+      setData(nextData);
     },
     [buildSplitDataFromProbe]
   );
@@ -1208,9 +1120,8 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     return buildLineFingerprintFromData(probeData);
   }, [buildSplitDataFromProbe]);
   const resolveLineMeasureWidth = useCallback((fallbackWidth) => {
-    var _a3;
     const safeFallbackWidth = Number.isFinite(fallbackWidth) && fallbackWidth > 0 ? fallbackWidth : 1;
-    const observedChild = (_a3 = containerRef.current) == null ? void 0 : _a3.firstElementChild;
+    const observedChild = containerRef.current?.firstElementChild;
     if (observedChild instanceof HTMLElement) {
       const childWidth = observedChild.getBoundingClientRect().width;
       if (Number.isFinite(childWidth) && childWidth > 0) {
@@ -1238,12 +1149,11 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     [data]
   );
   useEffect(() => {
-    var _a3;
     if (!data) {
       currentLineFingerprintRef.current = null;
       return;
     }
-    const { splitLines } = resolveSplitFlags((_a3 = optionsRef.current) == null ? void 0 : _a3.type);
+    const { splitLines } = resolveSplitFlags(optionsRef.current?.type);
     currentLineFingerprintRef.current = splitLines ? buildLineFingerprintFromData(data) : null;
   }, [data]);
   const variantInfo = useMemo(
@@ -1252,7 +1162,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   );
   const targetType = useMemo(() => {
     if (!data) return "words";
-    return getTargetType(data, options == null ? void 0 : options.type);
+    return getTargetType(data, options?.type);
   }, [data, options]);
   const orchestrationTransition = useMemo(
     () => pickOrchestration(transition),
@@ -1288,7 +1198,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       reduceMotionActive
     ]
   );
-  const nodePropsMap = splitDataLayout == null ? void 0 : splitDataLayout.propsByNode;
+  const nodePropsMap = splitDataLayout?.propsByNode;
   const exitTypes = useMemo(() => {
     const exitKey = typeof exitLabel === "string" ? exitLabel : null;
     if (!exitKey) return [];
@@ -1315,15 +1225,13 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   }, [variantsByType, animateLabel]);
   const exitTotalCount = useMemo(() => {
     return exitTypes.reduce((sum, type) => {
-      var _a3;
-      const count = (_a3 = variantInfo.counts[type]) != null ? _a3 : 0;
+      const count = variantInfo.counts[type] ?? 0;
       return sum + count;
     }, 0);
   }, [exitTypes, variantInfo.counts]);
   const revertTotalCount = useMemo(() => {
     return revertTypes.reduce((sum, type) => {
-      var _a3;
-      const count = (_a3 = variantInfo.counts[type]) != null ? _a3 : 0;
+      const count = variantInfo.counts[type] ?? 0;
       return sum + count;
     }, 0);
   }, [revertTypes, variantInfo.counts]);
@@ -1342,23 +1250,27 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       const applyWrapperTransition = (target) => {
         if (!wrapperBaseTransition) return target;
         if (target.transition) {
-          return __spreadProps(__spreadValues({}, target), {
-            transition: __spreadValues(__spreadValues({}, wrapperBaseTransition), target.transition)
-          });
+          return {
+            ...target,
+            transition: { ...wrapperBaseTransition, ...target.transition }
+          };
         }
-        return __spreadProps(__spreadValues({}, target), { transition: wrapperBaseTransition });
+        return { ...target, transition: wrapperBaseTransition };
       };
       if (wrapperVariant) {
         if (typeof wrapperVariant === "function") {
           const resolved = wrapperVariant({ custom });
-          result[key] = reduceMotionActive ? __spreadProps(__spreadValues({}, resolved), { transition: { duration: 0, delay: 0 } }) : applyWrapperTransition(resolved);
+          result[key] = reduceMotionActive ? { ...resolved, transition: { duration: 0, delay: 0 } } : applyWrapperTransition(resolved);
         } else {
-          const resolved = reduceMotionActive ? __spreadProps(__spreadValues({}, wrapperVariant), { transition: { duration: 0, delay: 0 } }) : wrapperVariant;
+          const resolved = reduceMotionActive ? { ...wrapperVariant, transition: { duration: 0, delay: 0 } } : wrapperVariant;
           result[key] = applyWrapperTransition(resolved);
         }
         continue;
       }
-      const transitionValue = reduceMotionActive ? { duration: 0, delay: 0 } : orchestrationTransition || localOrchestration ? __spreadValues(__spreadValues({}, orchestrationTransition != null ? orchestrationTransition : {}), localOrchestration != null ? localOrchestration : {}) : void 0;
+      const transitionValue = reduceMotionActive ? { duration: 0, delay: 0 } : orchestrationTransition || localOrchestration ? {
+        ...orchestrationTransition ?? {},
+        ...localOrchestration ?? {}
+      } : void 0;
       result[key] = transitionValue ? { transition: transitionValue } : {};
     }
     return result;
@@ -1382,21 +1294,15 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   }, [hasHover]);
   const hasTap = !!(whileTapLabel && hasVariants);
   const hasFocus = !!(whileFocusLabel && hasVariants);
-  const _g = wrapperProps, {
+  const {
     onTapStart: userOnTapStart,
     onTapCancel: userOnTapCancel,
     onTap: userOnTap,
     onFocus: userOnFocus,
     onBlur: userOnBlur,
-    onAnimationComplete: userOnAnimationComplete
-  } = _g, passthroughWrapperProps = __objRest(_g, [
-    "onTapStart",
-    "onTapCancel",
-    "onTap",
-    "onFocus",
-    "onBlur",
-    "onAnimationComplete"
-  ]);
+    onAnimationComplete: userOnAnimationComplete,
+    ...passthroughWrapperProps
+  } = wrapperProps;
   useEffect(() => {
     if (!hasTap) {
       setIsTapped(false);
@@ -1428,7 +1334,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     tracker.total = trackedExitCount;
     if (isPresent) return;
     if (!exitLabel || trackedExitCount === 0) {
-      safeToRemove == null ? void 0 : safeToRemove();
+      safeToRemove?.();
     }
   }, [
     presenceEnabled,
@@ -1446,7 +1352,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       if (definition !== exitLabel) return;
       tracker.completed += 1;
       if (tracker.completed >= tracker.total) {
-        safeToRemove == null ? void 0 : safeToRemove();
+        safeToRemove?.();
       }
     },
     [presenceEnabled, exitLabel, safeToRemove]
@@ -1455,13 +1361,13 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     if (hasHover) {
       setIsHovered(true);
     }
-    onHoverStart == null ? void 0 : onHoverStart();
+    onHoverStart?.();
   }, [hasHover, onHoverStart]);
   const handleHoverEnd = useCallback(() => {
     if (hasHover) {
       setIsHovered(false);
     }
-    onHoverEnd == null ? void 0 : onHoverEnd();
+    onHoverEnd?.();
   }, [hasHover, onHoverEnd]);
   const handleTapStart = useCallback((...args) => {
     if (hasTap) {
@@ -1516,7 +1422,6 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     [hasWrapperExitVariant, handleExitComplete, userOnAnimationComplete]
   );
   useEffect(() => {
-    var _a3;
     if (!hasVariants) return;
     if (!resolvedVariants) return;
     if (!isPresent) return;
@@ -1534,7 +1439,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
         setActiveVariant(outName);
         return;
       }
-      if (!((_a3 = viewportRef.current) == null ? void 0 : _a3.once) && resetOnViewportLeaveRef.current) {
+      if (!viewportRef.current?.once && resetOnViewportLeaveRef.current) {
         const initName = initialVariantRef.current;
         if (initName && typeof initName === "string" && vDefs[initName]) {
           setActiveVariant(initName);
@@ -1555,12 +1460,11 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     isPresent
   ]);
   useEffect(() => {
-    var _a3, _b3;
     if (!data || !childElement) return;
-    const liveChildElement = (_a3 = containerRef.current) == null ? void 0 : _a3.firstElementChild;
+    const liveChildElement = containerRef.current?.firstElementChild;
     if (!(liveChildElement instanceof HTMLElement)) return;
     const splitElements = collectSplitElements(liveChildElement, optionsRef.current);
-    const expectedCounts = (_b3 = splitDataLayout == null ? void 0 : splitDataLayout.relations.counts) != null ? _b3 : {
+    const expectedCounts = splitDataLayout?.relations.counts ?? {
       chars: 0,
       words: 0,
       lines: 0
@@ -1570,25 +1474,32 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       return;
     }
     const revert = () => {
-      var _a4;
       if (hasRevertedRef.current) return;
       hasRevertedRef.current = true;
       try {
-        (_a4 = onRevertRef.current) == null ? void 0 : _a4.call(onRevertRef);
+        onRevertRef.current?.();
       } finally {
         setData(null);
         setIsReady(true);
       }
     };
-    splitResultRef.current = __spreadProps(__spreadValues({}, splitElements), { revert });
+    splitResultRef.current = { ...splitElements, revert };
     splitResultVersionRef.current = childTreeVersion;
     if (pendingFullResplitRef.current) {
       if (onResplitRef.current) {
-        onResplitRef.current({
-          chars: splitElements.chars,
-          words: splitElements.words,
-          lines: splitElements.lines,
-          revert
+        queueMicrotask(() => {
+          const currentChild = containerRef.current?.firstElementChild;
+          if (!(currentChild instanceof HTMLElement)) return;
+          const currentSplitElements = collectSplitElements(
+            currentChild,
+            optionsRef.current
+          );
+          onResplitRef.current?.({
+            chars: currentSplitElements.chars,
+            words: currentSplitElements.words,
+            lines: currentSplitElements.lines,
+            revert
+          });
         });
       }
       pendingFullResplitRef.current = false;
@@ -1605,9 +1516,8 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
         const promise = normalizeToPromise(callbackResult);
         if (promise) {
           promise.then(() => {
-            var _a4;
             if (hasRevertedRef.current) return;
-            (_a4 = splitResultRef.current) == null ? void 0 : _a4.revert();
+            splitResultRef.current?.revert();
           }).catch(() => {
             console.warn("[fetta] Animation rejected, text not reverted");
           });
@@ -1621,28 +1531,23 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     return void 0;
   }, [data, childElement, needsViewport, hasVariants, splitDataLayout, childTreeVersion]);
   useEffect(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h, _i;
     if (!data) return;
-    const observedElement = (_a3 = containerRef.current) == null ? void 0 : _a3.firstElementChild;
+    const observedElement = containerRef.current?.firstElementChild;
     if (!(observedElement instanceof HTMLElement)) return;
     const { splitChars, splitWords, splitLines } = resolveSplitFlags(
-      (_b3 = optionsRef.current) == null ? void 0 : _b3.type
+      optionsRef.current?.type
     );
-    const supportsKerningUpkeep = !((_c2 = optionsRef.current) == null ? void 0 : _c2.disableKerning) && (splitChars || splitWords);
+    const supportsKerningUpkeep = !optionsRef.current?.disableKerning && (splitChars || splitWords);
     if (!supportsKerningUpkeep) return;
     const ownerWindow = observedElement.ownerDocument.defaultView;
-    const wordClass = (_e2 = (_d2 = optionsRef.current) == null ? void 0 : _d2.wordClass) != null ? _e2 : "split-word";
-    const charClass = (_g2 = (_f2 = optionsRef.current) == null ? void 0 : _f2.charClass) != null ? _g2 : "split-char";
-    const mask = (_h = optionsRef.current) == null ? void 0 : _h.mask;
-    const isolateKerningMeasurement = (_i = optionsRef.current) == null ? void 0 : _i.isolateKerningMeasurement;
-    const readKerningStyleSnapshot = (element) => {
-      var _a4;
-      return `${buildKerningStyleKey(getComputedStyle(element))}|${(_a4 = element.getAttribute("style")) != null ? _a4 : ""}`;
-    };
+    const wordClass = optionsRef.current?.wordClass ?? "split-word";
+    const charClass = optionsRef.current?.charClass ?? "split-char";
+    const mask = optionsRef.current?.mask;
+    const isolateKerningMeasurement = optionsRef.current?.isolateKerningMeasurement;
+    const readKerningStyleSnapshot = (element) => `${buildKerningStyleKey(getComputedStyle(element))}|${element.getAttribute("style") ?? ""}`;
     lastKerningStyleKeyRef.current = readKerningStyleSnapshot(observedElement);
     const runKerningUpkeep = () => {
-      var _a4, _b4;
-      const currentElement = (_a4 = containerRef.current) == null ? void 0 : _a4.firstElementChild;
+      const currentElement = containerRef.current?.firstElementChild;
       if (!(currentElement instanceof HTMLElement)) return;
       if (!currentElement.isConnected) return;
       const nextKerningStyleKey = readKerningStyleSnapshot(currentElement);
@@ -1684,7 +1589,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
         splitChars,
         splitWords,
         {
-          disableKerning: (_b4 = optionsRef.current) == null ? void 0 : _b4.disableKerning,
+          disableKerning: optionsRef.current?.disableKerning,
           isolateKerningMeasurement,
           mask
         }
@@ -1771,25 +1676,23 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const shouldRevertOnComplete = hasVariants && !!animateLabel && !whileInViewLabel && !needsViewport && !whileScrollLabel && revertOnComplete;
   const pendingRevertRef = useRef(null);
   useEffect(() => {
-    var _a3;
     if (!shouldRevertOnComplete) {
       pendingRevertRef.current = null;
       revertTrackerRef.current.total = 0;
       revertTrackerRef.current.completed = 0;
       return;
     }
-    pendingRevertRef.current = animateLabel != null ? animateLabel : null;
+    pendingRevertRef.current = animateLabel ?? null;
     const tracker = revertTrackerRef.current;
     tracker.total = revertTotalCount;
     tracker.completed = 0;
     if (revertTotalCount === 0) {
-      (_a3 = splitResultRef.current) == null ? void 0 : _a3.revert();
+      splitResultRef.current?.revert();
       pendingRevertRef.current = null;
     }
   }, [shouldRevertOnComplete, animateLabel, revertTotalCount]);
   const handleRevertComplete = useCallback(
     (definition) => {
-      var _a3;
       const label = pendingRevertRef.current;
       if (!label) return;
       if (typeof definition === "string" && definition !== label) {
@@ -1798,14 +1701,13 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       const tracker = revertTrackerRef.current;
       tracker.completed += 1;
       if (tracker.completed >= tracker.total) {
-        (_a3 = splitResultRef.current) == null ? void 0 : _a3.revert();
+        splitResultRef.current?.revert();
         pendingRevertRef.current = null;
       }
     },
     []
   );
   useEffect(() => {
-    var _a3;
     if (!autoSplit || !containerRef.current) return;
     if (!data) return;
     const child2 = containerRef.current.firstElementChild;
@@ -1813,7 +1715,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     const targets = resolveAutoSplitTargets(child2);
     if (targets.length === 0) return;
     autoSplitWidthByTargetRef.current = /* @__PURE__ */ new Map();
-    const { splitLines } = resolveSplitFlags((_a3 = optionsRef.current) == null ? void 0 : _a3.type);
+    const { splitLines } = resolveSplitFlags(optionsRef.current?.type);
     const handleResize = () => {
       const currentWidth = resolveAutoSplitWidth(
         targets,
@@ -1894,8 +1796,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       const promise = normalizeToPromise(callbackResult);
       if (revertOnCompleteRef.current && promise) {
         promise.then(() => {
-          var _a3;
-          (_a3 = splitResultRef.current) == null ? void 0 : _a3.revert();
+          splitResultRef.current?.revert();
         }).catch(() => {
           console.warn("[fetta] Animation rejected, text not reverted");
         });
@@ -1924,12 +1825,11 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     }
   }, [isInView, needsViewport, hasVariants]);
   useEffect(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2;
     if (!whileScrollLabel) return;
     if (!resolvedVariants) return;
     if (!splitResultRef.current) return;
     if (splitResultVersionRef.current !== childTreeVersion) return;
-    const liveChildElement = (_a3 = containerRef.current) == null ? void 0 : _a3.firstElementChild;
+    const liveChildElement = containerRef.current?.firstElementChild;
     if (!(liveChildElement instanceof HTMLElement)) return;
     const variantName = whileScrollLabel;
     const def = resolvedVariants[variantName];
@@ -1939,7 +1839,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
         splitResultRef.current,
         def,
         { duration: 0, delay: 0 },
-        (_b3 = optionsRef.current) == null ? void 0 : _b3.type,
+        optionsRef.current?.type,
         isPresent,
         delayScope,
         custom,
@@ -1951,7 +1851,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       splitResultRef.current,
       def,
       transition,
-      (_c2 = optionsRef.current) == null ? void 0 : _c2.type,
+      optionsRef.current?.type,
       isPresent,
       delayScope,
       custom
@@ -1959,10 +1859,10 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     if (!scrollAnimation) return;
     const scrollOpts = scrollProp;
     const cleanup = scroll(scrollAnimation, {
-      target: (_d2 = containerRef.current) != null ? _d2 : void 0,
-      offset: scrollOpts == null ? void 0 : scrollOpts.offset,
-      axis: scrollOpts == null ? void 0 : scrollOpts.axis,
-      container: (_f2 = (_e2 = scrollOpts == null ? void 0 : scrollOpts.container) == null ? void 0 : _e2.current) != null ? _f2 : void 0
+      target: containerRef.current ?? void 0,
+      offset: scrollOpts?.offset,
+      axis: scrollOpts?.axis,
+      container: scrollOpts?.container?.current ?? void 0
     });
     return () => {
       cleanup();
@@ -1991,7 +1891,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const focusVariant = hasFocus ? whileFocusLabel : void 0;
   const hasWrapperVariants = Object.keys(wrapperVariantsByName).length > 0;
   const interactionVariant = isTapped && tapVariant || isFocused && focusVariant || isHovered && hoverVariant || void 0;
-  const displayVariant = interactionVariant != null ? interactionVariant : activeVariant;
+  const displayVariant = interactionVariant ?? activeVariant;
   const shouldInheritVariants = hasOrchestrationVariants || !!whileScrollLabel || hasHover || hasTap || hasFocus || hasWrapperVariants;
   const suppressInitialOnResplit = !animateOnResplit && pendingFullResplitRef.current;
   const childInitial = suppressInitialOnResplit ? false : shouldInheritVariants || initialLabel === void 0 ? void 0 : initialLabel;
@@ -2002,11 +1902,10 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const wrapperExit = shouldInheritVariants ? exitProp : void 0;
   const wrapperTransition = shouldInheritVariants && hasVariants ? reduceMotionActive ? { duration: 0, delay: 0 } : orchestrationTransition : void 0;
   function renderNode(node, key) {
-    var _a3;
     if (node.type === "text") {
       return node.text;
     }
-    const props = (_a3 = nodePropsMap == null ? void 0 : nodePropsMap.get(node)) != null ? _a3 : attrsToProps(node.attrs);
+    const props = nodePropsMap?.get(node) ?? attrsToProps(node.attrs);
     const renderedChildren = renderNodes(node.children, key);
     const isVoidTag = VOID_HTML_TAGS.has(node.tag);
     if (node.split) {
@@ -2018,9 +1917,9 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       const renderAsMotionSplitNode = hasVariants;
       if (!renderAsMotionSplitNode) {
         if (isVoidTag) {
-          return createElement(node.tag, __spreadValues({ key }, props));
+          return createElement(node.tag, { key, ...props });
         }
-        return createElement(node.tag, __spreadValues({ key }, props), renderedChildren);
+        return createElement(node.tag, { key, ...props }, renderedChildren);
       }
       const MotionTag = getMotionComponent(node.tag);
       const variantsForType = variantsByType[splitType];
@@ -2037,23 +1936,23 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       } : void 0;
       return createElement(
         MotionTag,
-        __spreadProps(__spreadValues({
-          key
-        }, props), {
+        {
+          key,
+          ...props,
           custom: info,
           variants: variantsForType,
           initial: childInitial,
           animate: childAnimate,
           exit: exitProp,
           onAnimationComplete: onCompleteHandler
-        }),
+        },
         renderedChildren
       );
     }
     if (isVoidTag) {
-      return createElement(node.tag, __spreadValues({ key }, props));
+      return createElement(node.tag, { key, ...props });
     }
-    return createElement(node.tag, __spreadValues({ key }, props), renderedChildren);
+    return createElement(node.tag, { key, ...props }, renderedChildren);
   }
   function renderNodes(nodes, keyPrefix) {
     return nodes.map(
@@ -2061,7 +1960,9 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     );
   }
   const child = data ? (() => {
-    const childProps = __spreadValues({}, children.props);
+    const childProps = {
+      ...children.props
+    };
     if ("dangerouslySetInnerHTML" in childProps) {
       delete childProps.dangerouslySetInnerHTML;
     }
@@ -2070,9 +1971,10 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
     }
     return createElement(
       children.type,
-      __spreadProps(__spreadValues({}, childProps), {
+      {
+        ...childProps,
         key: `split-${childTreeVersion}`
-      }),
+      },
       renderNodes(data.nodes, "split")
     );
   })() : cloneElement(children, {
@@ -2081,15 +1983,16 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
   const Wrapper = getMotionComponent(Component);
   const content = createElement(
     Wrapper,
-    __spreadProps(__spreadValues({
+    {
       ref: mergedRef,
-      "data-fetta-auto-split-wrapper": "true"
-    }, passthroughWrapperProps), {
+      "data-fetta-auto-split-wrapper": "true",
+      ...passthroughWrapperProps,
       className,
-      style: __spreadValues({
+      style: {
         visibility: isReady || !waitForFonts ? "visible" : "hidden",
-        position: "relative"
-      }, userStyle),
+        position: "relative",
+        ...userStyle
+      },
       variants: wrapperVariants,
       initial: wrapperInitial,
       animate: wrapperAnimate,
@@ -2104,7 +2007,7 @@ var SplitText = forwardRef(function SplitText2(_a, forwardedRef) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       onAnimationComplete: handleWrapperAnimationComplete
-    }),
+    },
     child
   );
   if (reducedMotion) {