@react-native-motion-kit/text-motion 0.0.0-stage → 0.1.0

package/lib/module/recipe/descriptors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["effectDescriptors","WeakMap","timelineDescriptors","splitterDescriptors","rendererDescriptors","attachTextMotionEffectDescriptor","effect","descriptor","set","readTextMotionEffectDescriptor","get","Error","flattenTextMotionEffectDescriptors","effects","flatMap","createTextMotionTimelineHandle","timeline","readTextMotionTimelineDescriptor","createTextMotionSplitterHandle","splitter","readTextMotionSplitterDescriptor","createTextMotionRendererHandle","renderer","readTextMotionRendererDescriptor"],"sourceRoot":"../../../src","sources":["recipe/descriptors.ts"],"mappings":";;AAyBA,MAAMA,iBAAiB,GAAG,IAAIC,OAAO,CAAqD,CAAC;AAC3F,MAAMC,mBAAmB,GAAG,IAAID,OAAO,CAAyD,CAAC;AACjG,MAAME,mBAAmB,GAAG,IAAIF,OAAO,CAAmD,CAAC;AAC3F,MAAMG,mBAAmB,GAAG,IAAIH,OAAO,CAGrC,CAAC;AAUH,OAAO,SAASI,gCAAgCA,CAK9CC,MAAoD,EACpDC,UAA2E,EAC7B;EAC9CP,iBAAiB,CAACQ,GAAG,CAACF,MAAM,EAAEC,UAAU,CAAC;EAEzC,OAAOD,MAAM;AACf;AAEA,OAAO,SAASG,8BAA8BA,CAI5CH,MAAoD,EACuC;EAC3F,MAAMC,UAAU,GAAGP,iBAAiB,CAACU,GAAG,CAACJ,MAAM,CAAC;EAEhD,IAAIC,UAAU,EAAE;IACd,OAAOA,UAAU;EAKnB;EAEA,MAAM,IAAII,KAAK,CAAC,yEAAyE,CAAC;AAC5F;AAEA,OAAO,SAASC,kCAAkCA,CAChDC,OAAuC,EACG;EAC1C,OAAOA,OAAO,CAACC,OAAO,CAAER,MAAM,IAAK;IACjC,MAAMC,UAAU,GAAGE,8BAA8B,CAACH,MAAM,CAAC;IAEzD,OAAOC,UAAU,CAACM,OAAO,GACrBD,kCAAkC,CAACL,UAAU,CAACM,OAAO,CAAC,GACtD,CAACN,UAAU,CAAC;EAClB,CAAC,CAAC;AACJ;AAEA,OAAO,SAASQ,8BAA8BA,CAG5CR,UAAuD,EAA4B;EACnF,MAAMS,QAAQ,GAAG,CAAC,CAA6B;EAC/Cd,mBAAmB,CAACM,GAAG,CAACQ,QAAQ,EAAET,UAAU,CAAC;EAE7C,OAAOS,QAAQ;AACjB;AAEA,OAAO,SAASC,gCAAgCA,CAC9CD,QAA+B,EACE;EACjC,MAAMT,UAAU,GAAGL,mBAAmB,CAACQ,GAAG,CAACM,QAAQ,CAAC;EAEpD,IAAIT,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;EAEA,MAAM,IAAII,KAAK,CAAC,2EAA2E,CAAC;AAC9F;AAEA,OAAO,SAASO,8BAA8BA,CAC5CX,UAA8C,EACpB;EAC1B,MAAMY,QAAQ,GAAG,CAAC,CAA6B;EAC/ChB,mBAAmB,CAACK,GAAG,CAACW,QAAQ,EAAEZ,UAAU,CAAC;EAE7C,OAAOY,QAAQ;AACjB;AAEA,OAAO,SAASC,gCAAgCA,CAC9CD,QAAkC,EACE;EACpC,MAAMZ,UAAU,GAAGJ,mBAAmB,CAACO,GAAG,CAACS,QAAQ,CAAC;EAEpD,IAAIZ,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;EAEA,MAAM,IAAII,KAAK,CAAC,2EAA2E,CAAC;AAC9F;AAEA,OAAO,SAASU,8BAA8BA,CAK5Cd,UAA0E,EACd;EAC5D,MAAMe,QAAQ,GAAG,CAAC,CAA+D;EACjFlB,mBAAmB,CAACI,GAAG,CACrBc,QAAQ,EACRf,UACF,CAAC;EAED,OAAOe,QAAQ;AACjB;AAEA,OAAO,SAASC,gCAAgCA,CAI9CD,QAAkD,EACE;EACpD,MAAMf,UAAU,GAAGH,mBAAmB,CAACM,GAAG,CAACY,QAAQ,CAAC;EAEpD,IAAIf,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;EAEA,MAAM,IAAII,KAAK,CAAC,2EAA2E,CAAC;AAC9F","ignoreList":[]}

