react-native-laminar 1.2.0 → 1.4.1

package/lib/module/model/text-keys.js

@@ -1,11 +1,14 @@
 "use strict";
 
+// find the longest ordered set of shared units so edits keep nearby glyph identity
 const computeLcsPairs = (previousUnits, nextUnits) => {
   const previousLength = previousUnits.length;
   const nextLength = nextUnits.length;
   if (previousLength === 0 || nextLength === 0) {
     return [];
   }
+
+  // dynamic programming makes the middle edit deterministic when prefix and suffix match
   const dp = Array.from({
     length: previousLength + 1
   }, () => new Array(nextLength + 1).fill(0));
@@ -33,6 +36,7 @@ const computeLcsPairs = (previousUnits, nextUnits) => {
   pairs.reverse();
   return pairs;
 };
+// reuse prefix, suffix, and lcs matches before allocating keys for new glyphs
 export const reconcileTextGlyphKeys = (previousUnits, nextUnits, previousKeys, seed, namespace) => {
   const previousLength = previousUnits.length;
   const nextLength = nextUnits.length;

package/lib/module/model/text-keys.js.map

@@ -1 +1 @@
-{"version":3,"names":["computeLcsPairs","previousUnits","nextUnits","previousLength","length","nextLength","dp","Array","from","fill","previousIndex","nextIndex","Math","max","pairs","push","reverse","reconcileTextGlyphKeys","previousKeys","seed","namespace","nextGlyphKeys","nextSeed","sharedPrefixLength","sharedSuffixLength","previousMiddleEnd","nextMiddleEnd","previousMiddleUnits","slice","nextMiddleUnits","matches","absolutePreviousIndex","absoluteNextIndex","glyphKeys"],"sourceRoot":"../../../src","sources":["model/text-keys.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["computeLcsPairs","previousUnits","nextUnits","previousLength","length","nextLength","dp","Array","from","fill","previousIndex","nextIndex","Math","max","pairs","push","reverse","reconcileTextGlyphKeys","previousKeys","seed","namespace","nextGlyphKeys","nextSeed","sharedPrefixLength","sharedSuffixLength","previousMiddleEnd","nextMiddleEnd","previousMiddleUnits","slice","nextMiddleUnits","matches","absolutePreviousIndex","absoluteNextIndex","glyphKeys"],"sourceRoot":"../../../src","sources":["model/text-keys.ts"],"mappings":";;AAAA;AACA,MAAMA,eAAe,GAAGA,CACtBC,aAAgC,EAChCC,SAA4B,KACI;EAChC,MAAMC,cAAc,GAAGF,aAAa,CAACG,MAAM;EAC3C,MAAMC,UAAU,GAAGH,SAAS,CAACE,MAAM;EAEnC,IAAID,cAAc,KAAK,CAAC,IAAIE,UAAU,KAAK,CAAC,EAAE;IAC5C,OAAO,EAAE;EACX;;EAEA;EACA,MAAMC,EAAE,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEJ,MAAM,EAAED,cAAc,GAAG;EAAE,CAAC,EAAE,MACpD,IAAII,KAAK,CAASF,UAAU,GAAG,CAAC,CAAC,CAACI,IAAI,CAAC,CAAC,CAC1C,CAAC;EAED,KAAK,IAAIC,aAAa,GAAG,CAAC,EAAEA,aAAa,IAAIP,cAAc,EAAEO,aAAa,IAAI,CAAC,EAAE;IAC/E,KAAK,IAAIC,SAAS,GAAG,CAAC,EAAEA,SAAS,IAAIN,UAAU,EAAEM,SAAS,IAAI,CAAC,EAAE;MAC/DL,EAAE,CAACI,aAAa,CAAC,CAACC,SAAS,CAAC,GAC1BV,aAAa,CAACS,aAAa,GAAG,CAAC,CAAC,KAAKR,SAAS,CAACS,SAAS,GAAG,CAAC,CAAC,GACzDL,EAAE,CAACI,aAAa,GAAG,CAAC,CAAC,CAACC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,GACxCC,IAAI,CAACC,GAAG,CAACP,EAAE,CAACI,aAAa,GAAG,CAAC,CAAC,CAACC,SAAS,CAAC,EAAEL,EAAE,CAACI,aAAa,CAAC,CAACC,SAAS,GAAG,CAAC,CAAC,CAAC;IACpF;EACF;EAEA,MAAMG,KAAyB,GAAG,EAAE;EACpC,IAAIJ,aAAa,GAAGP,cAAc;EAClC,IAAIQ,SAAS,GAAGN,UAAU;EAE1B,OAAOK,aAAa,GAAG,CAAC,IAAIC,SAAS,GAAG,CAAC,EAAE;IACzC,IAAIV,aAAa,CAACS,aAAa,GAAG,CAAC,CAAC,KAAKR,SAAS,CAACS,SAAS,GAAG,CAAC,CAAC,EAAE;MACjEG,KAAK,CAACC,IAAI,CAAC,CAACL,aAAa,GAAG,CAAC,EAAEC,SAAS,GAAG,CAAC,CAAC,CAAC;MAC9CD,aAAa,IAAI,CAAC;MAClBC,SAAS,IAAI,CAAC;MACd;IACF;IAEA,IACEL,EAAE,CAACI,aAAa,GAAG,CAAC,CAAC,CAACC,SAAS,CAAC,GAAGL,EAAE,CAACI,aAAa,CAAC,CAACC,SAAS,GAAG,CAAC,CAAC,IAClEL,EAAE,CAACI,aAAa,GAAG,CAAC,CAAC,CAACC,SAAS,CAAC,KAAKL,EAAE,CAACI,aAAa,CAAC,CAACC,SAAS,GAAG,CAAC,CAAC,IACpED,aAAa,IAAIC,SAAU,EAC7B;MACAD,aAAa,IAAI,CAAC;IACpB,CAAC,MAAM;MACLC,SAAS,IAAI,CAAC;IAChB;EACF;EAEAG,KAAK,CAACE,OAAO,CAAC,CAAC;EACf,OAAOF,KAAK;AACd,CAAC;AAOD;AACA,OAAO,MAAMG,sBAAsB,GAAGA,CACpChB,aAAgC,EAChCC,SAA4B,EAC5BgB,YAA+B,EAC/BC,IAAY,EACZC,SAAiB,KACY;EAC7B,MAAMjB,cAAc,GAAGF,aAAa,CAACG,MAAM;EAC3C,MAAMC,UAAU,GAAGH,SAAS,CAACE,MAAM;EACnC,MAAMiB,aAAa,GAAG,IAAId,KAAK,CAASL,SAAS,CAACE,MAAM,CAAC,CAACK,IAAI,CAAC,EAAE,CAAC;EAClE,IAAIa,QAAQ,GAAGH,IAAI;EAEnB,IAAII,kBAAkB,GAAG,CAAC;EAC1B,OACEA,kBAAkB,GAAGpB,cAAc,IACnCoB,kBAAkB,GAAGlB,UAAU,IAC/BJ,aAAa,CAACsB,kBAAkB,CAAC,KAAKrB,SAAS,CAACqB,kBAAkB,CAAC,EACnE;IACAF,aAAa,CAACE,kBAAkB,CAAC,GAC/BL,YAAY,CAACK,kBAAkB,CAAC,IAAI,GAAGH,SAAS,KAAKE,QAAQ,EAAE,EAAE;IACnEC,kBAAkB,IAAI,CAAC;EACzB;EAEA,IAAIC,kBAAkB,GAAG,CAAC;EAC1B,OACEA,kBAAkB,GAAGrB,cAAc,GAAGoB,kBAAkB,IACxDC,kBAAkB,GAAGnB,UAAU,GAAGkB,kBAAkB,IACpDtB,aAAa,CAACE,cAAc,GAAG,CAAC,GAAGqB,kBAAkB,CAAC,KACpDtB,SAAS,CAACG,UAAU,GAAG,CAAC,GAAGmB,kBAAkB,CAAC,EAChD;IACA,MAAMd,aAAa,GAAGP,cAAc,GAAG,CAAC,GAAGqB,kBAAkB;IAC7D,MAAMb,SAAS,GAAGN,UAAU,GAAG,CAAC,GAAGmB,kBAAkB;IACrDH,aAAa,CAACV,SAAS,CAAC,GACtBO,YAAY,CAACR,aAAa,CAAC,IAAI,GAAGU,SAAS,KAAKE,QAAQ,EAAE,EAAE;IAC9DE,kBAAkB,IAAI,CAAC;EACzB;EAEA,MAAMC,iBAAiB,GAAGtB,cAAc,GAAGqB,kBAAkB;EAC7D,MAAME,aAAa,GAAGrB,UAAU,GAAGmB,kBAAkB;EACrD,MAAMG,mBAAmB,GAAG1B,aAAa,CAAC2B,KAAK,CAC7CL,kBAAkB,EAClBE,iBACF,CAAC;EACD,MAAMI,eAAe,GAAG3B,SAAS,CAAC0B,KAAK,CAACL,kBAAkB,EAAEG,aAAa,CAAC;;EAE1E;EACA,MAAMI,OAAO,GAAG9B,eAAe,CAAC2B,mBAAmB,EAAEE,eAAe,CAAC;EAErE,KAAK,MAAM,CAACnB,aAAa,EAAEC,SAAS,CAAC,IAAImB,OAAO,EAAE;IAChD,MAAMC,qBAAqB,GAAGrB,aAAa,GAAGa,kBAAkB;IAChE,MAAMS,iBAAiB,GAAGrB,SAAS,GAAGY,kBAAkB;IAExDF,aAAa,CAACW,iBAAiB,CAAC,GAC9Bd,YAAY,CAACa,qBAAqB,CAAC,IAAI,GAAGX,SAAS,KAAKE,QAAQ,EAAE,EAAE;EACxE;EAEA,KAAK,IAAIX,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAGU,aAAa,CAACjB,MAAM,EAAEO,SAAS,IAAI,CAAC,EAAE;IACxE,IAAI,CAACU,aAAa,CAACV,SAAS,CAAC,EAAE;MAC7BU,aAAa,CAACV,SAAS,CAAC,GAAG,GAAGS,SAAS,KAAKE,QAAQ,EAAE,EAAE;IAC1D;EACF;EAEA,OAAO;IACLW,SAAS,EAAEZ,aAAa;IACxBC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/motion/entry-exit-builders.js

@@ -1,6 +1,38 @@
 "use strict";
 
 import { withDelay, withTiming } from "react-native-reanimated";
+// leading replacements use scale while first appearance uses the regular fade path
+export const createLeadingEnterTransition = ({
+  durationMs,
+  easing
+}) => {
+  return () => {
+    "worklet";
+
+    return {
+      initialValues: {
+        opacity: 0,
+        transform: [{
+          scale: 0.5
+        }]
+      },
+      animations: {
+        opacity: withTiming(1, {
+          duration: durationMs,
+          easing
+        }),
+        transform: [{
+          scale: withTiming(1, {
+            duration: durationMs,
+            easing
+          })
+        }]
+      }
+    };
+  };
+};
+
+// one builder covers glyph opacity, travel, scale, and optional stagger timing
 export const createShiftTransition = ({
   delayMs = 0,
   durationMs,
@@ -49,4 +81,47 @@ export const createShiftTransition = ({
     };
   };
 };
+
+// the shared swap flag lets an exiting worklet read the current transition type
+export const createLeadingExitTransition = ({
+  durationMs,
+  easing,
+  leadingGap,
+  scale = false
+}) => {
+  return values => {
+    "worklet";
+
+    const shouldScale = typeof scale === "object" ? scale.value > 0.5 : scale;
+    return {
+      initialValues: {
+        opacity: 1,
+        originX: values.currentOriginX,
+        ...(shouldScale ? {
+          transform: [{
+            scale: 1
+          }]
+        } : {})
+      },
+      animations: {
+        opacity: withTiming(0, {
+          duration: durationMs,
+          easing
+        }),
+        originX: withTiming(values.currentOriginX - values.currentWidth - leadingGap, {
+          duration: durationMs,
+          easing
+        }),
+        ...(shouldScale ? {
+          transform: [{
+            scale: withTiming(0.5, {
+              duration: durationMs,
+              easing
+            })
+          }]
+        } : {})
+      }
+    };
+  };
+};
 //# sourceMappingURL=entry-exit-builders.js.map

package/lib/module/motion/entry-exit-builders.js.map

@@ -1 +1 @@
-{"version":3,"names":["withDelay","withTiming","createShiftTransition","delayMs","durationMs","easing","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","animate","toValue","duration","initialValues","opacity","transform","translateY","scale","animations"],"sourceRoot":"../../../src","sources":["motion/entry-exit-builders.ts"],"mappings":";;AAAA,SAGEA,SAAS,EACTC,UAAU,QACL,yBAAyB;AAchC,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,OAAO,GAAG,CAAC;EACXC,UAAU;EACVC,MAAM;EACNC,WAAW;EACXC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,SAAS;EACTC;AACgB,CAAC,KAAiC;EAClD,OAAO,MAAM;IACX,SAAS;;IAET;IACA,MAAMC,OAAO,GAAIC,OAAe,IAC9BV,OAAO,GAAG,CAAC,GACPH,SAAS,CACPG,OAAO,EACPF,UAAU,CAACY,OAAO,EAAE;MAClBC,QAAQ,EAAEV,UAAU;MACpBC;IACF,CAAC,CACH,CAAC,GACDJ,UAAU,CAACY,OAAO,EAAE;MAClBC,QAAQ,EAAEV,UAAU;MACpBC;IACF,CAAC,CAAC;IAER,MAAMU,aAAsC,GAAG;MAC7CC,OAAO,EAAEV,WAAW;MACpBW,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEV;MAAe,CAAC,EAC9B;QAAEW,KAAK,EAAET;MAAU,CAAC;IAExB,CAAC;IAED,MAAMU,UAAmC,GAAG;MAC1CJ,OAAO,EAAEJ,OAAO,CAACL,SAAS,CAAC;MAC3BU,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEN,OAAO,CAACH,YAAY;MAAE,CAAC,EACrC;QAAEU,KAAK,EAAEP,OAAO,CAACD,OAAO;MAAE,CAAC;IAE/B,CAAC;IAED,OAAO;MACLI,aAAa,EAAE;QACb,GAAGA;MACL,CAAC;MACDK,UAAU,EAAE;QACV,GAAGA;MACL;IACF,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["withDelay","withTiming","createLeadingEnterTransition","durationMs","easing","initialValues","opacity","transform","scale","animations","duration","createShiftTransition","delayMs","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","animate","toValue","translateY","createLeadingExitTransition","leadingGap","values","shouldScale","value","originX","currentOriginX","currentWidth"],"sourceRoot":"../../../src","sources":["motion/entry-exit-builders.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/motion/preset-map.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { Easing, LinearTransition, withDelay, withSpring, withTiming } from "react-native-reanimated";
+// keep all presets on one curve family so layout and glyph motion agree
 const DEFAULT_CURVE = [0.19, 1, 0.22, 1];
 export const MOTION_PRESETS = {
   default: {
@@ -23,8 +24,12 @@ export const MOTION_PRESETS = {
     bounce: 0.3
   }
 };
+
+// the public preset table uses seconds while reanimated timing uses milliseconds
 const toMilliseconds = seconds => Math.round(seconds * 1000);
 const toDampingRatio = bounce => Math.max(0.55, Math.min(1, 1 - bounce));
+
+// spring and timing presets share the same opacity contract
 const createOpacityTransition = (fromOpacity, toOpacity, durationMs, easing) => {
   return () => {
     "worklet";
@@ -42,6 +47,8 @@ const createOpacityTransition = (fromOpacity, toOpacity, durationMs, easing) =>
     };
   };
 };
+
+// convert a named preset into the builders consumed by every rendering variant
 export const resolveMotionRecipe = (presetName = "default", durationOverride) => {
   const preset = MOTION_PRESETS[presetName];
   const durationMs = durationOverride ?? toMilliseconds(preset.duration);

package/lib/module/motion/preset-map.js.map

@@ -1 +1 @@
-{"version":3,"names":["Easing","LinearTransition","withDelay","withSpring","withTiming","DEFAULT_CURVE","MOTION_PRESETS","default","duration","ease","smooth","type","bounce","snappy","bouncy","toMilliseconds","seconds","Math","round","toDampingRatio","max","min","createOpacityTransition","fromOpacity","toOpacity","durationMs","easing","initialValues","opacity","animations","resolveMotionRecipe","presetName","durationOverride","preset","dampingRatio","bezier","layoutTransition","factory","enterTransition","exitTransition","driveNumber","toValue","delayMs","animation","overshootClamping","timingPreset","x1","y1","x2","y2"],"sourceRoot":"../../../src","sources":["motion/preset-map.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Easing","LinearTransition","withDelay","withSpring","withTiming","DEFAULT_CURVE","MOTION_PRESETS","default","duration","ease","smooth","type","bounce","snappy","bouncy","toMilliseconds","seconds","Math","round","toDampingRatio","max","min","createOpacityTransition","fromOpacity","toOpacity","durationMs","easing","initialValues","opacity","animations","resolveMotionRecipe","presetName","durationOverride","preset","dampingRatio","bezier","layoutTransition","factory","enterTransition","exitTransition","driveNumber","toValue","delayMs","animation","overshootClamping","timingPreset","x1","y1","x2","y2"],"sourceRoot":"../../../src","sources":["motion/preset-map.ts"],"mappings":"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","ignoreList":[]}

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

@@ -20,17 +20,36 @@ const rowAlignStyles = {
     alignSelf: "flex-end"
   }
 };
+
+// render text and inline elements through one animated token row
 export const GlyphRun = /*#__PURE__*/React.memo(({
   glyphs,
   layoutTransition,
   enterTransition,
+  elementEnterTransition,
   exitTransition,
+  elementExitTransition,
+  leadingGap,
   align,
   textStyle,
   className
-}) => /*#__PURE__*/_jsx(View, {
+}) =>
+/*#__PURE__*/
+// each token keeps its own view so reanimated can animate only changed content
+_jsx(View, {
   style: [rowStyle, rowAlignStyles[align]],
-  children: glyphs.map(glyph => /*#__PURE__*/_jsx(Animated.Text, {
+  children: glyphs.map((glyph, glyphIndex) => glyph.kind === "element" ? /*#__PURE__*/_jsx(Animated.View, {
+    layout: layoutTransition,
+    entering: elementEnterTransition ?? enterTransition,
+    exiting: elementExitTransition ?? exitTransition,
+    style: [{
+      alignItems: "center",
+      justifyContent: "center"
+    }, glyphIndex === 0 && (leadingGap ?? 0) > 0 ? {
+      marginRight: leadingGap
+    } : undefined],
+    children: glyph.element
+  }, glyph.id) : /*#__PURE__*/_jsx(Animated.Text, {
     layout: layoutTransition,
     entering: enterTransition,
     exiting: exitTransition,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Animated","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","GlyphRun","memo","glyphs","layoutTransition","enterTransition","exitTransition","align","textStyle","className","style","children","map","glyph","Text","layout","entering","exiting","value","id","displayName"],"sourceRoot":"../../../src","sources":["view/glyph-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyCC,IAAI,QAAQ,cAAc;AACnE,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO/C,MAAMC,QAAQ,GAAG;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE;IAAEF,SAAS,EAAE;EAAa,CAAC;EACjCG,MAAM,EAAE;IAAEH,SAAS,EAAE;EAAS,CAAC;EAC/BI,KAAK,EAAE;IAAEJ,SAAS,EAAE;EAAW;AACjC,CAAU;AAEV,OAAO,MAAMK,QAAQ,gBAAGb,KAAK,CAACc,IAAI,CAChC,CAAC;EACCC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC,cAAc;EACdC,KAAK;EACLC,SAAS;EACTC;AASD,CAAC,kBACEjB,IAAA,CAACH,IAAI;EAACqB,KAAK,EAAE,CAACjB,QAAQ,EAAEI,cAAc,CAACU,KAAK,CAAC,CAAE;EAAAI,QAAA,EAE5CR,MAAM,CAACS,GAAG,CAAEC,KAAK,iBAChBrB,IAAA,CAACF,QAAQ,CAACwB,IAAI;IAEZC,MAAM,EAAEX,gBAAiB;IACzBY,QAAQ,EAAEX,eAAgB;IAC1BY,OAAO,EAAEX,cAAe;IACxBI,KAAK,EAAEF,SAAU;IACjBC,SAAS,EAAEA,SAAU;IAAAE,QAAA,EAEpBE,KAAK,CAACK;EAAK,GAPPL,KAAK,CAACM,EAQE,CAChB;AAAC,CACE,CAEZ,CAAC;AAEDlB,QAAQ,CAACmB,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"names":["React","View","Animated","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","GlyphRun","memo","glyphs","layoutTransition","enterTransition","elementEnterTransition","exitTransition","elementExitTransition","leadingGap","align","textStyle","className","style","children","map","glyph","glyphIndex","kind","layout","entering","exiting","justifyContent","marginRight","undefined","element","id","Text","value","displayName"],"sourceRoot":"../../../src","sources":["view/glyph-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyCC,IAAI,QAAQ,cAAc;AACnE,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO/C,MAAMC,QAAQ,GAAG;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE;IAAEF,SAAS,EAAE;EAAa,CAAC;EACjCG,MAAM,EAAE;IAAEH,SAAS,EAAE;EAAS,CAAC;EAC/BI,KAAK,EAAE;IAAEJ,SAAS,EAAE;EAAW;AACjC,CAAU;;AAEV;AACA,OAAO,MAAMK,QAAQ,gBAAGb,KAAK,CAACc,IAAI,CAChC,CAAC;EACCC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC,sBAAsB;EACtBC,cAAc;EACdC,qBAAqB;EACrBC,UAAU;EACVC,KAAK;EACLC,SAAS;EACTC;AAYD,CAAC;AAAA;AACA;AACEpB,IAAA,CAACH,IAAI;EAACwB,KAAK,EAAE,CAACpB,QAAQ,EAAEI,cAAc,CAACa,KAAK,CAAC,CAAE;EAAAI,QAAA,EAE5CX,MAAM,CAACY,GAAG,CAAC,CAACC,KAAK,EAAEC,UAAU,KAC5BD,KAAK,CAACE,IAAI,KAAK,SAAS,gBACtB1B,IAAA,CAACF,QAAQ,CAACD,IAAI;IAEZ8B,MAAM,EAAEf,gBAAiB;IACzBgB,QAAQ,EAAEd,sBAAsB,IAAID,eAAgB;IACpDgB,OAAO,EAAEb,qBAAqB,IAAID,cAAe;IACjDM,KAAK,EAAE,CACL;MAAElB,UAAU,EAAE,QAAQ;MAAE2B,cAAc,EAAE;IAAS,CAAC,EAClDL,UAAU,KAAK,CAAC,IAAI,CAACR,UAAU,IAAI,CAAC,IAAI,CAAC,GACrC;MAAEc,WAAW,EAAEd;IAAW,CAAC,GAC3Be,SAAS,CACb;IAAAV,QAAA,EAEDE,KAAK,CAACS;EAAO,GAXTT,KAAK,CAACU,EAYE,CAAC,gBAEhBlC,IAAA,CAACF,QAAQ,CAACqC,IAAI;IAEZR,MAAM,EAAEf,gBAAiB;IACzBgB,QAAQ,EAAEf,eAAgB;IAC1BgB,OAAO,EAAEd,cAAe;IACxBM,KAAK,EAAEF,SAAU;IACjBC,SAAS,EAAEA,SAAU;IAAAE,QAAA,EAEpBE,KAAK,CAACY;EAAK,GAPPZ,KAAK,CAACU,EAQE,CAEnB;AAAC,CACG,CAEZ,CAAC;AAEDzB,QAAQ,CAAC4B,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/view/morph-viewport.js

@@ -50,6 +50,7 @@ const viewportAlignStyles = {
     alignItems: "flex-end"
   }
 };
+// separate hidden measurement from visible content while sharing the shell alignment
 export const MorphViewport = /*#__PURE__*/React.memo(({
   autoSize,
   clipToBounds,
@@ -59,7 +60,10 @@ export const MorphViewport = /*#__PURE__*/React.memo(({
   measurement,
   children
 }) => {
+  // compute alignment once so the animated shell and its child share one layout contract
   const resolvedViewportStyle = useMemo(() => [viewportStyle, viewportAlignStyles[align], clipToBounds ? clippedViewportStyle : unclippedViewportStyle], [align, clipToBounds]);
+
+  // keep measurement outside the visible viewport so it cannot affect accessibility or layout
   return /*#__PURE__*/_jsx(View, {
     style: [shellStyle, shellAlignStyles[align], containerStyle],
     children: autoSize ? /*#__PURE__*/_jsxs(_Fragment, {

package/lib/module/view/morph-viewport.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","Animated","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","shellStyle","position","alignSelf","viewportStyle","measuredContentStyle","left","top","opacity","flexShrink","clippedViewportStyle","overflow","unclippedViewportStyle","fullWidthViewportStyle","width","shellAlignStyles","center","right","viewportAlignStyles","alignItems","MorphViewport","memo","autoSize","clipToBounds","align","containerStyle","animatedWidthStyle","measurement","children","resolvedViewportStyle","style","accessibilityElementsHidden","collapsable","importantForAccessibility","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["view/morph-viewport.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,MAAMC,UAAU,GAAG;EACjBC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,aAAa,GAAG;EACpBD,SAAS,EAAE;AACb,CAAU;AAEV,MAAME,oBAA+B,GAAG;EACtCH,QAAQ,EAAE,UAAU;EACpBI,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACNC,OAAO,EAAE,CAAC;EACVL,SAAS,EAAE,YAAY;EACvBM,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,oBAA+B,GAAG;EACtCC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,sBAAiC,GAAG;EACxCD,QAAQ,EAAE;AACZ,CAAC;AAED,MAAME,sBAAiC,GAAG;EACxCC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,gBAAiD,GAAG;EACxDT,IAAI,EAAE;IAAEH,SAAS,EAAE;EAAa,CAAC;EACjCa,MAAM,EAAE;IAAEb,SAAS,EAAE;EAAS,CAAC;EAC/Bc,KAAK,EAAE;IAAEd,SAAS,EAAE;EAAW;AACjC,CAAC;AAED,MAAMe,mBAAoD,GAAG;EAC3DZ,IAAI,EAAE;IAAEa,UAAU,EAAE;EAAa,CAAC;EAClCH,MAAM,EAAE;IAAEG,UAAU,EAAE;EAAS,CAAC;EAChCF,KAAK,EAAE;IAAEE,UAAU,EAAE;EAAW;AAClC,CAAC;AAYD,OAAO,MAAMC,aAAa,gBAAG7B,KAAK,CAAC8B,IAAI,CACrC,CAAC;EACCC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,cAAc;EACdC,kBAAkB;EAClBC,WAAW;EACXC;AACkB,CAAC,KAAK;EACxB,MAAMC,qBAAqB,GAAGrC,OAAO,CACnC,MAAM,CACJY,aAAa,EACbc,mBAAmB,CAACM,KAAK,CAAC,EAC1BD,YAAY,GAAGb,oBAAoB,GAAGE,sBAAsB,CAC7D,EACD,CAACY,KAAK,EAAED,YAAY,CACtB,CAAC;EAED,oBACE3B,IAAA,CAACH,IAAI;IAACqC,KAAK,EAAE,CAAC7B,UAAU,EAAEc,gBAAgB,CAACS,KAAK,CAAC,EAAEC,cAAc,CAAE;IAAAG,QAAA,EAChEN,QAAQ,gBACPtB,KAAA,CAAAF,SAAA;MAAA8B,QAAA,gBACEhC,IAAA,CAACH,IAAI;QACHsC,2BAA2B;QAC3BC,WAAW,EAAE,KAAM;QACnBC,yBAAyB,EAAC,qBAAqB;QAC/CC,aAAa,EAAC,MAAM;QACpBJ,KAAK,EAAEzB,oBAAqB;QAAAuB,QAAA,EAE3BD;MAAW,CACR,CAAC,eACP/B,IAAA,CAACF,QAAQ,CAACD,IAAI;QAACqC,KAAK,EAAE,CAACD,qBAAqB,EAAEH,kBAAkB,CAAE;QAAAE,QAAA,EAC/DA;MAAQ,CACI,CAAC;IAAA,CAChB,CAAC,gBAEHhC,IAAA,CAACH,IAAI;MAACqC,KAAK,EAAE,CAACD,qBAAqB,EAAEhB,sBAAsB,CAAE;MAAAe,QAAA,EAC1DA;IAAQ,CACL;EACP,CACG,CAAC;AAEX,CACF,CAAC;AAEDR,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","Animated","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","shellStyle","position","alignSelf","viewportStyle","measuredContentStyle","left","top","opacity","flexShrink","clippedViewportStyle","overflow","unclippedViewportStyle","fullWidthViewportStyle","width","shellAlignStyles","center","right","viewportAlignStyles","alignItems","MorphViewport","memo","autoSize","clipToBounds","align","containerStyle","animatedWidthStyle","measurement","children","resolvedViewportStyle","style","accessibilityElementsHidden","collapsable","importantForAccessibility","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["view/morph-viewport.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,MAAMC,UAAU,GAAG;EACjBC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,aAAa,GAAG;EACpBD,SAAS,EAAE;AACb,CAAU;AAEV,MAAME,oBAA+B,GAAG;EACtCH,QAAQ,EAAE,UAAU;EACpBI,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACNC,OAAO,EAAE,CAAC;EACVL,SAAS,EAAE,YAAY;EACvBM,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,oBAA+B,GAAG;EACtCC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,sBAAiC,GAAG;EACxCD,QAAQ,EAAE;AACZ,CAAC;AAED,MAAME,sBAAiC,GAAG;EACxCC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,gBAAiD,GAAG;EACxDT,IAAI,EAAE;IAAEH,SAAS,EAAE;EAAa,CAAC;EACjCa,MAAM,EAAE;IAAEb,SAAS,EAAE;EAAS,CAAC;EAC/Bc,KAAK,EAAE;IAAEd,SAAS,EAAE;EAAW;AACjC,CAAC;AAED,MAAMe,mBAAoD,GAAG;EAC3DZ,IAAI,EAAE;IAAEa,UAAU,EAAE;EAAa,CAAC;EAClCH,MAAM,EAAE;IAAEG,UAAU,EAAE;EAAS,CAAC;EAChCF,KAAK,EAAE;IAAEE,UAAU,EAAE;EAAW;AAClC,CAAC;AAYD;AACA,OAAO,MAAMC,aAAa,gBAAG7B,KAAK,CAAC8B,IAAI,CACrC,CAAC;EACCC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,cAAc;EACdC,kBAAkB;EAClBC,WAAW;EACXC;AACkB,CAAC,KAAK;EACxB;EACA,MAAMC,qBAAqB,GAAGrC,OAAO,CACnC,MAAM,CACJY,aAAa,EACbc,mBAAmB,CAACM,KAAK,CAAC,EAC1BD,YAAY,GAAGb,oBAAoB,GAAGE,sBAAsB,CAC7D,EACD,CAACY,KAAK,EAAED,YAAY,CACtB,CAAC;;EAED;EACA,oBACE3B,IAAA,CAACH,IAAI;IAACqC,KAAK,EAAE,CAAC7B,UAAU,EAAEc,gBAAgB,CAACS,KAAK,CAAC,EAAEC,cAAc,CAAE;IAAAG,QAAA,EAChEN,QAAQ,gBACPtB,KAAA,CAAAF,SAAA;MAAA8B,QAAA,gBACEhC,IAAA,CAACH,IAAI;QACHsC,2BAA2B;QAC3BC,WAAW,EAAE,KAAM;QACnBC,yBAAyB,EAAC,qBAAqB;QAC/CC,aAAa,EAAC,MAAM;QACpBJ,KAAK,EAAEzB,oBAAqB;QAAAuB,QAAA,EAE3BD;MAAW,CACR,CAAC,eACP/B,IAAA,CAACF,QAAQ,CAACD,IAAI;QAACqC,KAAK,EAAE,CAACD,qBAAqB,EAAEH,kBAAkB,CAAE;QAAAE,QAAA,EAC/DA;MAAQ,CACI,CAAC;IAAA,CAChB,CAAC,gBAEHhC,IAAA,CAACH,IAAI;MAACqC,KAAK,EAAE,CAACD,qBAAqB,EAAEhB,sBAAsB,CAAE;MAAAe,QAAA,EAC1DA;IAAQ,CACL;EACP,CACG,CAAC;AAEX,CACF,CAAC;AAEDR,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/view/number-lane.js

@@ -18,6 +18,7 @@ const laneTokenStyle = {
   top: 0,
   left: 0
 };
+// render one place-value lane with a hidden layout probe and an animated token
 export const NumberLane = /*#__PURE__*/React.memo(({
   unit,
   tokenKey,
@@ -30,6 +31,7 @@ export const NumberLane = /*#__PURE__*/React.memo(({
   textStyle,
   className
 }) => {
+  // punctuation stays in place while digits travel by the shared numeric direction
   const usesDigitTravel = isAsciiDigit(unit);
   const verticalOffset = direction > 0 ? travelDistance : direction < 0 ? -travelDistance : 0;
   const enterTransition = useMemo(() => createShiftTransition({
@@ -54,6 +56,8 @@ export const NumberLane = /*#__PURE__*/React.memo(({
     fromScale: 1,
     toScale: 0.6
   }), [delayMs, motionRecipe.durationMs, motionRecipe.easing, usesDigitTravel, verticalOffset]);
+
+  // prefix units do not need an absolute lane or a duplicate probe
   if (isLead) {
     return /*#__PURE__*/_jsx(Text, {
       style: textStyle,
@@ -62,7 +66,7 @@ export const NumberLane = /*#__PURE__*/React.memo(({
     });
   }
   return /*#__PURE__*/_jsxs(Animated.View, {
-    layout: motionRecipe.layoutTransition,
+    layout: hasAnimated ? motionRecipe.layoutTransition : undefined,
     entering: hasAnimated ? motionRecipe.enterTransition : undefined,
     exiting: motionRecipe.exitTransition,
     style: laneStyle,

package/lib/module/view/number-lane.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Text","Animated","isAsciiDigit","createShiftTransition","jsx","_jsx","jsxs","_jsxs","laneStyle","position","alignSelf","laneProbeStyle","opacity","laneTokenStyle","top","left","NumberLane","memo","unit","tokenKey","isLead","hasAnimated","delayMs","direction","travelDistance","motionRecipe","textStyle","className","usesDigitTravel","verticalOffset","enterTransition","durationMs","easing","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","exitTransition","style","children","View","layout","layoutTransition","entering","undefined","exiting","displayName"],"sourceRoot":"../../../src","sources":["view/number-lane.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Text","Animated","isAsciiDigit","createShiftTransition","jsx","_jsx","jsxs","_jsxs","laneStyle","position","alignSelf","laneProbeStyle","opacity","laneTokenStyle","top","left","NumberLane","memo","unit","tokenKey","isLead","hasAnimated","delayMs","direction","travelDistance","motionRecipe","textStyle","className","usesDigitTravel","verticalOffset","enterTransition","durationMs","easing","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","exitTransition","style","children","View","layout","layoutTransition","undefined","entering","exiting","displayName"],"sourceRoot":"../../../src","sources":["view/number-lane.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -21,6 +21,7 @@ const rowAlignStyles = {
     alignSelf: "flex-end"
   }
 };
+// arrange numeric lanes from left to right while the hook preserves their identities
 export const NumberRun = /*#__PURE__*/React.memo(({
   value,
   motionRecipe,
@@ -30,6 +31,7 @@ export const NumberRun = /*#__PURE__*/React.memo(({
   staggerMs,
   className
 }) => {
+  // the hook owns lane identity while this component owns row placement and timing
   const {
     units,
     laneKeys,
@@ -44,6 +46,8 @@ export const NumberRun = /*#__PURE__*/React.memo(({
     hasAnimatedRef.current = true;
     lastValueRef.current = value;
   }
+
+  // scale travel from the font while keeping a minimum visible movement
   const travelDistance = useMemo(() => Math.max(8, Math.round((fontSize ?? 16) * 0.4)), [fontSize]);
   const hasAnimated = hasAnimatedRef.current;
   return /*#__PURE__*/_jsx(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","View","useNumericLanes","NumberLane","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","NumberRun","memo","value","motionRecipe","align","fontSize","textStyle","staggerMs","className","units","laneKeys","direction","leadLength","lastValueRef","hasAnimatedRef","current","travelDistance","Math","max","round","hasAnimated","style","children","map","unit","index","inLead","laneKey","length","tokenKey","isLead","delayMs","displayName"],"sourceRoot":"../../../src","sources":["view/number-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9C,SAAyCC,IAAI,QAAQ,cAAc;AACnE,SAASC,eAAe,QAAQ,+BAA4B;AAE5D,SAASC,UAAU,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,QAAQ,GAAG;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE;IAAEF,SAAS,EAAE;EAAa,CAAC;EACjCG,MAAM,EAAE;IAAEH,SAAS,EAAE;EAAS,CAAC;EAC/BI,KAAK,EAAE;IAAEJ,SAAS,EAAE;EAAW;AACjC,CAAU;AAYV,OAAO,MAAMK,SAAS,gBAAGhB,KAAK,CAACiB,IAAI,CACjC,CAAC;EACCC,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC;AACwB,CAAC,KAAK;EAC9B,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,eAAe,CAACc,KAAK,CAAC;EACzE,MAAMW,YAAY,GAAG3B,MAAM,CAACgB,KAAK,CAAC;EAClC,MAAMY,cAAc,GAAG5B,MAAM,CAAC,KAAK,CAAC;;EAEpC;EACA,IAAIgB,KAAK,KAAKW,YAAY,CAACE,OAAO,EAAE;IAClCD,cAAc,CAACC,OAAO,GAAG,IAAI;IAC7BF,YAAY,CAACE,OAAO,GAAGb,KAAK;EAC9B;EAEA,MAAMc,cAAc,GAAG/B,OAAO,CAC5B,MAAMgC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAAC,CAACd,QAAQ,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,EACrD,CAACA,QAAQ,CACX,CAAC;EACD,MAAMe,WAAW,GAAGN,cAAc,CAACC,OAAO;EAE1C,oBACExB,IAAA,CAACJ,IAAI;IAACkC,KAAK,EAAE,CAAC7B,QAAQ,EAAEI,cAAc,CAACQ,KAAK,CAAC,CAAE;IAAAkB,QAAA,EAC5Cb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MAC1B,MAAMC,MAAM,GAAGD,KAAK,GAAGb,UAAU;MACjC,MAAMe,OAAO,GAAGD,MAAM,GAClB,QAAQD,KAAK,EAAE,GACf,QAAQhB,KAAK,CAACmB,MAAM,GAAG,CAAC,GAAGH,KAAK,EAAE;MAEtC,oBACElC,IAAA,CAACF,UAAU;QAETmC,IAAI,EAAEA,IAAK;QACXK,QAAQ,EAAEnB,QAAQ,CAACe,KAAK,CAAE;QAC1BK,MAAM,EAAEJ,MAAO;QACfN,WAAW,EAAEA,WAAY;QACzBW,OAAO,EAAEN,KAAK,GAAGlB,SAAU;QAC3BI,SAAS,EAAEA,SAAU;QACrBK,cAAc,EAAEA,cAAe;QAC/Bb,YAAY,EAAEA,YAAa;QAC3BG,SAAS,EAAEA,SAAU;QACrBE,SAAS,EAAEA;MAAU,GAVhBmB,OAWN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAED3B,SAAS,CAACgC,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","View","useNumericLanes","NumberLane","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","NumberRun","memo","value","motionRecipe","align","fontSize","textStyle","staggerMs","className","units","laneKeys","direction","leadLength","lastValueRef","hasAnimatedRef","current","travelDistance","Math","max","round","hasAnimated","style","children","map","unit","index","inLead","laneKey","length","tokenKey","isLead","delayMs","displayName"],"sourceRoot":"../../../src","sources":["view/number-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9C,SAAyCC,IAAI,QAAQ,cAAc;AACnE,SAASC,eAAe,QAAQ,+BAA4B;AAE5D,SAASC,UAAU,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,QAAQ,GAAG;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE;IAAEF,SAAS,EAAE;EAAa,CAAC;EACjCG,MAAM,EAAE;IAAEH,SAAS,EAAE;EAAS,CAAC;EAC/BI,KAAK,EAAE;IAAEJ,SAAS,EAAE;EAAW;AACjC,CAAU;AAYV;AACA,OAAO,MAAMK,SAAS,gBAAGhB,KAAK,CAACiB,IAAI,CACjC,CAAC;EACCC,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC;AACwB,CAAC,KAAK;EAC9B;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,eAAe,CAACc,KAAK,CAAC;EACzE,MAAMW,YAAY,GAAG3B,MAAM,CAACgB,KAAK,CAAC;EAClC,MAAMY,cAAc,GAAG5B,MAAM,CAAC,KAAK,CAAC;;EAEpC;EACA,IAAIgB,KAAK,KAAKW,YAAY,CAACE,OAAO,EAAE;IAClCD,cAAc,CAACC,OAAO,GAAG,IAAI;IAC7BF,YAAY,CAACE,OAAO,GAAGb,KAAK;EAC9B;;EAEA;EACA,MAAMc,cAAc,GAAG/B,OAAO,CAC5B,MAAMgC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAAC,CAACd,QAAQ,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,EACrD,CAACA,QAAQ,CACX,CAAC;EACD,MAAMe,WAAW,GAAGN,cAAc,CAACC,OAAO;EAE1C,oBACExB,IAAA,CAACJ,IAAI;IAACkC,KAAK,EAAE,CAAC7B,QAAQ,EAAEI,cAAc,CAACQ,KAAK,CAAC,CAAE;IAAAkB,QAAA,EAC5Cb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MAC1B,MAAMC,MAAM,GAAGD,KAAK,GAAGb,UAAU;MACjC,MAAMe,OAAO,GAAGD,MAAM,GAClB,QAAQD,KAAK,EAAE,GACf,QAAQhB,KAAK,CAACmB,MAAM,GAAG,CAAC,GAAGH,KAAK,EAAE;MAEtC,oBACElC,IAAA,CAACF,UAAU;QAETmC,IAAI,EAAEA,IAAK;QACXK,QAAQ,EAAEnB,QAAQ,CAACe,KAAK,CAAE;QAC1BK,MAAM,EAAEJ,MAAO;QACfN,WAAW,EAAEA,WAAY;QACzBW,OAAO,EAAEN,KAAK,GAAGlB,SAAU;QAC3BI,SAAS,EAAEA,SAAU;QACrBK,cAAc,EAAEA,cAAe;QAC/Bb,YAAY,EAAEA,YAAa;QAC3BG,SAAS,EAAEA,SAAU;QACrBE,SAAS,EAAEA;MAAU,GAVhBmB,OAWN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAED3B,SAAS,CAACgC,WAAW,GAAG,WAAW","ignoreList":[]}

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