react-native-laminar 1.2.0 → 1.4.2

package/lib/module/view/slots-run.js

@@ -0,0 +1,253 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { useNumericLanes } from "../hooks/use-numeric-lanes.js";
+import { isAsciiDigit } from "../model/display-units.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const rowStyle = {
+  flexDirection: "row",
+  alignItems: "center",
+  alignSelf: "flex-start"
+};
+const rowAlignStyles = {
+  left: {
+    alignSelf: "flex-start"
+  },
+  center: {
+    alignSelf: "center"
+  },
+  right: {
+    alignSelf: "flex-end"
+  }
+};
+const slotFrameStyle = {
+  position: "relative",
+  alignSelf: "flex-start",
+  overflow: "hidden"
+};
+const slotProbeStyle = {
+  opacity: 0
+};
+const slotDigitStyle = {
+  textAlign: "center"
+};
+const REEL_MIN = -12;
+const REEL_MAX = 22;
+const REEL_POSITIONS = Array.from({
+  length: 30
+}, (_, index) => index - 10);
+
+// wrap reel positions so a bounded strip can represent an endless digit wheel
+const mod = (value, divisor) => (value % divisor + divisor) % divisor;
+// compare flattened style values without treating a new array as a visual change
+const equalStyleValue = (left, right) => left === right || Array.isArray(left) && Array.isArray(right) && left.length === right.length && left.every((value, index) => value === right[index]);
+
+// prevent every parent update from rebuilding the thirty-text reel
+const areSlotReelPropsEqual = (previous, next) => {
+  if (previous.current !== next.current || previous.slotHeight !== next.slotHeight || previous.className !== next.className) {
+    return false;
+  }
+  const previousStyle = StyleSheet.flatten(previous.textStyle) ?? {};
+  const nextStyle = StyleSheet.flatten(next.textStyle) ?? {};
+  const previousKeys = Object.keys(previousStyle);
+  const nextKeys = Object.keys(nextStyle);
+  return previousKeys.length === nextKeys.length && previousKeys.every(key => equalStyleValue(previousStyle[key], nextStyle[key]));
+};
+const SlotReel = /*#__PURE__*/React.memo(function SlotReel({
+  current,
+  slotHeight,
+  textStyle,
+  className
+}) {
+  // translate one bounded reel instead of mounting a new animated digit per update
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: (-10 - current.value) * slotHeight
+    }]
+  }), [slotHeight]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [{
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0
+    }, animatedStyle],
+    children: REEL_POSITIONS.map((position, index) => /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      style: [textStyle, slotDigitStyle, {
+        position: "absolute",
+        top: index * slotHeight,
+        left: 0,
+        right: 0,
+        height: slotHeight,
+        lineHeight: slotHeight
+      }],
+      className: className,
+      children: mod(position, 10)
+    }, position))
+  });
+}, areSlotReelPropsEqual);
+function SlotColumn({
+  digit,
+  direction,
+  delayMs,
+  animateIn,
+  motionRecipe,
+  slotHeight,
+  textStyle,
+  className
+}) {
+  // cumulative positions let the reel move across digit wraparound without jumps
+  const spinInDistance = Math.max(digit, 1);
+  const initialDirection = direction || 1;
+  const initialValue = animateIn ? digit - spinInDistance * initialDirection : digit;
+  const current = useSharedValue(initialValue);
+  const cumulativeRef = useRef(digit);
+  const previousDigitRef = useRef(digit);
+  const initialRef = useRef(true);
+  const exitStateRef = useRef({
+    digit,
+    direction,
+    motionRecipe,
+    target: digit
+  });
+  if (digit !== previousDigitRef.current) {
+    const previousDigit = previousDigitRef.current;
+    let digitDelta;
+    if (direction > 0) {
+      digitDelta = digit >= previousDigit ? digit - previousDigit : 10 - previousDigit + digit;
+    } else if (direction < 0) {
+      digitDelta = previousDigit >= digit ? -(previousDigit - digit) : -(10 - digit + previousDigit);
+    } else {
+      digitDelta = digit - previousDigit;
+    }
+    cumulativeRef.current += digitDelta;
+    previousDigitRef.current = digit;
+  }
+  exitStateRef.current = {
+    digit,
+    direction,
+    motionRecipe,
+    target: cumulativeRef.current
+  };
+  useEffect(() => {
+    // continue the current reel from its last committed target when the column exits
+    return () => {
+      const exitState = exitStateRef.current;
+      const spinOutDistance = Math.max(exitState.digit, 1);
+      const exitDirection = exitState.direction || 1;
+      current.value = exitState.motionRecipe.driveNumber(exitState.target + spinOutDistance * exitDirection);
+    };
+  }, [current]);
+  useEffect(() => {
+    // keep the reel bounded by recentring after enough cumulative turns
+    if (initialRef.current) {
+      initialRef.current = false;
+      if (!animateIn) {
+        return;
+      }
+    }
+    let target = cumulativeRef.current;
+    if (target < REEL_MIN + 4 || target > REEL_MAX - 4) {
+      const shift = Math.trunc(target / 10) * 10;
+      if (shift !== 0) {
+        target -= shift;
+        cumulativeRef.current = target;
+        current.value -= shift;
+      }
+    }
+    exitStateRef.current = {
+      digit,
+      direction,
+      motionRecipe,
+      target
+    };
+    current.value = motionRecipe.driveNumber(target, delayMs);
+  }, [animateIn, current, delayMs, digit, direction, motionRecipe]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: slotFrameStyle,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [textStyle, slotProbeStyle, {
+        lineHeight: slotHeight
+      }],
+      className: className,
+      children: "0"
+    }), /*#__PURE__*/_jsx(SlotReel, {
+      current: current,
+      slotHeight: slotHeight,
+      textStyle: textStyle,
+      className: className
+    })]
+  });
+}
+// render text prefixes beside reusable digit reels
+export const SlotsRun = /*#__PURE__*/React.memo(({
+  value,
+  motionRecipe,
+  align,
+  fontSize,
+  textStyle,
+  staggerMs,
+  className
+}) => {
+  // numeric lane identity decides which columns stay mounted as values change
+  const {
+    units,
+    direction,
+    leadLength
+  } = useNumericLanes(value);
+  const lastValueRef = useRef(value);
+  const hasAnimatedRef = useRef(false);
+  // derive one stable row height so every reel position shares the same baseline
+  const slotHeight = useMemo(() => {
+    const flattenedStyle = StyleSheet.flatten(textStyle);
+    const resolvedLineHeight = typeof flattenedStyle?.lineHeight === "number" ? flattenedStyle.lineHeight : undefined;
+    const resolvedFontSize = typeof flattenedStyle?.fontSize === "number" ? flattenedStyle.fontSize : fontSize;
+    return Math.max(12, Math.ceil(resolvedLineHeight ?? (resolvedFontSize ?? 16) * 1.18));
+  }, [fontSize, textStyle]);
+  if (value !== lastValueRef.current) {
+    hasAnimatedRef.current = true;
+    lastValueRef.current = value;
+  }
+  const digitCount = units.filter(isAsciiDigit).length;
+  let digitIndex = 0;
+  const hasAnimated = hasAnimatedRef.current;
+  return /*#__PURE__*/_jsx(View, {
+    style: [rowStyle, rowAlignStyles[align]],
+    children: units.map((unit, index) => {
+      const inLead = index < leadLength;
+      const laneKey = inLead ? `lead:${index}` : `slot:${units.length - 1 - index}`;
+      if (inLead || !isAsciiDigit(unit)) {
+        return /*#__PURE__*/_jsx(Animated.Text, {
+          layout: hasAnimated ? motionRecipe.layoutTransition : undefined,
+          exiting: !inLead ? motionRecipe.exitTransition : undefined,
+          style: textStyle,
+          className: className,
+          children: unit
+        }, laneKey);
+      }
+      const delayMs = (digitCount - 1 - digitIndex) * staggerMs;
+      digitIndex += 1;
+      return /*#__PURE__*/_jsx(Animated.View, {
+        layout: hasAnimated ? motionRecipe.layoutTransition : undefined,
+        entering: hasAnimated ? motionRecipe.enterTransition : undefined,
+        exiting: motionRecipe.exitTransition,
+        children: /*#__PURE__*/_jsx(SlotColumn, {
+          digit: Number(unit),
+          direction: direction,
+          delayMs: delayMs,
+          animateIn: hasAnimated,
+          motionRecipe: motionRecipe,
+          slotHeight: slotHeight,
+          textStyle: textStyle,
+          className: className
+        })
+      }, laneKey);
+    })
+  });
+});
+SlotsRun.displayName = "SlotsRun";
+//# sourceMappingURL=slots-run.js.map