package/lib/module/recipe/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { createTextMotionComponent } from "./component.js";
+export { defineTextMotion } from "./defineTextMotion.js";
+//# sourceMappingURL=index.js.map

package/lib/module/recipe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTextMotionComponent","defineTextMotion"],"sourceRoot":"../../../src","sources":["recipe/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB,QAAQ,gBAAa;AACvD,SAASC,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/recipe/recipe.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { createTextMotionComponent } from "./component.js";
+
+/** Builder state before a renderer has been selected. */
+
+/** Builder state after a splitter has been selected before renderer layout. */
+
+/** Builder state after a renderer has been selected. */
+
+/** Builder state after a splittable renderer and splitter have been selected. */
+
+/** Builder state after a rendered-line renderer has been selected. */
+
+function cloneTimingOptions(options) {
+  return options ? {
+    ...options
+  } : undefined;
+}
+function cloneSpringOptions(options) {
+  if (!options) {
+    return undefined;
+  }
+  if (options.clamp) {
+    return {
+      ...options,
+      clamp: {
+        ...options.clamp
+      }
+    };
+  }
+  return {
+    ...options
+  };
+}
+function cloneAccessibilityPolicy(accessibility) {
+  return accessibility ? {
+    ...accessibility
+  } : undefined;
+}
+function validateMotionOptionValue(kind, path, value) {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return;
+  }
+  if (typeof value === 'number') {
+    throw new Error(`@react-native-motion-kit/text-motion ${kind} motion option "${path}" must be a finite number.`);
+  }
+  if (Array.isArray(value)) {
+    value.forEach((item, index) => validateMotionOptionValue(kind, `${path}[${index}]`, item));
+    return;
+  }
+  if (value && typeof value === 'object') {
+    Object.entries(value).forEach(([key, nestedValue]) => validateMotionOptionValue(kind, `${path}.${key}`, nestedValue));
+  }
+}
+function validateMotionConfig(motion) {
+  if (motion.kind === 'spring') {
+    if (motion.options) {
+      validateMotionOptionValue(motion.kind, 'options', motion.options);
+    }
+    return {
+      kind: 'spring',
+      options: cloneSpringOptions(motion.options)
+    };
+  }
+  if (motion.kind === 'timing') {
+    if (motion.options) {
+      validateMotionOptionValue(motion.kind, 'options', motion.options);
+    }
+    return {
+      kind: 'timing',
+      options: cloneTimingOptions(motion.options)
+    };
+  }
+  throw new Error('@react-native-motion-kit/text-motion motion kind must be "timing" or "spring".');
+}
+function cloneMotionConfig(motion) {
+  return motion ? validateMotionConfig(motion) : undefined;
+}
+function cloneDraft(draft) {
+  return {
+    ...draft,
+    accessibility: cloneAccessibilityPolicy(draft.accessibility),
+    effects: [...draft.effects],
+    motion: cloneMotionConfig(draft.motion)
+  };
+}
+class TextMotionRecipeBuilderImpl {
+  constructor(draft = {}) {
+    this.draft = {
+      effects: draft.effects ? [...draft.effects] : [],
+      splitter: draft.splitter,
+      renderer: draft.renderer,
+      timeline: draft.timeline,
+      motion: draft.motion,
+      accessibility: draft.accessibility
+    };
+  }
+
+  /** Choose how the input string is split into tokens. */
+  split(splitter) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      splitter
+    });
+  }
+
+  /** Choose the renderer responsible for measuring and drawing tokens. */
+  layout(renderer) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      renderer
+    });
+  }
+
+  /** Choose the timing strategy for token delays. */
+  timeline(timeline) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      timeline
+    });
+  }
+
+  /** Add an effect that is compatible with the selected renderer. */
+  effect(effect) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      effects: [...this.draft.effects, effect]
+    });
+  }
+
+  /** Configure the Reanimated motion primitive used by the renderer. */
+  motion(motion) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      motion: validateMotionConfig(motion)
+    });
+  }
+
+  /** Configure accessibility behavior such as reduced motion and token hiding. */
+  accessibility(accessibility) {
+    return new TextMotionRecipeBuilderImpl({
+      ...cloneDraft(this.draft),
+      accessibility
+    });
+  }
+
+  /** Return the immutable recipe config. */
+  recipe() {
+    return cloneDraft(this.draft);
+  }
+
+  /** Create a React component from the current recipe. */
+  component() {
+    return createTextMotionComponent(cloneDraft(this.draft));
+  }
+}
+
+/** @internal */
+export function createTextMotionRecipeBuilder() {
+  return new TextMotionRecipeBuilderImpl();
+}
+//# sourceMappingURL=recipe.js.map

