react-native-laminar 1.4.2 → 1.4.4

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useId","useLayoutEffect","useMemo","useRef","useSharedValue","useTextGlyphs","createLeadingEnterTransition","createLeadingExitTransition","GlyphRun","jsx","_jsx","TextRun","memo","value","motionRecipe","align","leading","leadingLayoutGroup","leadingKey","leadingGap","ready","textStyle","className","scopeId","hasDisplayedRef","displayedValueRef","displayedLeadingRef","displayedLeadingKeyRef","displayedLeadingGapRef","shouldDisplayTarget","current","visibleValue","visibleLeading","visibleLeadingKey","visibleLeadingGap","lastValueRef","lastLeadingPresenceRef","Boolean","lastLeadingKeyRef","hasAnimatedRef","isLeadingSwap","isLeadingChange","leadingSwapProgress","glyphs","elementEnterTransition","durationMs","easing","elementExitTransition","scale","hasAnimated","layoutTransition","undefined","leadingLayoutTransition","enterTransition","exitTransition","displayName"],"sourceRoot":"../../../src","sources":["view/text-run.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,11 +6,13 @@ type Params = {
 };
 export declare const useInlineAutoWidth: ({ enabled, driveToWidth, measurementKey, }: Params) => {
     captureLayout: (event: LayoutChangeEvent) => void;
+    captureVisibleLayout: (event: LayoutChangeEvent) => void;
     animatedWidthStyle: {
         width: number;
     } | {
         width?: undefined;
     };
+    isReady: boolean;
     shouldMeasure: boolean;
 };
 export {};

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;IAC1C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAKF,eAAO,MAAM,kBAAkB,GAAI,4CAIhC,MAAM;2BA6BG,iBAAiB;;;;;;;CAqD5B,CAAC"}
+{"version":3,"file":"use-inline-auto-width.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-inline-auto-width.ts"],"names":[],"mappings":"AAOA,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;AAUF,eAAO,MAAM,kBAAkB,GAAI,4CAIhC,MAAM;2BAyGG,iBAAiB;kCAlCjB,iBAAiB;;;;;;;;CA8I5B,CAAC"}

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":"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"}
+{"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;AAgB3C,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,UAAU,SAAS,EACnB,aAAa,MAAM,GAAG,MAAM,KAC3B,SAAS,UAAU,EAyErB,CAAC"}

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,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"}
+{"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,yDA+JhB,CAAC;AAcL,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

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

@@ -2,9 +2,11 @@ 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, elementEnterTransition, exitTransition, elementExitTransition, leadingGap, align, textStyle, className, }: Readonly<{
+export declare const GlyphRun: React.MemoExoticComponent<({ glyphs, layoutTransition, leadingLayoutTransition, leadingLayoutGroup, enterTransition, elementEnterTransition, exitTransition, elementExitTransition, leadingGap, align, textStyle, className, }: Readonly<{
     glyphs: readonly GlyphToken[];
     layoutTransition?: ComplexAnimationBuilder;
+    leadingLayoutTransition?: ComplexAnimationBuilder;
+    leadingLayoutGroup?: boolean;
     enterTransition?: EntryExitAnimationFunction;
     elementEnterTransition?: EntryExitAnimationFunction;
     exitTransition?: EntryExitAnimationFunction;

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;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"}
+{"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;AAqBzD,eAAO,MAAM,QAAQ,kOAchB,QAAQ,CAAC;IACV,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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,uBAsDH,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StyleProp, ViewStyle } from "react-native";
+import type { LayoutChangeEvent, StyleProp, ViewStyle } from "react-native";
 import Animated from "react-native-reanimated";
 import type { LaminarAlign } from "../types";
 type MorphViewportProps = {
@@ -8,9 +8,10 @@ type MorphViewportProps = {
     readonly align: LaminarAlign;
     readonly containerStyle?: StyleProp<ViewStyle>;
     readonly animatedWidthStyle?: React.ComponentProps<typeof Animated.View>["style"];
+    readonly onVisibleLayout?: (event: LayoutChangeEvent) => void;
     readonly measurement?: React.ReactNode;
     readonly children: React.ReactNode;
 };
-export declare const MorphViewport: React.MemoExoticComponent<({ autoSize, clipToBounds, align, containerStyle, animatedWidthStyle, measurement, children, }: MorphViewportProps) => React.JSX.Element>;
+export declare const MorphViewport: React.MemoExoticComponent<({ autoSize, clipToBounds, align, containerStyle, animatedWidthStyle, onVisibleLayout, measurement, children, }: MorphViewportProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=morph-viewport.d.ts.map

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;AAGF,eAAO,MAAM,aAAa,4HASrB,kBAAkB,uBAqCtB,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,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5E,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,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC;AAGF,eAAO,MAAM,aAAa,6IAUrB,kBAAkB,uBAwCtB,CAAC"}

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

@@ -7,11 +7,13 @@ type TextRunProps = {
     readonly motionRecipe: MotionRecipe;
     readonly align: LaminarAlign;
     readonly leading?: ReactNode;
+    readonly leadingLayoutGroup?: boolean;
     readonly leadingKey?: string | number;
     readonly leadingGap?: number;
+    readonly ready?: boolean;
     readonly textStyle?: StyleProp<TextStyle>;
     readonly className?: string;
 };
-export declare const TextRun: React.MemoExoticComponent<({ value, motionRecipe, align, leading, leadingKey, leadingGap, textStyle, className, }: TextRunProps) => React.JSX.Element>;
+export declare const TextRun: React.MemoExoticComponent<({ value, motionRecipe, align, leading, leadingLayoutGroup, leadingKey, leadingGap, ready, textStyle, className, }: TextRunProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=text-run.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-run.d.ts","sourceRoot":"","sources":["../../../../src/view/text-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG3D,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,OAAO,qHAUf,YAAY,uBA8EhB,CAAC"}
+{"version":3,"file":"text-run.d.ts","sourceRoot":"","sources":["../../../../src/view/text-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG3D,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,OAAO,gJAYf,YAAY,uBAsHhB,CAAC"}

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

@@ -6,11 +6,13 @@ type Params = {
 };
 export declare const useInlineAutoWidth: ({ enabled, driveToWidth, measurementKey, }: Params) => {
     captureLayout: (event: LayoutChangeEvent) => void;
+    captureVisibleLayout: (event: LayoutChangeEvent) => void;
     animatedWidthStyle: {
         width: number;
     } | {
         width?: undefined;
     };
+    isReady: boolean;
     shouldMeasure: boolean;
 };
 export {};

package/lib/typescript/module/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;IAC1C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAKF,eAAO,MAAM,kBAAkB,GAAI,4CAIhC,MAAM;2BA6BG,iBAAiB;;;;;;;CAqD5B,CAAC"}
+{"version":3,"file":"use-inline-auto-width.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-inline-auto-width.ts"],"names":[],"mappings":"AAOA,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;AAUF,eAAO,MAAM,kBAAkB,GAAI,4CAIhC,MAAM;2BAyGG,iBAAiB;kCAlCjB,iBAAiB;;;;;;;;CA8I5B,CAAC"}

package/lib/typescript/module/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":"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"}
+{"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;AAgB3C,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,UAAU,SAAS,EACnB,aAAa,MAAM,GAAG,MAAM,KAC3B,SAAS,UAAU,EAyErB,CAAC"}

package/lib/typescript/module/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,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"}
+{"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,yDA+JhB,CAAC;AAcL,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

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

@@ -2,9 +2,11 @@ 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, elementEnterTransition, exitTransition, elementExitTransition, leadingGap, align, textStyle, className, }: Readonly<{
+export declare const GlyphRun: React.MemoExoticComponent<({ glyphs, layoutTransition, leadingLayoutTransition, leadingLayoutGroup, enterTransition, elementEnterTransition, exitTransition, elementExitTransition, leadingGap, align, textStyle, className, }: Readonly<{
     glyphs: readonly GlyphToken[];
     layoutTransition?: ComplexAnimationBuilder;
+    leadingLayoutTransition?: ComplexAnimationBuilder;
+    leadingLayoutGroup?: boolean;
     enterTransition?: EntryExitAnimationFunction;
     elementEnterTransition?: EntryExitAnimationFunction;
     exitTransition?: EntryExitAnimationFunction;

package/lib/typescript/module/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;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"}
+{"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;AAqBzD,eAAO,MAAM,QAAQ,kOAchB,QAAQ,CAAC;IACV,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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,uBAsDH,CAAC"}

package/lib/typescript/module/view/morph-viewport.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StyleProp, ViewStyle } from "react-native";
+import type { LayoutChangeEvent, StyleProp, ViewStyle } from "react-native";
 import Animated from "react-native-reanimated";
 import type { LaminarAlign } from "../types";
 type MorphViewportProps = {
@@ -8,9 +8,10 @@ type MorphViewportProps = {
     readonly align: LaminarAlign;
     readonly containerStyle?: StyleProp<ViewStyle>;
     readonly animatedWidthStyle?: React.ComponentProps<typeof Animated.View>["style"];
+    readonly onVisibleLayout?: (event: LayoutChangeEvent) => void;
     readonly measurement?: React.ReactNode;
     readonly children: React.ReactNode;
 };
-export declare const MorphViewport: React.MemoExoticComponent<({ autoSize, clipToBounds, align, containerStyle, animatedWidthStyle, measurement, children, }: MorphViewportProps) => React.JSX.Element>;
+export declare const MorphViewport: React.MemoExoticComponent<({ autoSize, clipToBounds, align, containerStyle, animatedWidthStyle, onVisibleLayout, measurement, children, }: MorphViewportProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=morph-viewport.d.ts.map

package/lib/typescript/module/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;AAGF,eAAO,MAAM,aAAa,4HASrB,kBAAkB,uBAqCtB,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,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5E,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,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC;AAGF,eAAO,MAAM,aAAa,6IAUrB,kBAAkB,uBAwCtB,CAAC"}

package/lib/typescript/module/view/text-run.d.ts

@@ -7,11 +7,13 @@ type TextRunProps = {
     readonly motionRecipe: MotionRecipe;
     readonly align: LaminarAlign;
     readonly leading?: ReactNode;
+    readonly leadingLayoutGroup?: boolean;
     readonly leadingKey?: string | number;
     readonly leadingGap?: number;
+    readonly ready?: boolean;
     readonly textStyle?: StyleProp<TextStyle>;
     readonly className?: string;
 };
-export declare const TextRun: React.MemoExoticComponent<({ value, motionRecipe, align, leading, leadingKey, leadingGap, textStyle, className, }: TextRunProps) => React.JSX.Element>;
+export declare const TextRun: React.MemoExoticComponent<({ value, motionRecipe, align, leading, leadingLayoutGroup, leadingKey, leadingGap, ready, textStyle, className, }: TextRunProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=text-run.d.ts.map

package/lib/typescript/module/view/text-run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-run.d.ts","sourceRoot":"","sources":["../../../../src/view/text-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG3D,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,OAAO,qHAUf,YAAY,uBA8EhB,CAAC"}
+{"version":3,"file":"text-run.d.ts","sourceRoot":"","sources":["../../../../src/view/text-run.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG3D,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,OAAO,gJAYf,YAAY,uBAsHhB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-laminar",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "A React Native component for morphing text and numbers with character-level identity.",
   "keywords": [
     "react-native",

package/src/hooks/use-inline-auto-width.ts

@@ -1,4 +1,10 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from "react";
 import type { LayoutChangeEvent } from "react-native";
 import { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
 
@@ -8,6 +14,11 @@ type Params = {
   measurementKey: string;
 };
 
+type PendingProbe = {
+  key: string;
+  width: number;
+};
+
 const WIDTH_CACHE_LIMIT = 64;
 
 // measure each content signature once and drive later changes through one width value
@@ -17,10 +28,24 @@ export const useInlineAutoWidth = ({
   measurementKey,
 }: Params) => {
   const widthValue = useSharedValue(0);
+  const hasBootstrappedWidth = useSharedValue(false);
   const measuredWidthRef = useRef<number | null>(null);
   const bootstrappedRef = useRef(false);
   const widthCacheRef = useRef(new Map<string, number>());
-  const [hasBootstrappedWidth, setHasBootstrappedWidth] = useState(false);
+  const hasCapturedVisibleLayoutRef = useRef(false);
+  const initialMeasurementKeyRef = useRef<string | null>(null);
+  const firstProbeRef = useRef<PendingProbe | null>(null);
+  const latestProbeRef = useRef<PendingProbe | null>(null);
+  const bootstrapTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const [readyMeasurementKey, setReadyMeasurementKey] = useState<string | null>(
+    null
+  );
+
+  const markMeasurementReady = useCallback((key: string) => {
+    setReadyMeasurementKey((currentKey) =>
+      currentKey === key ? currentKey : key
+    );
+  }, []);
 
   // the first measurement establishes the shell without animating from zero
   const applyWidth = useCallback(
@@ -34,7 +59,7 @@ export const useInlineAutoWidth = ({
       if (!bootstrappedRef.current) {
         bootstrappedRef.current = true;
         widthValue.value = nextWidth;
-        setHasBootstrappedWidth(true);
+        hasBootstrappedWidth.value = true;
         return;
       }
 
@@ -43,6 +68,68 @@ export const useInlineAutoWidth = ({
     [driveToWidth, widthValue]
   );
 
+  const bootstrapFromProbe = useCallback(() => {
+    bootstrapTimerRef.current = null;
+
+    if (hasCapturedVisibleLayoutRef.current) {
+      return;
+    }
+
+    const firstProbe = firstProbeRef.current;
+    if (!firstProbe) {
+      return;
+    }
+
+    // The visible layout did not arrive in time, so use the first probe as a
+    // safe fallback. A later probe can still animate from this baseline.
+    hasCapturedVisibleLayoutRef.current = true;
+    initialMeasurementKeyRef.current = firstProbe.key;
+    applyWidth(firstProbe.width);
+
+    const latestProbe = latestProbeRef.current;
+    if (latestProbe && latestProbe.key !== firstProbe.key) {
+      // The target width is already cached. Defer its animation until the
+      // ready render so the shell and the new glyph row start together.
+      markMeasurementReady(latestProbe.key);
+    } else {
+      markMeasurementReady(firstProbe.key);
+    }
+  }, [applyWidth, markMeasurementReady]);
+
+  const captureVisibleLayout = useCallback(
+    (event: LayoutChangeEvent) => {
+      if (!enabled || hasCapturedVisibleLayoutRef.current) {
+        return;
+      }
+
+      if (bootstrapTimerRef.current !== null) {
+        clearTimeout(bootstrapTimerRef.current);
+        bootstrapTimerRef.current = null;
+      }
+
+      hasCapturedVisibleLayoutRef.current = true;
+      // bootstrap from the visible tree so the first explicit width matches
+      // the geometry that was already painted to the user
+      const nextWidth = Math.max(0, event.nativeEvent.layout.width);
+      // retain the visible width for the initial key so a later cache hit does
+      // not reintroduce the probe-to-visible mismatch
+      widthCacheRef.current.delete(measurementKey);
+      widthCacheRef.current.set(measurementKey, nextWidth);
+      const firstProbe = firstProbeRef.current;
+      if (firstProbe && firstProbe.key !== measurementKey) {
+        initialMeasurementKeyRef.current = firstProbe.key;
+        applyWidth(firstProbe.width);
+        markMeasurementReady(measurementKey);
+        return;
+      }
+
+      initialMeasurementKeyRef.current = measurementKey;
+      applyWidth(nextWidth);
+      markMeasurementReady(measurementKey);
+    },
+    [applyWidth, enabled, markMeasurementReady, measurementKey]
+  );
+
   const captureLayout = useCallback(
     (event: LayoutChangeEvent) => {
       if (!enabled) {
@@ -52,49 +139,104 @@ export const useInlineAutoWidth = ({
       // round up so fractional native measurements cannot clip the final glyph
       const nextWidth = Math.max(0, Math.ceil(event.nativeEvent.layout.width));
 
-      // delete before setting so a repeated key moves to the most recent position
-      widthCacheRef.current.delete(measurementKey);
+      const isInitialMeasurement =
+        initialMeasurementKeyRef.current === measurementKey;
+
+      if (!isInitialMeasurement) {
+        // delete before setting so a repeated key moves to the most recent position
+        widthCacheRef.current.delete(measurementKey);
 
-      if (widthCacheRef.current.size >= WIDTH_CACHE_LIMIT) {
-        // map insertion order gives the lru entry at the front
-        const oldestKey = widthCacheRef.current.keys().next().value;
+        if (widthCacheRef.current.size >= WIDTH_CACHE_LIMIT) {
+          // map insertion order gives the lru entry at the front
+          const oldestKey = widthCacheRef.current.keys().next().value;
 
-        if (oldestKey !== undefined) {
-          widthCacheRef.current.delete(oldestKey);
+          if (oldestKey !== undefined) {
+            widthCacheRef.current.delete(oldestKey);
+          }
         }
+
+        widthCacheRef.current.set(measurementKey, nextWidth);
       }
 
-      widthCacheRef.current.set(measurementKey, nextWidth);
-      applyWidth(nextWidth);
+      const probe = { key: measurementKey, width: nextWidth };
+      if (!firstProbeRef.current) {
+        firstProbeRef.current = probe;
+      }
+      latestProbeRef.current = probe;
+
+      if (
+        !hasCapturedVisibleLayoutRef.current &&
+        bootstrapTimerRef.current === null
+      ) {
+        bootstrapTimerRef.current = setTimeout(bootstrapFromProbe, 0);
+      }
+
+      // Do not let the initial probe override the visible first frame.
+      if (hasCapturedVisibleLayoutRef.current && !isInitialMeasurement) {
+        // captureLayout only records the target. The cache effect applies the
+        // animation during the render that releases the new glyph row.
+        markMeasurementReady(measurementKey);
+      }
     },
-    [applyWidth, enabled, measurementKey]
+    [
+      applyWidth,
+      bootstrapFromProbe,
+      enabled,
+      markMeasurementReady,
+      measurementKey,
+    ]
   );
 
   const cachedWidth = widthCacheRef.current.get(measurementKey);
 
   // a cached width can restore the shell before the hidden probe renders again
-  useEffect(() => {
-    if (enabled && cachedWidth !== undefined) {
+  useLayoutEffect(() => {
+    if (
+      enabled &&
+      cachedWidth !== undefined &&
+      hasCapturedVisibleLayoutRef.current
+    ) {
       // promote cache hits so active states stay available longer
       widthCacheRef.current.delete(measurementKey);
       widthCacheRef.current.set(measurementKey, cachedWidth);
       applyWidth(cachedWidth);
+      markMeasurementReady(measurementKey);
     }
-  }, [applyWidth, cachedWidth, enabled, measurementKey]);
+  }, [
+    applyWidth,
+    cachedWidth,
+    enabled,
+    markMeasurementReady,
+    measurementKey,
+  ]);
+
+  useEffect(
+    () => () => {
+      if (bootstrapTimerRef.current !== null) {
+        clearTimeout(bootstrapTimerRef.current);
+      }
+    },
+    []
+  );
 
   const animatedWidthStyle = useAnimatedStyle(
     () =>
-      enabled && hasBootstrappedWidth
+      enabled && hasBootstrappedWidth.value
         ? {
             width: widthValue.value,
           }
         : {},
-    [enabled, hasBootstrappedWidth]
+    [enabled]
   );
 
   return {
     captureLayout,
+    captureVisibleLayout,
     animatedWidthStyle,
+    isReady:
+      !enabled ||
+      cachedWidth !== undefined ||
+      readyMeasurementKey === measurementKey,
     shouldMeasure: enabled && cachedWidth === undefined,
   };
 };

package/src/hooks/use-text-glyphs.ts

@@ -13,43 +13,37 @@ type TextGlyphLedger = {
   nextSeed: number;
 };
 
-type TextGlyphUnit =
-  | { readonly kind: "text"; readonly signature: string; readonly value: string }
-  | { readonly kind: "element"; readonly signature: string; readonly element: ReactNode };
+type TextGlyphUnit = {
+  readonly kind: "text";
+  readonly signature: string;
+  readonly value: string;
+};
 
-// build the inline token stream that lets text and leading content share one ledger
+// build text glyphs independently, then prepend a separately keyed leading token
 export const useTextGlyphs = (
   value: string,
   namespace: string,
   leading?: ReactNode,
   leadingKey?: string | number
 ): readonly GlyphToken[] => {
-  const units = useMemo<readonly TextGlyphUnit[]>(
+  // Reconcile text independently so inserting/removing a leading token cannot
+  // change which repeated text glyphs the LCS ledger preserves.
+  const textUnits = useMemo<readonly TextGlyphUnit[]>(
     () => [
-      // the map key becomes the identity when leading content is state keyed
-      ...(leading
-        ? [
-            {
-              kind: "element",
-              signature: `leading:${String(leadingKey ?? "default")}`,
-              element: leading,
-            } as const,
-          ]
-        : []),
       ...splitDisplayUnits(value).map((unit) => ({
         kind: "text" as const,
         signature: `text:${unit}`,
         value: unit,
       })),
     ],
-    [leading, leadingKey, value]
+    [value]
   );
-  const signatures = units.map((unit) => unit.signature);
+  const signatures = textUnits.map((unit) => unit.signature);
   const ledgerRef = useRef<TextGlyphLedger>({
     previousValue: value,
     previousSignatures: signatures,
-    glyphKeys: units.map((_, index) => `${namespace}:c${index}`),
-    nextSeed: units.length,
+    glyphKeys: textUnits.map((_, index) => `${namespace}:c${index}`),
+    nextSeed: textUnits.length,
   });
 
   // reconcile only when a token signature changes so stable glyphs keep their views
@@ -79,16 +73,29 @@ export const useTextGlyphs = (
 
   const glyphKeys = ledgerRef.current.glyphKeys;
 
-  // normalize spaces at the edge where tokens become renderable glyphs
+  // normalize spaces at the edge where tokens become renderable glyphs, then
+  // prepend the leading token with an identity that is independent of text
   return useMemo(
-    () =>
-      units.map((unit, index) => ({
+    () => {
+      const textGlyphs = textUnits.map((unit, index) => ({
         id: glyphKeys[index],
-        kind: unit.kind,
-        ...(unit.kind === "text"
-          ? { value: normalizeDisplayUnit(unit.value) }
-          : { element: unit.element }),
-      })),
-    [glyphKeys, units]
+        kind: "text" as const,
+        value: normalizeDisplayUnit(unit.value),
+      }));
+
+      if (!leading) {
+        return textGlyphs;
+      }
+
+      return [
+        {
+          id: `${namespace}:leading:${String(leadingKey ?? "default")}`,
+          kind: "element" as const,
+          element: leading,
+        },
+        ...textGlyphs,
+      ];
+    },
+    [glyphKeys, leading, leadingKey, namespace, textUnits]
   );
 };

package/src/index.tsx

@@ -79,7 +79,13 @@ export const Laminar = React.memo(function Laminar({
       textStyle,
       variant,
     ]);
-    const { captureLayout, animatedWidthStyle, shouldMeasure } =
+    const {
+      captureLayout,
+      captureVisibleLayout,
+      animatedWidthStyle,
+      isReady: isAutoSizeReady,
+      shouldMeasure,
+    } =
       useInlineAutoWidth({
         enabled: autoSize,
         driveToWidth: motionRecipe.driveNumber,
@@ -103,9 +109,11 @@ export const Laminar = React.memo(function Laminar({
         align={align}
         containerStyle={containerStyle}
         animatedWidthStyle={animatedWidthStyle}
+        onVisibleLayout={autoSize ? captureVisibleLayout : undefined}
         measurement={
           shouldMeasure ? (
             <View
+              key={measurementKey}
               onLayout={captureLayout}
               style={{ flexDirection: "row", alignSelf: "flex-start" }}
             >
@@ -155,8 +163,10 @@ export const Laminar = React.memo(function Laminar({
             motionRecipe={motionRecipe}
             align={align}
             leading={resolvedLeading}
+            leadingLayoutGroup={Boolean(leading)}
             leadingKey={resolvedLeadingKey}
             leadingGap={leadingGap}
+            ready={!autoSize || isAutoSizeReady}
             textStyle={textStyle}
             className={className}
           />