package/lib/module/view/slots-run.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","StyleSheet","Text","View","Animated","useAnimatedStyle","useSharedValue","useNumericLanes","isAsciiDigit","jsx","_jsx","jsxs","_jsxs","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","slotFrameStyle","position","overflow","slotProbeStyle","opacity","slotDigitStyle","textAlign","REEL_MIN","REEL_MAX","REEL_POSITIONS","Array","from","length","_","index","mod","value","divisor","equalStyleValue","isArray","every","areSlotReelPropsEqual","previous","next","current","slotHeight","className","previousStyle","flatten","textStyle","nextStyle","previousKeys","Object","keys","nextKeys","key","SlotReel","memo","animatedStyle","transform","translateY","pointerEvents","style","top","children","map","numberOfLines","height","lineHeight","SlotColumn","digit","direction","delayMs","animateIn","motionRecipe","spinInDistance","Math","max","initialDirection","initialValue","cumulativeRef","previousDigitRef","initialRef","exitStateRef","target","previousDigit","digitDelta","exitState","spinOutDistance","exitDirection","driveNumber","shift","trunc","SlotsRun","align","fontSize","staggerMs","units","leadLength","lastValueRef","hasAnimatedRef","flattenedStyle","resolvedLineHeight","undefined","resolvedFontSize","ceil","digitCount","filter","digitIndex","hasAnimated","unit","inLead","laneKey","layout","layoutTransition","exiting","exitTransition","entering","enterTransition","Number","displayName"],"sourceRoot":"../../../src","sources":["view/slots-run.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/view/text-run.js