package/lib/module/recipe/recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTextMotionComponent","cloneTimingOptions","options","undefined","cloneSpringOptions","clamp","cloneAccessibilityPolicy","accessibility","validateMotionOptionValue","kind","path","value","Number","isFinite","Error","Array","isArray","forEach","item","index","Object","entries","key","nestedValue","validateMotionConfig","motion","cloneMotionConfig","cloneDraft","draft","effects","TextMotionRecipeBuilderImpl","constructor","splitter","renderer","timeline","split","layout","effect","recipe","component","createTextMotionRecipeBuilder"],"sourceRoot":"../../../src","sources":["recipe/recipe.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/renderers/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { nativeText } from "./nativeText.js";
+export { overlayText } from "./overlayText.js";
+//# sourceMappingURL=index.js.map

package/lib/module/renderers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nativeText","overlayText"],"sourceRoot":"../../../src","sources":["renderers/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,iBAAc;AACzE,SAASC,WAAW,QAAyC,kBAAe","ignoreList":[]}

package/lib/module/renderers/nativeText.js

@@ -0,0 +1,494 @@
+"use strict";
+
+import { useLayoutEffect, useRef, createElement as _createElement } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { createAnimatedComponent, useAnimatedStyle, useReducedMotion, useSharedValue } from 'react-native-reanimated';
+import { createHiddenTokenAccessibilityProps, createParentAccessibilityProps, parentLabelPolicy, resolveAccessibleText } from "../accessibility/index.js";
+import { createTextMotionRendererHandle } from "../recipe/descriptors.js";
+import { useNativeTextControlsPlayback } from "./nativeTextControls.js";
+import { areNativeTextPlaybackRunsEqual, createNativeTextPlaybackRun } from "./nativeTextPlayback.js";
+import { clampTextMotionProgress, createTextMotionControlledProgressPlan, createTextMotionControlledTimelineSpan, createTextMotionDelaySecondsByItemIndex, createTextMotionItemMotion, createTextMotionProgressAnimation, createTextMotionStyleTransformStatePair, readTextMotionProgressForAnimatedStyle, shouldRenderTextMotionFinalState } from "./rendererMotion.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedView = createAnimatedComponent(View);
+const TEXT_ALIGN_TO_JUSTIFY_CONTENT = {
+  auto: 'flex-start',
+  center: 'center',
+  justify: 'flex-start',
+  left: 'flex-start',
+  right: 'flex-end'
+};
+const NATIVE_TEXT_LINE_BREAK_PATTERN = /\r\n|\n/g;
+const NATIVE_TEXT_LINE_BREAK_MARKER_STYLE = {
+  flexBasis: '100%',
+  height: 0,
+  width: '100%'
+};
+const NATIVE_TEXT_BLANK_LINE_SPACER_STYLE = {
+  flexBasis: '100%',
+  opacity: 0,
+  width: '100%'
+};
+const NATIVE_TEXT_BLANK_LINE_SPACER_TEXT = ' ';
+const NATIVE_TEXT_ANIMATED_TOKEN_CONTAINER_STYLE = {
+  overflow: 'visible'
+};
+function shouldAnimateToken(token) {
+  return token.text.trim().length > 0;
+}
+function createMotionIndexByTokenId(tokens) {
+  const motionTokens = tokens.filter(shouldAnimateToken);
+  const motionIndexByTokenId = new Map(motionTokens.map((token, motionIndex) => [token.id, motionIndex]));
+  return {
+    motionCount: motionTokens.length,
+    motionIndexByTokenId
+  };
+}
+function createTokenDelaySecondsByMotionIndex(recipe, count) {
+  return createTextMotionDelaySecondsByItemIndex(recipe, count);
+}
+function createTokenMotion(recipe, motionIndex, styleState, delaySecondsByMotionIndex) {
+  return createTextMotionItemMotion(recipe, styleState, delaySecondsByMotionIndex[motionIndex] ?? 0);
+}
+function createControlledProgressPlan(motionIndex, delaySecondsByMotionIndex, totalTimelineSpan) {
+  return createTextMotionControlledProgressPlan(motionIndex, delaySecondsByMotionIndex, totalTimelineSpan);
+}
+function createNativeTextTextFragment(token, text, textFragmentIndex) {
+  return {
+    kind: 'text',
+    key: textFragmentIndex === 0 ? token.id : `${token.id}:text:${textFragmentIndex}`,
+    text,
+    textFragmentIndex,
+    token
+  };
+}
+function createNativeTextLineBreakFragment(token, lineBreakIndex, preservesLineHeight) {
+  return {
+    kind: 'line-break',
+    key: `${token.id}:line-break:${lineBreakIndex}`,
+    preservesLineHeight
+  };
+}
+function hasNativeTextLineContent(text) {
+  return text.replace(NATIVE_TEXT_LINE_BREAK_PATTERN, '').length > 0;
+}
+function hasNativeTextLineContentAfter(sourceText, sourceIndex) {
+  return hasNativeTextLineContent(sourceText.slice(sourceIndex));
+}
+function createNativeTextTokenRenderFragments(token, sourceText, currentLineHasText) {
+  if (!token.text.includes('\n')) {
+    return {
+      currentLineHasText: currentLineHasText || token.text.length > 0,
+      fragments: [createNativeTextTextFragment(token, token.text, 0)]
+    };
+  }
+  const lineBreaks = Array.from(token.text.matchAll(NATIVE_TEXT_LINE_BREAK_PATTERN));
+  const initialAccumulator = {
+    cursor: 0,
+    currentLineHasText,
+    fragments: [],
+    textFragmentIndex: 0
+  };
+  const result = lineBreaks.reduce((accumulator, lineBreak, lineBreakIndex) => {
+    const start = lineBreak.index ?? accumulator.cursor;
+    const lineBreakEnd = start + lineBreak[0].length;
+    const textBeforeLineBreak = token.text.slice(accumulator.cursor, start);
+    const textFragment = textBeforeLineBreak.length > 0 ? [createNativeTextTextFragment(token, textBeforeLineBreak, accumulator.textFragmentIndex)] : [];
+    const lineHasText = accumulator.currentLineHasText || textBeforeLineBreak.length > 0;
+    const hasTextAfterLineBreak = hasNativeTextLineContentAfter(sourceText, token.sourceRange.start + lineBreakEnd);
+    return {
+      cursor: lineBreakEnd,
+      currentLineHasText: false,
+      fragments: [...accumulator.fragments, ...textFragment, createNativeTextLineBreakFragment(token, lineBreakIndex, !lineHasText || !hasTextAfterLineBreak)],
+      textFragmentIndex: accumulator.textFragmentIndex + textFragment.length
+    };
+  }, initialAccumulator);
+  const trailingText = token.text.slice(result.cursor);
+  if (trailingText.length === 0) {
+    return {
+      currentLineHasText: result.currentLineHasText,
+      fragments: result.fragments
+    };
+  }
+  return {
+    currentLineHasText: true,
+    fragments: [...result.fragments, createNativeTextTextFragment(token, trailingText, result.textFragmentIndex)]
+  };
+}
+function createNativeTextRenderFragments(tokens, sourceText) {
+  const result = tokens.reduce((accumulator, token) => {
+    const tokenResult = createNativeTextTokenRenderFragments(token, sourceText, accumulator.currentLineHasText);
+    return {
+      currentLineHasText: tokenResult.currentLineHasText,
+      fragments: [...accumulator.fragments, ...tokenResult.fragments]
+    };
+  }, {
+    currentLineHasText: false,
+    fragments: []
+  });
+  return result.fragments.map((fragment, renderIndex) => ({
+    ...fragment,
+    renderIndex
+  }));
+}
+function createNativeTextFragmentTestID(prefix, fragment) {
+  if (!prefix) {
+    return undefined;
+  }
+  if (fragment.textFragmentIndex === 0) {
+    return `${prefix}-${fragment.token.index}`;
+  }
+  return `${prefix}-${fragment.token.index}-${fragment.textFragmentIndex}`;
+}
+function createNativeTextLineBreakTestID(prefix, fragment) {
+  return prefix ? `${prefix}-line-break-${fragment.renderIndex}` : undefined;
+}
+function StaticNativeTextToken({
+  children,
+  style,
+  ...tokenProps
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    ...tokenProps,
+    style: style,
+    children: children
+  });
+}
+function splitAnimatedTokenProps({
+  accessibilityElementsHidden,
+  accessible,
+  importantForAccessibility,
+  testID,
+  ...textProps
+}) {
+  return {
+    containerProps: {
+      accessibilityElementsHidden,
+      accessible,
+      importantForAccessibility,
+      testID
+    },
+    textProps
+  };
+}
+function AnimatedNativeTextTokenContent({
+  children,
+  style,
+  ...tokenProps
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    ...tokenProps,
+    style: style,
+    children: children
+  });
+}
+function useNativeTextAnimatedStyle(options) {
+  const {
+    controlled,
+    progress,
+    renderFinalState,
+    tokenMotion
+  } = options;
+  const initialOpacity = tokenMotion.initial.opacity;
+  const initialScale = tokenMotion.initial.scale;
+  const initialTranslateX = tokenMotion.initial.translateX;
+  const initialTranslateY = tokenMotion.initial.translateY;
+  const targetOpacity = tokenMotion.target.opacity;
+  const targetScale = tokenMotion.target.scale;
+  const targetTranslateX = tokenMotion.target.translateX;
+  const targetTranslateY = tokenMotion.target.translateY;
+  const pulseScale = tokenMotion.pulseScale;
+  const revealOnStart = tokenMotion.revealOnStart === true;
+  const itemDelaySeconds = controlled ? options.controlledProgressPlan.itemDelaySeconds : 0;
+  const totalTimelineSpan = controlled ? options.controlledProgressPlan.totalTimelineSpan : 1;
+  return useAnimatedStyle(() => {
+    const current = readTextMotionProgressForAnimatedStyle({
+      controlledProgressPlan: controlled ? {
+        itemDelaySeconds,
+        totalTimelineSpan
+      } : undefined,
+      progress,
+      renderFinalState
+    });
+    const clampedCurrent = clampTextMotionProgress(current);
+    const baseScale = initialScale + (targetScale - initialScale) * current;
+    const pulseProgress = 1 - Math.abs(clampedCurrent * 2 - 1);
+    const pulseMultiplier = 1 + (pulseScale - 1) * pulseProgress;
+    return {
+      opacity: revealOnStart && current <= 0 ? 0 : initialOpacity + (targetOpacity - initialOpacity) * current,
+      transform: [{
+        translateX: initialTranslateX + (targetTranslateX - initialTranslateX) * current
+      }, {
+        translateY: initialTranslateY + (targetTranslateY - initialTranslateY) * current
+      }, {
+        scale: baseScale * pulseMultiplier
+      }]
+    };
+  }, [initialOpacity, initialScale, initialTranslateX, initialTranslateY, controlled, progress, pulseScale, renderFinalState, revealOnStart, targetOpacity, targetScale, targetTranslateX, targetTranslateY, itemDelaySeconds, totalTimelineSpan]);
+}
+function ControlledAnimatedNativeTextToken({
+  children,
+  controlledProgress,
+  controlledProgressPlan,
+  style,
+  tokenMotion,
+  ...tokenProps
+}) {
+  const reducedMotion = tokenMotion.reducedMotion;
+  const reducedMotionEnabled = useReducedMotion();
+  const renderFinalState = shouldRenderTextMotionFinalState(reducedMotionEnabled, reducedMotion);
+  const {
+    containerProps,
+    textProps
+  } = splitAnimatedTokenProps(tokenProps);
+  const animatedStyle = useNativeTextAnimatedStyle({
+    controlled: true,
+    controlledProgressPlan,
+    progress: controlledProgress,
+    renderFinalState,
+    tokenMotion
+  });
+  return /*#__PURE__*/_jsx(AnimatedView, {
+    ...containerProps,
+    style: [NATIVE_TEXT_ANIMATED_TOKEN_CONTAINER_STYLE, animatedStyle],
+    children: /*#__PURE__*/_jsx(AnimatedNativeTextTokenContent, {
+      ...textProps,
+      style: style,
+      children: children
+    })
+  });
+}
+function UncontrolledAnimatedNativeTextToken({
+  children,
+  controls,
+  playbackText,
+  style,
+  tokenMotion,
+  ...tokenProps
+}) {
+  const reducedMotion = tokenMotion.reducedMotion;
+  const reducedMotionEnabled = useReducedMotion();
+  const renderFinalState = shouldRenderTextMotionFinalState(reducedMotionEnabled, reducedMotion);
+  const progress = useSharedValue(renderFinalState ? 1 : 0);
+  const playbackRun = createNativeTextPlaybackRun(tokenMotion, renderFinalState, playbackText);
+  const previousPlaybackRun = useRef(undefined);
+  const {
+    containerProps,
+    textProps
+  } = splitAnimatedTokenProps(tokenProps);
+  const animatedStyle = useNativeTextAnimatedStyle({
+    controlled: false,
+    progress,
+    renderFinalState,
+    tokenMotion
+  });
+  useLayoutEffect(() => {
+    if (areNativeTextPlaybackRunsEqual(previousPlaybackRun.current, playbackRun)) {
+      return;
+    }
+    previousPlaybackRun.current = playbackRun;
+    if (playbackRun.renderFinalState) {
+      progress.value = 1;
+      return;
+    }
+    progress.value = 0;
+    progress.value = createTextMotionProgressAnimation(playbackRun);
+  });
+  useNativeTextControlsPlayback({
+    controls,
+    createProgressAnimation: createTextMotionProgressAnimation,
+    progress,
+    renderFinalState,
+    tokenMotion
+  });
+  return /*#__PURE__*/_jsx(AnimatedView, {
+    ...containerProps,
+    style: [NATIVE_TEXT_ANIMATED_TOKEN_CONTAINER_STYLE, animatedStyle],
+    children: /*#__PURE__*/_jsx(AnimatedNativeTextTokenContent, {
+      ...textProps,
+      style: style,
+      children: children
+    })
+  });
+}
+function NativeTextToken(props) {
+  if (!props.tokenMotion) {
+    const {
+      tokenMotion: _tokenMotion,
+      ...tokenProps
+    } = props;
+    return /*#__PURE__*/_jsx(StaticNativeTextToken, {
+      ...tokenProps
+    });
+  }
+  if ('controlledProgress' in props) {
+    const {
+      controlledProgress,
+      controlledProgressPlan,
+      tokenMotion,
+      ...tokenProps
+    } = props;
+    return /*#__PURE__*/_jsx(ControlledAnimatedNativeTextToken, {
+      ...tokenProps,
+      controlledProgress: controlledProgress,
+      controlledProgressPlan: controlledProgressPlan,
+      tokenMotion: tokenMotion
+    });
+  }
+  const {
+    controls,
+    playbackText,
+    tokenMotion,
+    ...tokenProps
+  } = props;
+  return /*#__PURE__*/_jsx(UncontrolledAnimatedNativeTextToken, {
+    ...tokenProps,
+    controls: controls,
+    playbackText: playbackText,
+    tokenMotion: tokenMotion
+  });
+}
+function NativeTextLineBreak({
+  preservesLineHeight,
+  testID,
+  textStyle,
+  tokenTextProps
+}) {
+  if (preservesLineHeight) {
+    return /*#__PURE__*/_jsx(Text, {
+      ...tokenTextProps,
+      accessibilityElementsHidden: true,
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      style: [textStyle, NATIVE_TEXT_BLANK_LINE_SPACER_STYLE],
+      testID: testID,
+      children: NATIVE_TEXT_BLANK_LINE_SPACER_TEXT
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityElementsHidden: true,
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    style: NATIVE_TEXT_LINE_BREAK_MARKER_STYLE,
+    testID: testID
+  });
+}
+function resolveJustifyContent(style) {
+  const textAlign = StyleSheet.flatten(style)?.textAlign;
+  return textAlign ? TEXT_ALIGN_TO_JUSTIFY_CONTENT[textAlign] : 'flex-start';
+}
+function createContainerStyle(style) {
+  return {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: resolveJustifyContent(style)
+  };
+}
+function createContainerProps(textProps, parentAccessibilityProps) {
+  return {
+    accessibilityActions: textProps?.accessibilityActions,
+    accessibilityHint: textProps?.accessibilityHint,
+    accessibilityLabel: textProps?.accessibilityLabel ?? parentAccessibilityProps.accessibilityLabel,
+    accessibilityLanguage: textProps?.accessibilityLanguage,
+    accessibilityRole: textProps?.accessibilityRole,
+    accessibilityState: textProps?.accessibilityState,
+    accessibilityValue: textProps?.accessibilityValue,
+    accessible: parentAccessibilityProps.accessible,
+    nativeID: textProps?.nativeID,
+    onAccessibilityAction: textProps?.onAccessibilityAction,
+    testID: textProps?.testID
+  };
+}
+function createTokenTextProps(textProps) {
+  return {
+    allowFontScaling: textProps?.allowFontScaling,
+    maxFontSizeMultiplier: textProps?.maxFontSizeMultiplier
+  };
+}
+function createNativeTextRendererComponent(options) {
+  function NativeTextRenderer({
+    children,
+    recipe,
+    textProps,
+    tokens
+  }) {
+    const text = typeof children === 'string' ? children : '';
+    const textStyle = textProps?.style;
+    const policy = recipe.accessibility ?? parentLabelPolicy();
+    const accessibilityLabel = resolveAccessibleText(text, tokens);
+    const parentAccessibilityProps = createParentAccessibilityProps(policy, accessibilityLabel);
+    const tokenAccessibilityProps = createHiddenTokenAccessibilityProps(policy);
+    const containerProps = createContainerProps(textProps, parentAccessibilityProps);
+    const tokenTextProps = createTokenTextProps(textProps);
+    const styleState = createTextMotionStyleTransformStatePair(recipe.effects, 'nativeText()');
+    const {
+      motionCount,
+      motionIndexByTokenId
+    } = createMotionIndexByTokenId(tokens);
+    const delaySecondsByMotionIndex = createTokenDelaySecondsByMotionIndex(recipe, motionCount);
+    const totalTimelineSpan = createTextMotionControlledTimelineSpan(delaySecondsByMotionIndex);
+    const externalProgress = textProps?.progress;
+    const controls = textProps?.controls;
+    const fragments = createNativeTextRenderFragments(tokens, text);
+    if (externalProgress && controls) {
+      throw new Error('@react-native-motion-kit/text-motion cannot receive both progress and controls. Use progress for raw app-owned values, or controls for event-driven playback.');
+    }
+    return /*#__PURE__*/_jsx(View, {
+      ...containerProps,
+      style: createContainerStyle(textStyle),
+      children: fragments.map(fragment => {
+        if (fragment.kind === 'line-break') {
+          return /*#__PURE__*/_jsx(NativeTextLineBreak, {
+            preservesLineHeight: fragment.preservesLineHeight,
+            testID: createNativeTextLineBreakTestID(options.testIDPrefix, fragment),
+            textStyle: textStyle,
+            tokenTextProps: tokenTextProps
+          }, fragment.key);
+        }
+        const token = fragment.token;
+        const motionIndex = motionIndexByTokenId.get(token.id);
+        const commonTokenProps = {
+          ...tokenAccessibilityProps,
+          ...tokenTextProps,
+          style: textStyle,
+          testID: createNativeTextFragmentTestID(options.testIDPrefix, fragment)
+        };
+        if (typeof motionIndex !== 'number') {
+          return /*#__PURE__*/_createElement(NativeTextToken, {
+            ...commonTokenProps,
+            key: fragment.key
+          }, fragment.text);
+        }
+        const tokenMotion = createTokenMotion(recipe, motionIndex, styleState, delaySecondsByMotionIndex);
+        if (!externalProgress) {
+          return /*#__PURE__*/_createElement(NativeTextToken, {
+            ...commonTokenProps,
+            controls: controls,
+            key: fragment.key,
+            playbackText: fragment.text,
+            tokenMotion: tokenMotion
+          }, fragment.text);
+        }
+        return /*#__PURE__*/_createElement(NativeTextToken, {
+          ...commonTokenProps,
+          controlledProgress: externalProgress,
+          controlledProgressPlan: createControlledProgressPlan(motionIndex, delaySecondsByMotionIndex, totalTimelineSpan),
+          key: fragment.key,
+          tokenMotion: tokenMotion
+        }, fragment.text);
+      })
+    });
+  }
+  NativeTextRenderer.displayName = 'NativeTextRenderer';
+  return NativeTextRenderer;
+}
+
+/** Render text as wrapping React Native Text tokens animated by Reanimated. */
+export function nativeText(options = {}) {
+  return createTextMotionRendererHandle({
+    kind: 'nativeText',
+    capabilities: ['native-text', 'style-transform'],
+    motionUnit: 'source-token',
+    Component: createNativeTextRendererComponent(options)
+  });
+}
+//# sourceMappingURL=nativeText.js.map