react-native-laminar 1.4.5 → 1.5.0

package/README.md

@@ -93,6 +93,7 @@ export default function SlotCounter() {
         variant="slots"
         fontSize={48}
         animationPreset="snappy"
+        shadow
         clipToBounds
         style={{ color: "#000000", fontVariant: ["tabular-nums"] }}
       />
@@ -102,6 +103,29 @@ export default function SlotCounter() {
 }
 ```
 
+The `shadow` prop requires the app to provide the
+`@react-native-masked-view/masked-view` and `expo-linear-gradient` peer
+dependencies.
+
+### Number flow
+
+Use `numberMode="ticker"` with `variant="number"` for clean live-number flow.
+Changed digits refresh in place while unchanged digits remain perfectly still;
+this mode deliberately has no vertical reel or viewport mask:
+
+```tsx
+<Laminar
+  text="$2,459.70"
+  variant="number"
+  numberMode="ticker"
+  stagger={0}
+  style={{ color: "#000000" }}
+/>
+```
+
+Prefixes, grouping separators, decimals, and unchanged digits stay crisp. The
+`shadow` prop is intentionally reserved for `variant="slots"`.
+
 ### Inside a button with auto-sizing
 
 ```tsx
@@ -117,7 +141,7 @@ export default function SlotCounter() {
 
 ### Auto-sized button with leading icons
 
-Pass a text-keyed `leading` map when the button changes between visual states.
+Pass a value-keyed `leading` map when the button changes between visual states.
 Laminar selects the matching entry and animates icon-to-icon replacements.
 
 ```tsx
@@ -150,7 +174,7 @@ const leading = {
 ```
 
 The map key must match the current `text` value. A missing entry means no
-leading element, so the icon fades out when the button returns to a plain label.
+leading element, so the icon fades out when the value returns to a plain label.
 
 ### Centered text in a fixed-width container
 
@@ -201,17 +225,19 @@ Use `autoSize={false}` when the parent already defines the space and you only wa
 type LaminarProps = {
   text: string | number;
   variant?: "text" | "number" | "slots";
+  numberMode?: "morph" | "ticker";
   fontSize?: number;
   color?: string;
   align?: "left" | "center" | "right";
   leading?: ReactNode | Readonly<Record<string, ReactNode>>;
   leadingKey?: string | number;
   leadingGap?: number;
+  shadow?: boolean | { color?: string; size?: number };
   style?: StyleProp<TextStyle>;
   containerStyle?: StyleProp<ViewStyle>;
   fontStyle?: StyleProp<TextStyle>;
   animationDuration?: number;
-  animationPreset?: "default" | "smooth" | "snappy" | "bouncy";
+  animationPreset?: "default" | "smooth" | "snappy" | "bouncy" | "ticker";
   stagger?: number;
   autoSize?: boolean;
   clipToBounds?: boolean;
@@ -225,15 +251,17 @@ type LaminarProps = {
 | `fontSize`          | Undefined                                   | Convenience prop merged into the text style.                                       |
 | `color`             | Undefined                                   | Convenience prop merged into the text style.                                       |
 | `align`             | `"left"`                                    | Visual alignment for Laminar's viewport and animated glyph row.                    |
-| `leading`           | Undefined                                   | Optional inline element, or text-keyed leading content, rendered in text mode.   |
+| `leading`           | Undefined                                   | Optional inline element, or value-keyed leading content, rendered by every variant. |
 | `leadingKey`        | Undefined                                   | Advanced identity override for a direct leading element.                          |
 | `leadingGap`        | `0`                                         | Spacing between the leading element and the first text glyph.                      |
+| `numberMode`        | `"morph"`                                   | With `variant="number"`, `"ticker"` uses crisp in-place digit flow instead of glyph morphs. |
+| `shadow`            | `false`                                     | Adds persistent top and bottom alpha fades to slot digit viewports. Accepts `true` or `{ color, size }`. |
 | `style`             | Undefined                                   | Text style applied after `fontSize` and `color`.                                   |
 | `containerStyle`    | Undefined                                   | Advanced style override for the outer viewport shell.                              |
 | `fontStyle`         | Undefined                                   | Additional text style merged before `style`.                                       |
 | `animationDuration` | Preset default                              | Duration override in milliseconds.                                                 |
-| `animationPreset`   | `"default"` for text, `"snappy"` for number | Named motion recipe.                                                               |
-| `stagger`           | `0.02`                                      | Delay in seconds between numeric lane animations.                                  |
+| `animationPreset`   | `"default"` for text, `"snappy"` for number | Named motion recipe; ticker mode defaults to the `ticker` preset.                |
+| `stagger`           | `0.02` (`0` for ticker mode)               | Delay in seconds between numeric lane replacements.                                  |
 | `autoSize`          | `true`                                      | Animate the outer width to the measured final text width.                          |
 | `clipToBounds`      | `false`                                     | Clip animated overflow to the viewport bounds.                                     |
 
@@ -247,11 +275,13 @@ type LaminarProps = {
 | `smooth`  | Spring with no bounce      | 400ms            |
 | `snappy`  | Spring with light bounce   | 350ms            |
 | `bouncy`  | Spring with more bounce    | 500ms            |
+| `ticker`  | In-place number-flow timing | 300ms            |
 
 ```tsx
 <Laminar text={word} animationPreset="smooth" />
 <Laminar text={count} variant="number" animationPreset="snappy" />
 <Laminar text={count} variant="slots" animationPreset="snappy" />
+<Laminar text={count} variant="number" numberMode="ticker" shadow />
 
 // Override duration
 <Laminar text={word} animationPreset="default" animationDuration={520} />

package/lib/commonjs/hooks/use-leading-animation.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLeadingAnimation = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _entryExitBuilders = require("../motion/entry-exit-builders");
+// keep leading presence and replacement motion consistent across every content variant
+const useLeadingAnimation = ({
+  leading,
+  leadingKey,
+  leadingGap,
+  motionRecipe
+}) => {
+  const lastLeadingPresenceRef = (0, _react.useRef)(Boolean(leading));
+  const lastLeadingKeyRef = (0, _react.useRef)(leadingKey);
+  const isLeadingSwap = Boolean(leading) && lastLeadingPresenceRef.current && leadingKey !== lastLeadingKeyRef.current;
+  const isLeadingChange = Boolean(leading) !== lastLeadingPresenceRef.current || Boolean(leading) && leadingKey !== lastLeadingKeyRef.current;
+  const leadingSwapProgress = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // update the worklet flag after commit so render never writes a shared value
+  (0, _react.useLayoutEffect)(() => {
+    leadingSwapProgress.value = isLeadingSwap ? 1 : 0;
+  }, [isLeadingSwap, leadingSwapProgress]);
+  const elementEnterTransition = (0, _react.useMemo)(() => (0, _entryExitBuilders.createLeadingEnterTransition)({
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing
+  }), [motionRecipe.durationMs, motionRecipe.easing]);
+  const elementExitTransition = (0, _react.useMemo)(() => (0, _entryExitBuilders.createLeadingExitTransition)({
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing,
+    leadingGap,
+    scale: leadingSwapProgress
+  }), [leadingGap, leadingSwapProgress, motionRecipe.durationMs, motionRecipe.easing]);
+  if (isLeadingChange) {
+    lastLeadingPresenceRef.current = Boolean(leading);
+    lastLeadingKeyRef.current = leadingKey;
+  }
+  return {
+    elementEnterTransition,
+    elementExitTransition,
+    isLeadingChange,
+    isLeadingSwap
+  };
+};
+exports.useLeadingAnimation = useLeadingAnimation;
+//# sourceMappingURL=use-leading-animation.js.map

package/lib/commonjs/hooks/use-leading-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_entryExitBuilders","useLeadingAnimation","leading","leadingKey","leadingGap","motionRecipe","lastLeadingPresenceRef","useRef","Boolean","lastLeadingKeyRef","isLeadingSwap","current","isLeadingChange","leadingSwapProgress","useSharedValue","useLayoutEffect","value","elementEnterTransition","useMemo","createLeadingEnterTransition","durationMs","easing","elementExitTransition","createLeadingExitTransition","scale","exports"],"sourceRoot":"../../../src","sources":["hooks/use-leading-animation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAaA;AACO,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,UAAU;EACVC,UAAU;EACVC;AACyB,CAAC,KAAK;EAC/B,MAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAACC,OAAO,CAACN,OAAO,CAAC,CAAC;EACvD,MAAMO,iBAAiB,GAAG,IAAAF,aAAM,EAACJ,UAAU,CAAC;EAC5C,MAAMO,aAAa,GACjBF,OAAO,CAACN,OAAO,CAAC,IAChBI,sBAAsB,CAACK,OAAO,IAC9BR,UAAU,KAAKM,iBAAiB,CAACE,OAAO;EAC1C,MAAMC,eAAe,GACnBJ,OAAO,CAACN,OAAO,CAAC,KAAKI,sBAAsB,CAACK,OAAO,IAClDH,OAAO,CAACN,OAAO,CAAC,IAAIC,UAAU,KAAKM,iBAAiB,CAACE,OAAQ;EAChE,MAAME,mBAAmB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;;EAE7C;EACA,IAAAC,sBAAe,EAAC,MAAM;IACpBF,mBAAmB,CAACG,KAAK,GAAGN,aAAa,GAAG,CAAC,GAAG,CAAC;EACnD,CAAC,EAAE,CAACA,aAAa,EAAEG,mBAAmB,CAAC,CAAC;EAExC,MAAMI,sBAAsB,GAAG,IAAAC,cAAO,EACpC,MACE,IAAAC,+CAA4B,EAAC;IAC3BC,UAAU,EAAEf,YAAY,CAACe,UAAU;IACnCC,MAAM,EAAEhB,YAAY,CAACgB;EACvB,CAAC,CAAC,EACJ,CAAChB,YAAY,CAACe,UAAU,EAAEf,YAAY,CAACgB,MAAM,CAC/C,CAAC;EACD,MAAMC,qBAAqB,GAAG,IAAAJ,cAAO,EACnC,MACE,IAAAK,8CAA2B,EAAC;IAC1BH,UAAU,EAAEf,YAAY,CAACe,UAAU;IACnCC,MAAM,EAAEhB,YAAY,CAACgB,MAAM;IAC3BjB,UAAU;IACVoB,KAAK,EAAEX;EACT,CAAC,CAAC,EACJ,CACET,UAAU,EACVS,mBAAmB,EACnBR,YAAY,CAACe,UAAU,EACvBf,YAAY,CAACgB,MAAM,CAEvB,CAAC;EAED,IAAIT,eAAe,EAAE;IACnBN,sBAAsB,CAACK,OAAO,GAAGH,OAAO,CAACN,OAAO,CAAC;IACjDO,iBAAiB,CAACE,OAAO,GAAGR,UAAU;EACxC;EAEA,OAAO;IACLc,sBAAsB;IACtBK,qBAAqB;IACrBV,eAAe;IACfF;EACF,CAAC;AACH,CAAC;AAACe,OAAA,CAAAxB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/use-morph-motion.js

@@ -9,12 +9,14 @@ var _presetMap = require("../motion/preset-map");
 // resolve one motion recipe and one shared stagger unit for a render tree
 const useMorphMotion = ({
   variant,
+  numberMode,
   animationPreset,
   animationDuration,
   stagger
 }) => {
+  const isTicker = variant === "number" && numberMode === "ticker";
   // numeric variants need a quicker default because their lanes update often
-  const resolvedPreset = animationPreset ?? (variant === "text" ? "default" : "snappy");
+  const resolvedPreset = animationPreset ?? (isTicker ? "ticker" : variant === "text" ? "default" : "snappy");
   const motionRecipe = (0, _react.useMemo)(() => (0, _presetMap.resolveMotionRecipe)(resolvedPreset, animationDuration), [animationDuration, resolvedPreset]);
   return {
     motionRecipe,

package/lib/commonjs/hooks/use-morph-motion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_presetMap","useMorphMotion","variant","animationPreset","animationDuration","stagger","resolvedPreset","motionRecipe","useMemo","resolveMotionRecipe","staggerMs","Math","round","exports"],"sourceRoot":"../../../src","sources":["hooks/use-morph-motion.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAmBA;AACO,MAAME,cAAc,GAAGA,CAAC;EAC7BC,OAAO;EACPC,eAAe;EACfC,iBAAiB;EACjBC;AACM,CAAC,KAAkB;EACzB;EACA,MAAMC,cAAc,GAClBH,eAAe,KAAKD,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;EAEhE,MAAMK,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAM,IAAAC,8BAAmB,EAACH,cAAc,EAAEF,iBAAiB,CAAC,EAC5D,CAACA,iBAAiB,EAAEE,cAAc,CACpC,CAAC;EAED,OAAO;IACLC,YAAY;IACZG,SAAS,EAAEC,IAAI,CAACC,KAAK,CAACP,OAAO,GAAG,IAAI;EACtC,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAZ,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_presetMap","useMorphMotion","variant","numberMode","animationPreset","animationDuration","stagger","isTicker","resolvedPreset","motionRecipe","useMemo","resolveMotionRecipe","staggerMs","Math","round","exports"],"sourceRoot":"../../../src","sources":["hooks/use-morph-motion.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAqBA;AACO,MAAME,cAAc,GAAGA,CAAC;EAC7BC,OAAO;EACPC,UAAU;EACVC,eAAe;EACfC,iBAAiB;EACjBC;AACM,CAAC,KAAkB;EACzB,MAAMC,QAAQ,GAAGL,OAAO,KAAK,QAAQ,IAAIC,UAAU,KAAK,QAAQ;EAChE;EACA,MAAMK,cAAc,GAClBJ,eAAe,KACdG,QAAQ,GACL,QAAQ,GACRL,OAAO,KAAK,MAAM,GAChB,SAAS,GACT,QAAQ,CAAC;EAEjB,MAAMO,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAM,IAAAC,8BAAmB,EAACH,cAAc,EAAEH,iBAAiB,CAAC,EAC5D,CAACA,iBAAiB,EAAEG,cAAc,CACpC,CAAC;EAED,OAAO;IACLC,YAAY;IACZG,SAAS,EAAEC,IAAI,CAACC,KAAK,CAACR,OAAO,GAAG,IAAI;EACtC,CAAC;AACH,CAAC;AAACS,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -13,6 +13,7 @@ var _displayUnits = require("./model/display-units");
 var _morphViewport = require("./view/morph-viewport");
 var _numberRun = require("./view/number-run");
 var _slotsRun = require("./view/slots-run");
+var _tickerRun = require("./view/ticker-run");
 var _textRun = require("./view/text-run");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -27,12 +28,14 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
   leading,
   leadingKey,
   leadingGap = 0,
+  numberMode = "morph",
+  shadow = false,
   style,
   containerStyle,
   fontStyle,
   animationDuration,
   animationPreset,
-  stagger = 0.02,
+  stagger,
   autoSize = true,
   clipToBounds = false
 }) {
@@ -41,14 +44,17 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
   const leadingMap = isLeadingMap(leading) ? leading : undefined;
   const resolvedLeading = leadingMap ? leadingMap[resolvedValue] : leading;
   const resolvedLeadingKey = leadingMap ? resolvedValue : leadingKey;
+  const resolvedStagger = stagger ?? (variant === "number" && numberMode === "ticker" ? 0 : 0.02);
+  const useLayoutAutoSize = autoSize && variant === "number" && numberMode === "ticker";
   const {
     motionRecipe,
     staggerMs
   } = (0, _useMorphMotion.useMorphMotion)({
     variant,
+    numberMode,
     animationPreset,
     animationDuration,
-    stagger
+    stagger: resolvedStagger
   });
   const {
     textStyle
@@ -62,7 +68,7 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
   // invalidate the probe when text style, leading content, or leading spacing changes
   const measurementKey = _react.default.useMemo(() => {
     const flattenedStyle = _reactNative.StyleSheet.flatten(textStyle);
-    return JSON.stringify([resolvedValue, flattenedStyle?.fontFamily, flattenedStyle?.fontSize, flattenedStyle?.fontStyle, flattenedStyle?.fontWeight, flattenedStyle?.fontVariant, flattenedStyle?.letterSpacing, flattenedStyle?.lineHeight, flattenedStyle?.textTransform, variant === "text" && Boolean(resolvedLeading), variant === "text" ? resolvedLeadingKey : undefined, variant === "text" ? leadingGap : 0]);
+    return JSON.stringify([resolvedValue, flattenedStyle?.fontFamily, flattenedStyle?.fontSize, flattenedStyle?.fontStyle, flattenedStyle?.fontWeight, flattenedStyle?.fontVariant, flattenedStyle?.letterSpacing, flattenedStyle?.lineHeight, flattenedStyle?.textTransform, Boolean(resolvedLeading), resolvedLeadingKey, leadingGap]);
   }, [leadingGap, resolvedLeading, resolvedLeadingKey, resolvedValue, textStyle, variant]);
   const {
     captureLayout,
@@ -88,6 +94,7 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
     align: align,
     containerStyle: containerStyle,
     animatedWidthStyle: animatedWidthStyle,
+    autoSizeLayoutTransition: useLayoutAutoSize ? motionRecipe.layoutTransition : undefined,
     onVisibleLayout: autoSize ? captureVisibleLayout : undefined,
     measurement: shouldMeasure ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       onLayout: captureLayout,
@@ -95,7 +102,7 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
         flexDirection: "row",
         alignSelf: "flex-start"
       },
-      children: [variant === "text" && resolvedLeading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: [resolvedLeading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
           alignItems: "center",
           justifyContent: "center",
@@ -114,7 +121,25 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
       fontSize: fontSize,
       textStyle: textStyle,
       staggerMs: staggerMs,
-      className: className
+      className: className,
+      leading: resolvedLeading,
+      leadingKey: resolvedLeadingKey,
+      leadingGap: leadingGap,
+      ready: !autoSize || isAutoSizeReady,
+      shadow: shadow
+    }) : variant === "number" && numberMode === "ticker" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tickerRun.TickerRun, {
+      value: resolvedValue,
+      motionRecipe: motionRecipe,
+      align: align,
+      fontSize: fontSize,
+      textStyle: textStyle,
+      staggerMs: staggerMs,
+      className: className,
+      leading: resolvedLeading,
+      leadingKey: resolvedLeadingKey,
+      leadingGap: leadingGap,
+      ready: !autoSize || isAutoSizeReady,
+      shadow: shadow
     }) : variant === "number" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_numberRun.NumberRun, {
       value: resolvedValue,
       motionRecipe: motionRecipe,
@@ -122,7 +147,11 @@ const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Lami
       fontSize: fontSize,
       textStyle: textStyle,
       staggerMs: staggerMs,
-      className: className
+      className: className,
+      leading: resolvedLeading,
+      leadingKey: resolvedLeadingKey,
+      leadingGap: leadingGap,
+      ready: !autoSize || isAutoSizeReady
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_textRun.TextRun, {
       value: resolvedValue,
       motionRecipe: motionRecipe,

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useInlineAutoWidth","_useMorphMotion","_useMorphTextStyle","_displayUnits","_morphViewport","_numberRun","_slotsRun","_textRun","_jsxRuntime","e","__esModule","default","Laminar","exports","React","memo","text","variant","fontSize","color","align","className","leading","leadingKey","leadingGap","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","leadingMap","isLeadingMap","undefined","resolvedLeading","resolvedLeadingKey","motionRecipe","staggerMs","useMorphMotion","textStyle","useMorphTextStyle","measurementKey","useMemo","flattenedStyle","StyleSheet","flatten","JSON","stringify","fontFamily","fontWeight","fontVariant","letterSpacing","lineHeight","textTransform","Boolean","captureLayout","captureVisibleLayout","animatedWidthStyle","isReady","isAutoSizeReady","shouldMeasure","useInlineAutoWidth","enabled","driveToWidth","driveNumber","measuredValue","splitDisplayUnits","map","normalizeDisplayUnit","join","jsx","MorphViewport","onVisibleLayout","measurement","jsxs","View","onLayout","flexDirection","alignSelf","children","alignItems","justifyContent","marginRight","unit","index","Text","SlotsRun","value","NumberRun","TextRun","leadingLayoutGroup","ready","isValidElement","Array","isArray"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useInlineAutoWidth","_useMorphMotion","_useMorphTextStyle","_displayUnits","_morphViewport","_numberRun","_slotsRun","_tickerRun","_textRun","_jsxRuntime","e","__esModule","default","Laminar","exports","React","memo","text","variant","fontSize","color","align","className","leading","leadingKey","leadingGap","numberMode","shadow","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","leadingMap","isLeadingMap","undefined","resolvedLeading","resolvedLeadingKey","resolvedStagger","useLayoutAutoSize","motionRecipe","staggerMs","useMorphMotion","textStyle","useMorphTextStyle","measurementKey","useMemo","flattenedStyle","StyleSheet","flatten","JSON","stringify","fontFamily","fontWeight","fontVariant","letterSpacing","lineHeight","textTransform","Boolean","captureLayout","captureVisibleLayout","animatedWidthStyle","isReady","isAutoSizeReady","shouldMeasure","useInlineAutoWidth","enabled","driveToWidth","driveNumber","measuredValue","splitDisplayUnits","map","normalizeDisplayUnit","join","jsx","MorphViewport","autoSizeLayoutTransition","layoutTransition","onVisibleLayout","measurement","jsxs","View","onLayout","flexDirection","alignSelf","children","alignItems","justifyContent","marginRight","unit","index","Text","SlotsRun","value","ready","TickerRun","NumberRun","TextRun","leadingLayoutGroup","isValidElement","Array","isArray"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.resolveMotionRecipe = exports.MOTION_PRESETS = void 0;
 var _reactNativeReanimated = require("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];
+const TICKER_CURVE = [0.33, 1, 0.68, 1];
 const MOTION_PRESETS = exports.MOTION_PRESETS = {
   default: {
     duration: 0.38,
@@ -26,6 +27,10 @@ const MOTION_PRESETS = exports.MOTION_PRESETS = {
     type: "spring",
     duration: 0.5,
     bounce: 0.3
+  },
+  ticker: {
+    duration: 0.3,
+    ease: TICKER_CURVE
   }
 };
 

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

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

package/lib/commonjs/view/leading-element.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LeadingElement = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// render an inline element independently so it can enter, exit, and swap beside any run
+const LeadingElement = exports.LeadingElement = /*#__PURE__*/_react.default.memo(function LeadingElement({
+  leading,
+  leadingKey,
+  leadingGap,
+  enterTransition,
+  elementEnterTransition,
+  exitTransition,
+  elementExitTransition
+}) {
+  if (!leading) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    entering: elementEnterTransition ?? enterTransition,
+    exiting: elementExitTransition ?? exitTransition,
+    style: [{
+      alignItems: "center",
+      justifyContent: "center"
+    }, leadingGap > 0 ? {
+      marginRight: leadingGap
+    } : undefined],
+    children: leading
+  }, `leading:${String(leadingKey ?? "default")}`);
+});
+LeadingElement.displayName = "LeadingElement";
+//# sourceMappingURL=leading-element.js.map

package/lib/commonjs/view/leading-element.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_jsxRuntime","e","__esModule","default","LeadingElement","exports","React","memo","leading","leadingKey","leadingGap","enterTransition","elementEnterTransition","exitTransition","elementExitTransition","jsx","View","entering","exiting","style","alignItems","justifyContent","marginRight","undefined","children","String","displayName"],"sourceRoot":"../../../src","sources":["view/leading-element.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEiC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYjC;AACO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,cAAcA,CAAC;EAC/DI,OAAO;EACPC,UAAU;EACVC,UAAU;EACVC,eAAe;EACfC,sBAAsB;EACtBC,cAAc;EACdC;AACmB,CAAC,EAAE;EACtB,IAAI,CAACN,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACE,IAAAR,WAAA,CAAAe,GAAA,EAAChB,sBAAA,CAAAI,OAAQ,CAACa,IAAI;IAEZC,QAAQ,EAAEL,sBAAsB,IAAID,eAAgB;IACpDO,OAAO,EAAEJ,qBAAqB,IAAID,cAAe;IACjDM,KAAK,EAAE,CACL;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAClDX,UAAU,GAAG,CAAC,GAAG;MAAEY,WAAW,EAAEZ;IAAW,CAAC,GAAGa,SAAS,CACxD;IAAAC,QAAA,EAEDhB;EAAO,GARH,WAAWiB,MAAM,CAAChB,UAAU,IAAI,SAAS,CAAC,EASlC,CAAC;AAEpB,CAAC,CAAC;AAEFL,cAAc,CAACsB,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -63,14 +63,40 @@ const MorphViewport = exports.MorphViewport = /*#__PURE__*/_react.default.memo((
   align,
   containerStyle,
   animatedWidthStyle,
+  autoSizeLayoutTransition,
   onVisibleLayout,
   measurement,
   children
 }) => {
+  const hasRenderedRef = (0, _react.useRef)(false);
+  const shouldAnimateAutoSizeLayout = autoSizeLayoutTransition !== undefined && hasRenderedRef.current;
+  hasRenderedRef.current = true;
+
   // compute alignment once so the animated shell and its child share one layout contract
   const resolvedViewportStyle = (0, _react.useMemo)(() => [viewportStyle, viewportAlignStyles[align], clipToBounds ? clippedViewportStyle : unclippedViewportStyle], [align, clipToBounds]);
 
   // keep measurement outside the visible viewport so it cannot affect accessibility or layout
+  if (autoSizeLayoutTransition) {
+    // Layout animation owns both width and the shell's aligned x-position.
+    // This is important for center/right auto-size: animating only a child
+    // width leaves the parent anchor at its old position.
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      layout: shouldAnimateAutoSizeLayout ? autoSizeLayoutTransition : undefined,
+      style: [shellStyle, shellAlignStyles[align], containerStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        accessibilityElementsHidden: true,
+        collapsable: false,
+        importantForAccessibility: "no-hide-descendants",
+        pointerEvents: "none",
+        style: measuredContentStyle,
+        children: measurement
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        onLayout: onVisibleLayout,
+        style: resolvedViewportStyle,
+        children: children
+      })]
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [shellStyle, shellAlignStyles[align], containerStyle],
     children: autoSize ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shellStyle","position","alignSelf","viewportStyle","measuredContentStyle","left","top","opacity","flexShrink","clippedViewportStyle","overflow","unclippedViewportStyle","fullWidthViewportStyle","width","shellAlignStyles","center","right","viewportAlignStyles","alignItems","MorphViewport","exports","React","memo","autoSize","clipToBounds","align","containerStyle","animatedWidthStyle","onVisibleLayout","measurement","children","resolvedViewportStyle","useMemo","jsx","View","style","jsxs","Fragment","accessibilityElementsHidden","collapsable","importantForAccessibility","pointerEvents","onLayout","displayName"],"sourceRoot":"../../../src","sources":["view/morph-viewport.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shellStyle","position","alignSelf","viewportStyle","measuredContentStyle","left","top","opacity","flexShrink","clippedViewportStyle","overflow","unclippedViewportStyle","fullWidthViewportStyle","width","shellAlignStyles","center","right","viewportAlignStyles","alignItems","MorphViewport","exports","React","memo","autoSize","clipToBounds","align","containerStyle","animatedWidthStyle","autoSizeLayoutTransition","onVisibleLayout","measurement","children","hasRenderedRef","useRef","shouldAnimateAutoSizeLayout","undefined","current","resolvedViewportStyle","useMemo","jsxs","View","layout","style","jsx","accessibilityElementsHidden","collapsable","importantForAccessibility","pointerEvents","onLayout","Fragment","displayName"],"sourceRoot":"../../../src","sources":["view/morph-viewport.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,9 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.NumberRun = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _useLeadingAnimation = require("../hooks/use-leading-animation");
 var _useNumericLanes = require("../hooks/use-numeric-lanes");
+var _leadingElement = require("./leading-element");
 var _numberLane = require("./number-lane");
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const rowStyle = {
   flexDirection: "row",
@@ -34,45 +38,89 @@ const NumberRun = exports.NumberRun = /*#__PURE__*/_react.default.memo(({
   fontSize,
   textStyle,
   staggerMs,
-  className
+  className,
+  leading,
+  leadingKey,
+  leadingGap = 0,
+  ready = true
 }) => {
+  const hasDisplayedRef = (0, _react.useRef)(false);
+  const displayedValueRef = (0, _react.useRef)(value);
+  const displayedLeadingRef = (0, _react.useRef)(leading);
+  const displayedLeadingKeyRef = (0, _react.useRef)(leadingKey);
+  const displayedLeadingGapRef = (0, _react.useRef)(leadingGap);
+  const shouldDisplayTarget = ready || !hasDisplayedRef.current;
+  const visibleValue = shouldDisplayTarget ? value : displayedValueRef.current;
+  const visibleLeading = shouldDisplayTarget ? leading : displayedLeadingRef.current;
+  const visibleLeadingKey = shouldDisplayTarget ? leadingKey : displayedLeadingKeyRef.current;
+  const visibleLeadingGap = shouldDisplayTarget ? leadingGap : displayedLeadingGapRef.current;
+  if (shouldDisplayTarget) {
+    hasDisplayedRef.current = true;
+    displayedValueRef.current = value;
+    displayedLeadingRef.current = leading;
+    displayedLeadingKeyRef.current = leadingKey;
+    displayedLeadingGapRef.current = leadingGap;
+  }
+  const {
+    elementEnterTransition,
+    elementExitTransition,
+    isLeadingChange,
+    isLeadingSwap
+  } = (0, _useLeadingAnimation.useLeadingAnimation)({
+    leading: visibleLeading,
+    leadingKey: visibleLeadingKey,
+    leadingGap: visibleLeadingGap,
+    motionRecipe
+  });
   // the hook owns lane identity while this component owns row placement and timing
   const {
     units,
     laneKeys,
     direction,
     leadLength
-  } = (0, _useNumericLanes.useNumericLanes)(value);
-  const lastValueRef = (0, _react.useRef)(value);
+  } = (0, _useNumericLanes.useNumericLanes)(visibleValue);
+  const lastValueRef = (0, _react.useRef)(visibleValue);
   const hasAnimatedRef = (0, _react.useRef)(false);
 
   // skip enter animations on first paint so the number feels settled
-  if (value !== lastValueRef.current) {
+  if (visibleValue !== lastValueRef.current || isLeadingChange) {
     hasAnimatedRef.current = true;
-    lastValueRef.current = value;
+    lastValueRef.current = visibleValue;
   }
 
   // scale travel from the font while keeping a minimum visible movement
   const travelDistance = (0, _react.useMemo)(() => Math.max(8, Math.round((fontSize ?? 16) * 0.4)), [fontSize]);
   const hasAnimated = hasAnimatedRef.current;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [rowStyle, rowAlignStyles[align]],
-    children: units.map((unit, index) => {
-      const inLead = index < leadLength;
-      const laneKey = inLead ? `lead:${index}` : `lane:${units.length - 1 - index}`;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_numberLane.NumberLane, {
-        unit: unit,
-        tokenKey: laneKeys[index],
-        isLead: inLead,
-        hasAnimated: hasAnimated,
-        delayMs: index * staggerMs,
-        direction: direction,
-        travelDistance: travelDistance,
-        motionRecipe: motionRecipe,
-        textStyle: textStyle,
-        className: className
-      }, laneKey);
-    })
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_leadingElement.LeadingElement, {
+      leading: visibleLeading,
+      leadingKey: visibleLeadingKey,
+      leadingGap: visibleLeadingGap,
+      enterTransition: hasAnimated ? motionRecipe.enterTransition : undefined,
+      elementEnterTransition: isLeadingSwap ? elementEnterTransition : undefined,
+      exitTransition: motionRecipe.exitTransition,
+      elementExitTransition: elementExitTransition
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      layout: isLeadingChange ? motionRecipe.layoutTransition : undefined,
+      style: rowStyle,
+      children: units.map((unit, index) => {
+        const inLead = index < leadLength;
+        const laneKey = inLead ? `lead:${index}` : `lane:${units.length - 1 - index}`;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_numberLane.NumberLane, {
+          unit: unit,
+          tokenKey: laneKeys[index],
+          isLead: inLead,
+          hasAnimated: hasAnimated,
+          delayMs: index * staggerMs,
+          direction: direction,
+          travelDistance: travelDistance,
+          motionRecipe: motionRecipe,
+          textStyle: textStyle,
+          className: className
+        }, laneKey);
+      })
+    })]
   });
 });
 NumberRun.displayName = "NumberRun";