@@ -1,30 +1,62 @@
 "use strict";
 
-import React, { useId, useRef } from "react";
+import React, { useId, useLayoutEffect, useMemo, useRef } from "react";
+import { useSharedValue } from "react-native-reanimated";
 import { useTextGlyphs } from "../hooks/use-text-glyphs.js";
+import { createLeadingEnterTransition, createLeadingExitTransition } from "../motion/entry-exit-builders.js";
 import { GlyphRun } from "./glyph-run.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+// connect text identity, leading transitions, and glyph layout into one run
 export const TextRun = /*#__PURE__*/React.memo(({
   value,
   motionRecipe,
   align,
+  leading,
+  leadingKey,
+  leadingGap = 0,
   textStyle,
   className
 }) => {
   // namespace ids per instance so repeated strings do not collide
   const scopeId = useId();
-  const glyphs = useTextGlyphs(value, scopeId);
   const lastValueRef = useRef(value);
+  const lastLeadingPresenceRef = useRef(Boolean(leading));
+  const lastLeadingKeyRef = useRef(leadingKey);
   const hasAnimatedRef = useRef(false);
-  if (value !== lastValueRef.current) {
+  const isLeadingSwap = Boolean(leading) && lastLeadingPresenceRef.current && leadingKey !== lastLeadingKeyRef.current;
+  // update the worklet flag after commit so render never writes a shared value
+  const leadingSwapProgress = useSharedValue(0);
+  useLayoutEffect(() => {
+    leadingSwapProgress.value = isLeadingSwap ? 1 : 0;
+  }, [isLeadingSwap, leadingSwapProgress]);
+  const glyphs = useTextGlyphs(value, scopeId, leading, leadingKey);
+  const elementEnterTransition = useMemo(() => createLeadingEnterTransition({
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing
+  }), [motionRecipe.durationMs, motionRecipe.easing]);
+  const elementExitTransition = useMemo(() => createLeadingExitTransition({
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing,
+    leadingGap,
+    scale: leadingSwapProgress
+  }), [leadingGap, leadingSwapProgress, motionRecipe.durationMs, motionRecipe.easing]);
+
+  // mark the first value as settled and later changes as eligible for motion
+  if (value !== lastValueRef.current || Boolean(leading) !== lastLeadingPresenceRef.current || leadingKey !== lastLeadingKeyRef.current) {
     hasAnimatedRef.current = true;
     lastValueRef.current = value;
+    lastLeadingPresenceRef.current = Boolean(leading);
+    lastLeadingKeyRef.current = leadingKey;
   }
+  const hasAnimated = hasAnimatedRef.current;
   return /*#__PURE__*/_jsx(GlyphRun, {
     glyphs: glyphs,
-    layoutTransition: motionRecipe.layoutTransition,
+    layoutTransition: hasAnimated ? motionRecipe.layoutTransition : undefined,
     enterTransition: hasAnimatedRef.current ? motionRecipe.enterTransition : undefined,
+    elementEnterTransition: isLeadingSwap ? elementEnterTransition : undefined,
     exitTransition: motionRecipe.exitTransition,
+    elementExitTransition: elementExitTransition,
+    leadingGap: leadingGap,
     align: align,
     textStyle: textStyle,
     className: className

package/lib/module/view/text-run.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useId","useRef","useTextGlyphs","GlyphRun","jsx","_jsx","TextRun","memo","value","motionRecipe","align","textStyle","className","scopeId","glyphs","lastValueRef","hasAnimatedRef","current","layoutTransition","enterTransition","undefined","exitTransition","displayName"],"sourceRoot":"../../../src","sources":["view/text-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,KAAK,EAAEC,MAAM,QAAQ,OAAO;AAE5C,SAASC,aAAa,QAAQ,6BAA0B;AAExD,SAASC,QAAQ,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,MAAMC,OAAO,gBAAGP,KAAK,CAACQ,IAAI,CAC/B,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC,KAAK;EAAEC,SAAS;EAAEC;AAAwB,CAAC,KAAK;EACtE;EACA,MAAMC,OAAO,GAAGb,KAAK,CAAC,CAAC;EACvB,MAAMc,MAAM,GAAGZ,aAAa,CAACM,KAAK,EAAEK,OAAO,CAAC;EAC5C,MAAME,YAAY,GAAGd,MAAM,CAACO,KAAK,CAAC;EAClC,MAAMQ,cAAc,GAAGf,MAAM,CAAC,KAAK,CAAC;EAEpC,IAAIO,KAAK,KAAKO,YAAY,CAACE,OAAO,EAAE;IAClCD,cAAc,CAACC,OAAO,GAAG,IAAI;IAC7BF,YAAY,CAACE,OAAO,GAAGT,KAAK;EAC9B;EAEA,oBACEH,IAAA,CAACF,QAAQ;IACPW,MAAM,EAAEA,MAAO;IACfI,gBAAgB,EAAET,YAAY,CAACS,gBAAiB;IAChDC,eAAe,EACbH,cAAc,CAACC,OAAO,GAAGR,YAAY,CAACU,eAAe,GAAGC,SACzD;IACDC,cAAc,EAAEZ,YAAY,CAACY,cAAe;IAC5CX,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CACF,CAAC;AAEDN,OAAO,CAACgB,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"names":["React","useId","useLayoutEffect","useMemo","useRef","useSharedValue","useTextGlyphs","createLeadingEnterTransition","createLeadingExitTransition","GlyphRun","jsx","_jsx","TextRun","memo","value","motionRecipe","align","leading","leadingKey","leadingGap","textStyle","className","scopeId","lastValueRef","lastLeadingPresenceRef","Boolean","lastLeadingKeyRef","hasAnimatedRef","isLeadingSwap","current","leadingSwapProgress","glyphs","elementEnterTransition","durationMs","easing","elementExitTransition","scale","hasAnimated","layoutTransition","undefined","enterTransition","exitTransition","displayName"],"sourceRoot":"../../../src","sources":["view/text-run.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/hooks/use-display-units.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-display-units.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-display-units.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,EACb,iBAAc,KACb,SAAS,MAAM,EAQf,CAAC"}
+{"version":3,"file":"use-display-units.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-display-units.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,EACb,iBAAc,KACb,SAAS,MAAM,EAQf,CAAC"}

package/lib/typescript/commonjs/hooks/use-inline-auto-width.d.ts

@@ -2,14 +2,16 @@ import type { LayoutChangeEvent } from "react-native";
 type Params = {
     enabled: boolean;
     driveToWidth: (toValue: number) => number;
+    measurementKey: string;
 };
-export declare const useInlineAutoWidth: ({ enabled, driveToWidth }: Params) => {
+export declare const useInlineAutoWidth: ({ enabled, driveToWidth, measurementKey, }: Params) => {
     captureLayout: (event: LayoutChangeEvent) => void;
     animatedWidthStyle: {
         width: number;
     } | {
         width?: undefined;
     };
+    shouldMeasure: boolean;
 };
 export {};
 //# sourceMappingURL=use-inline-auto-width.d.ts.map

package/lib/typescript/commonjs/hooks/use-inline-auto-width.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-inline-auto-width.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-inline-auto-width.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2BAA2B,MAAM;2BAOxD,iBAAiB;;;;;;CAwC5B,CAAC"}
+{"version":3,"file":"use-inline-auto-width.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-inline-auto-width.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAKF,eAAO,MAAM,kBAAkB,GAAI,4CAIhC,MAAM;2BA6BG,iBAAiB;;;;;;;CAqD5B,CAAC"}

package/lib/typescript/commonjs/hooks/use-morph-motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-morph-motion.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-morph-motion.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAElB,KAAK,MAAM,GAAG;IACZ,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,eAAe,CAAC,EAAE,wBAAwB,CAAC;IACpD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,2DAK5B,MAAM,KAAG,WAcX,CAAC"}
+{"version":3,"file":"use-morph-motion.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-morph-motion.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAElB,KAAK,MAAM,GAAG;IACZ,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,eAAe,CAAC,EAAE,wBAAwB,CAAC;IACpD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,2DAK5B,MAAM,KAAG,WAcX,CAAC"}

package/lib/typescript/commonjs/hooks/use-morph-text-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-morph-text-style.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-morph-text-style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,KAAK,MAAM,GAAG;IACZ,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wCAK/B,MAAM,KAAG,cAyBX,CAAC"}
+{"version":3,"file":"use-morph-text-style.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-morph-text-style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,KAAK,MAAM,GAAG;IACZ,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,wCAK/B,MAAM,KAAG,cA2BX,CAAC"}

package/lib/typescript/commonjs/hooks/use-numeric-lanes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-numeric-lanes.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-numeric-lanes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAcrD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACzC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,mBAgC/C,CAAC"}
+{"version":3,"file":"use-numeric-lanes.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-numeric-lanes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAcrD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACzC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,mBAgC/C,CAAC"}

package/lib/typescript/commonjs/hooks/use-text-glyphs.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import type { GlyphToken } from "../types";
-export declare const useTextGlyphs: (value: string, namespace: string) => readonly GlyphToken[];
+export declare const useTextGlyphs: (value: string, namespace: string, leading?: ReactNode, leadingKey?: string | number) => readonly GlyphToken[];
 //# sourceMappingURL=use-text-glyphs.d.ts.map

package/lib/typescript/commonjs/hooks/use-text-glyphs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-text-glyphs.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-text-glyphs.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAS3C,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,WAAW,MAAM,KAChB,SAAS,UAAU,EAqCrB,CAAC"}
+{"version":3,"file":"use-text-glyphs.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-text-glyphs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAc3C,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,UAAU,SAAS,EACnB,aAAa,MAAM,GAAG,MAAM,KAC3B,SAAS,UAAU,EAoErB,CAAC"}

package/lib/typescript/commonjs/index.d.ts

@@ -1,7 +1,5 @@
 import React from "react";
 import type { MorphingTextProps } from "./types";
 export declare const Laminar: React.NamedExoticComponent<Readonly<MorphingTextProps>>;
-export declare const MorphingText: React.NamedExoticComponent<Readonly<MorphingTextProps>>;
-export default Laminar;
-export type { LaminarAlign, LaminarProps, MorphAnimationPresetName, MorphContentVariant, MorphingTextProps, } from "./types";
+export type { LaminarAlign, LaminarLeadingMap, LaminarProps, MorphAnimationPresetName, MorphContentVariant, MorphingTextProps, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,eAAO,MAAM,OAAO,yDAgFhB,CAAC;AAEL,eAAO,MAAM,YAAY,yDAAU,CAAC;AAEpC,eAAe,OAAO,CAAC;AACvB,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOpE,eAAO,MAAM,OAAO,yDAqJhB,CAAC;AAcL,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/model/display-units.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-units.d.ts","sourceRoot":"","sources":["../../../../src/model/display-units.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAM,EASvD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,WACrB,CAAC;AAE7B,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,YAA+B,CAAC;AAEzE,eAAO,MAAM,qBAAqB,GAAI,OAAO,SAAS,MAAM,EAAE,WAI7D,CAAC"}
+{"version":3,"file":"display-units.d.ts","sourceRoot":"","sources":["../../../../src/model/display-units.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAM,EASvD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,WACrB,CAAC;AAG7B,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,YAA+B,CAAC;AAGzE,eAAO,MAAM,qBAAqB,GAAI,OAAO,SAAS,MAAM,EAAE,WAI7D,CAAC"}

package/lib/typescript/commonjs/model/numeric-lanes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numeric-lanes.d.ts","sourceRoot":"","sources":["../../../../src/model/numeric-lanes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAerD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,eAAe,MAAM,EACrB,WAAW,MAAM,EACjB,cAAc,SAAS,MAAM,EAAE,EAC/B,MAAM,MAAM,KACX,mBAqDF,CAAC"}
+{"version":3,"file":"numeric-lanes.d.ts","sourceRoot":"","sources":["../../../../src/model/numeric-lanes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAiBrD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;CAC1C,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAChC,eAAe,MAAM,EACrB,WAAW,MAAM,EACjB,cAAc,SAAS,MAAM,EAAE,EAC/B,MAAM,MAAM,KACX,mBAqDF,CAAC"}

package/lib/typescript/commonjs/model/text-keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-keys.d.ts","sourceRoot":"","sources":["../../../../src/model/text-keys.ts"],"names":[],"mappings":"AAmDA,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,eAAe,SAAS,MAAM,EAAE,EAChC,WAAW,SAAS,MAAM,EAAE,EAC5B,cAAc,SAAS,MAAM,EAAE,EAC/B,MAAM,MAAM,EACZ,WAAW,MAAM,KAChB,wBA4DF,CAAC"}
+{"version":3,"file":"text-keys.d.ts","sourceRoot":"","sources":["../../../../src/model/text-keys.ts"],"names":[],"mappings":"AAqDA,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,CAAC;AAGF,eAAO,MAAM,sBAAsB,GACjC,eAAe,SAAS,MAAM,EAAE,EAChC,WAAW,SAAS,MAAM,EAAE,EAC5B,cAAc,SAAS,MAAM,EAAE,EAC/B,MAAM,MAAM,EACZ,WAAW,MAAM,KAChB,wBA4DF,CAAC"}

package/lib/typescript/commonjs/motion/entry-exit-builders.d.ts

@@ -1,4 +1,5 @@
 import { type EntryExitAnimationFunction, type WithTimingConfig } from "react-native-reanimated";
+import type { SharedValue } from "react-native-reanimated";
 type TransitionParams = {
     readonly delayMs?: number;
     readonly durationMs: number;
@@ -10,6 +11,18 @@ type TransitionParams = {
     readonly fromScale: number;
     readonly toScale: number;
 };
+type LeadingExitTransitionParams = {
+    readonly durationMs: number;
+    readonly easing: NonNullable<WithTimingConfig["easing"]>;
+    readonly leadingGap: number;
+    readonly scale?: boolean | SharedValue<number>;
+};
+type LeadingEnterTransitionParams = {
+    readonly durationMs: number;
+    readonly easing: NonNullable<WithTimingConfig["easing"]>;
+};
+export declare const createLeadingEnterTransition: ({ durationMs, easing, }: LeadingEnterTransitionParams) => EntryExitAnimationFunction;
 export declare const createShiftTransition: ({ delayMs, durationMs, easing, fromOpacity, toOpacity, fromTranslateY, toTranslateY, fromScale, toScale, }: TransitionParams) => EntryExitAnimationFunction;
+export declare const createLeadingExitTransition: ({ durationMs, easing, leadingGap, scale, }: LeadingExitTransitionParams) => EntryExitAnimationFunction;
 export {};
 //# sourceMappingURL=entry-exit-builders.d.ts.map

package/lib/typescript/commonjs/motion/entry-exit-builders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry-exit-builders.d.ts","sourceRoot":"","sources":["../../../../src/motion/entry-exit-builders.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4GAUnC,gBAAgB,KAAG,0BA4CrB,CAAC"}
+{"version":3,"file":"entry-exit-builders.d.ts","sourceRoot":"","sources":["../../../../src/motion/entry-exit-builders.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,0BAA0B,EAE/B,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;CAChD,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,yBAG1C,4BAA4B,KAAG,0BAejC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,4GAUnC,gBAAgB,KAAG,0BA4CrB,CAAC;AAGF,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,2BAA2B,KAAG,0BA6BhC,CAAC"}

package/lib/typescript/commonjs/motion/preset-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset-map.d.ts","sourceRoot":"","sources":["../../../../src/motion/preset-map.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,wBAAwB,EACxB,oBAAoB,CAqBZ,CAAC;AA8BX,eAAO,MAAM,mBAAmB,GAC9B,aAAY,wBAAoC,EAChD,mBAAmB,MAAM,KACxB,YAqDF,CAAC"}
+{"version":3,"file":"preset-map.d.ts","sourceRoot":"","sources":["../../../../src/motion/preset-map.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAKlB,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,wBAAwB,EACxB,oBAAoB,CAqBZ,CAAC;AAiCX,eAAO,MAAM,mBAAmB,GAC9B,aAAY,wBAAoC,EAChD,mBAAmB,MAAM,KACxB,YAqDF,CAAC"}

package/lib/typescript/commonjs/types.d.ts

@@ -1,8 +1,10 @@
+import type { ReactNode } from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { ComplexAnimationBuilder, EntryExitAnimationFunction, WithTimingConfig } from "react-native-reanimated";
 export type MorphAnimationPresetName = "default" | "smooth" | "snappy" | "bouncy";
-export type MorphContentVariant = "text" | "number";
+export type MorphContentVariant = "text" | "number" | "slots";
 export type LaminarAlign = "left" | "center" | "right";
+export type LaminarLeadingMap = Readonly<Record<string, ReactNode>>;
 type CubicBezierTuple = readonly [number, number, number, number];
 export type MorphAnimationPreset = {
     readonly duration: number;
@@ -14,7 +16,9 @@ export type MorphAnimationPreset = {
 };
 export type GlyphToken = {
     readonly id: string;
-    readonly value: string;
+    readonly kind: "text" | "element";
+    readonly value?: string;
+    readonly element?: ReactNode;
 };
 export type NumericFlowDirection = -1 | 0 | 1;
 export type MotionRecipe = {
@@ -32,6 +36,12 @@ export type MorphingTextProps = {
     readonly color?: string;
     readonly align?: LaminarAlign;
     readonly className?: string;
+    /** optional inline element reconciled and animated as the leading token */
+    readonly leading?: ReactNode | LaminarLeadingMap;
+    /** identity for swapping one leading element for another */
+    readonly leadingKey?: string | number;
+    /** spacing between the leading element and the first text glyph */
+    readonly leadingGap?: number;
     readonly style?: StyleProp<TextStyle>;
     readonly containerStyle?: StyleProp<ViewStyle>;
     readonly fontStyle?: StyleProp<TextStyle>;

package/lib/typescript/commonjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,KAAK,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAElE,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;CACjC,GACD;IACE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB,CAAC;AAEN,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,gBAAgB,EAAE,uBAAuB,CAAC;IACnD,QAAQ,CAAC,eAAe,EAAE,0BAA0B,CAAC;IACrD,QAAQ,CAAC,cAAc,EAAE,0BAA0B,CAAC;IACpD,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,wBAAwB,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/view/glyph-run.d.ts

@@ -2,11 +2,14 @@ import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 import type { ComplexAnimationBuilder, EntryExitAnimationFunction } from "react-native-reanimated";
 import type { GlyphToken, LaminarAlign } from "../types";
-export declare const GlyphRun: React.MemoExoticComponent<({ glyphs, layoutTransition, enterTransition, exitTransition, align, textStyle, className, }: Readonly<{
+export declare const GlyphRun: React.MemoExoticComponent<({ glyphs, layoutTransition, enterTransition, elementEnterTransition, exitTransition, elementExitTransition, leadingGap, align, textStyle, className, }: Readonly<{
     glyphs: readonly GlyphToken[];
-    layoutTransition: ComplexAnimationBuilder;
+    layoutTransition?: ComplexAnimationBuilder;
     enterTransition?: EntryExitAnimationFunction;
+    elementEnterTransition?: EntryExitAnimationFunction;
     exitTransition?: EntryExitAnimationFunction;
+    elementExitTransition?: EntryExitAnimationFunction;
+    leadingGap?: number;
     align: LaminarAlign;
     textStyle?: StyleProp<TextStyle>;
     className?: string;

package/lib/typescript/commonjs/view/glyph-run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glyph-run.d.ts","sourceRoot":"","sources":["../../../../src/view/glyph-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAczD,eAAO,MAAM,QAAQ,0HAShB,QAAQ,CAAC;IACV,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAC7C,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,uBAiBH,CAAC"}
+{"version":3,"file":"glyph-run.d.ts","sourceRoot":"","sources":["../../../../src/view/glyph-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAezD,eAAO,MAAM,QAAQ,qLAYhB,QAAQ,CAAC;IACV,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAC7C,sBAAsB,CAAC,EAAE,0BAA0B,CAAC;IACpD,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,uBAmCH,CAAC"}

package/lib/typescript/commonjs/view/morph-viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"morph-viewport.d.ts","sourceRoot":"","sources":["../../../../src/view/morph-viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA4C7C,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IAClF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,aAAa,4HASrB,kBAAkB,uBAmCtB,CAAC"}
+{"version":3,"file":"morph-viewport.d.ts","sourceRoot":"","sources":["../../../../src/view/morph-viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA4C7C,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IAClF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC;AAGF,eAAO,MAAM,aAAa,4HASrB,kBAAkB,uBAqCtB,CAAC"}

package/lib/typescript/commonjs/view/number-lane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-lane.d.ts","sourceRoot":"","sources":["../../../../src/view/number-lane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAiBnE,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACzC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,+IAYlB,eAAe,uBAiFnB,CAAC"}
+{"version":3,"file":"number-lane.d.ts","sourceRoot":"","sources":["../../../../src/view/number-lane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAiBnE,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACzC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,UAAU,+IAYlB,eAAe,uBAqFnB,CAAC"}

package/lib/typescript/commonjs/view/number-run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-run.d.ts","sourceRoot":"","sources":["../../../../src/view/number-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAe3D,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,yGASjB,QAAQ,CAAC,cAAc,CAAC,uBA4C5B,CAAC"}
+{"version":3,"file":"number-run.d.ts","sourceRoot":"","sources":["../../../../src/view/number-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAe3D,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,SAAS,yGASjB,QAAQ,CAAC,cAAc,CAAC,uBA8C5B,CAAC"}

package/lib/typescript/commonjs/view/slots-run.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, type TextStyle } from "react-native";
+import type { LaminarAlign, MotionRecipe } from "../types";
+type SlotsRunProps = {
+    readonly value: string;
+    readonly motionRecipe: MotionRecipe;
+    readonly align: LaminarAlign;
+    readonly fontSize?: number;
+    readonly textStyle?: StyleProp<TextStyle>;
+    readonly staggerMs: number;
+    readonly className?: string;
+};
+export declare const SlotsRun: React.MemoExoticComponent<({ value, motionRecipe, align, fontSize, textStyle, staggerMs, className, }: Readonly<SlotsRunProps>) => React.JSX.Element>;
+export {};
+//# sourceMappingURL=slots-run.d.ts.map

package/lib/typescript/commonjs/view/slots-run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots-run.d.ts","sourceRoot":"","sources":["../../../../src/view/slots-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAQtB,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAwB,MAAM,UAAU,CAAC;AAmQjF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,QAAQ,yGAShB,QAAQ,CAAC,aAAa,CAAC,uBAwF3B,CAAC"}