react-native-laminar 1.0.0

package/README.md

@@ -0,0 +1,11 @@
+# Laminar
+
+React Native morphing text and number animation.
+
+```tsx
+import { Laminar } from "react-native-laminar";
+
+<Laminar text="$1,234.56" variant="number" />;
+```
+
+The package source lives in `src`. The demo app in the repository imports from the package boundary instead of package internals.

package/lib/commonjs/hooks/use-display-units.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDisplayUnits = void 0;
+var _react = require("react");
+var _displayUnits = require("../model/display-units");
+const useDisplayUnits = (value, enabled = true) => (0, _react.useMemo)(() =>
+// skip unit work when auto size is off
+enabled ? (0, _displayUnits.splitDisplayUnits)(value).map(_displayUnits.normalizeDisplayUnit) : [], [enabled, value]);
+exports.useDisplayUnits = useDisplayUnits;
+//# sourceMappingURL=use-display-units.js.map

package/lib/commonjs/hooks/use-display-units.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_displayUnits","useDisplayUnits","value","enabled","useMemo","splitDisplayUnits","map","normalizeDisplayUnit","exports"],"sourceRoot":"../../../src","sources":["hooks/use-display-units.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKO,MAAME,eAAe,GAAGA,CAC7BC,KAAa,EACbC,OAAO,GAAG,IAAI,KAEd,IAAAC,cAAO,EACL;AACE;AACAD,OAAO,GACH,IAAAE,+BAAiB,EAACH,KAAK,CAAC,CAACI,GAAG,CAACC,kCAAoB,CAAC,GAClD,EAAE,EACR,CAACJ,OAAO,EAAED,KAAK,CACjB,CAAC;AAACM,OAAA,CAAAP,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/hooks/use-inline-auto-width.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInlineAutoWidth = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+const useInlineAutoWidth = ({
+  enabled,
+  driveToWidth
+}) => {
+  const widthValue = (0, _reactNativeReanimated.useSharedValue)(0);
+  const measuredWidthRef = (0, _react.useRef)(null);
+  const bootstrappedRef = (0, _react.useRef)(false);
+  const [hasBootstrappedWidth, setHasBootstrappedWidth] = (0, _react.useState)(false);
+  const captureLayout = (0, _react.useCallback)(event => {
+    if (!enabled) {
+      return;
+    }
+    const nextWidth = Math.max(0, Math.ceil(event.nativeEvent.layout.width));
+    if (measuredWidthRef.current === nextWidth) {
+      return;
+    }
+    measuredWidthRef.current = nextWidth;
+
+    // snap the first width so mount does not animate from zero
+    if (!bootstrappedRef.current) {
+      bootstrappedRef.current = true;
+      widthValue.value = nextWidth;
+      setHasBootstrappedWidth(true);
+      return;
+    }
+    widthValue.value = driveToWidth(nextWidth);
+  }, [driveToWidth, enabled, widthValue]);
+  const animatedWidthStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => enabled && hasBootstrappedWidth ? {
+    width: widthValue.value
+  } : {}, [enabled, hasBootstrappedWidth]);
+  return {
+    captureLayout,
+    animatedWidthStyle
+  };
+};
+exports.useInlineAutoWidth = useInlineAutoWidth;
+//# sourceMappingURL=use-inline-auto-width.js.map

package/lib/commonjs/hooks/use-inline-auto-width.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","useInlineAutoWidth","enabled","driveToWidth","widthValue","useSharedValue","measuredWidthRef","useRef","bootstrappedRef","hasBootstrappedWidth","setHasBootstrappedWidth","useState","captureLayout","useCallback","event","nextWidth","Math","max","ceil","nativeEvent","layout","width","current","value","animatedWidthStyle","useAnimatedStyle","exports"],"sourceRoot":"../../../src","sources":["hooks/use-inline-auto-width.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAOO,MAAME,kBAAkB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAqB,CAAC,KAAK;EACvE,MAAMC,UAAU,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACpC,MAAMC,gBAAgB,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EACpD,MAAMC,eAAe,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EACrC,MAAM,CAACE,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvE,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,KAAwB,IAAK;IAC5B,IAAI,CAACZ,OAAO,EAAE;MACZ;IACF;IAEA,MAAMa,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACJ,KAAK,CAACK,WAAW,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;IAExE,IAAIf,gBAAgB,CAACgB,OAAO,KAAKP,SAAS,EAAE;MAC1C;IACF;IAEAT,gBAAgB,CAACgB,OAAO,GAAGP,SAAS;;IAEpC;IACA,IAAI,CAACP,eAAe,CAACc,OAAO,EAAE;MAC5Bd,eAAe,CAACc,OAAO,GAAG,IAAI;MAC9BlB,UAAU,CAACmB,KAAK,GAAGR,SAAS;MAC5BL,uBAAuB,CAAC,IAAI,CAAC;MAC7B;IACF;IAEAN,UAAU,CAACmB,KAAK,GAAGpB,YAAY,CAACY,SAAS,CAAC;EAC5C,CAAC,EACD,CAACZ,YAAY,EAAED,OAAO,EAAEE,UAAU,CACpC,CAAC;EAED,MAAMoB,kBAAkB,GAAG,IAAAC,uCAAgB,EACzC,MACEvB,OAAO,IAAIO,oBAAoB,GAC3B;IACEY,KAAK,EAAEjB,UAAU,CAACmB;EACpB,CAAC,GACD,CAAC,CAAC,EACR,CAACrB,OAAO,EAAEO,oBAAoB,CAChC,CAAC;EAED,OAAO;IACLG,aAAa;IACbY;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAzB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMorphMotion = void 0;
+var _react = require("react");
+var _presetMap = require("../motion/preset-map");
+const useMorphMotion = ({
+  variant,
+  animationPreset,
+  animationDuration,
+  stagger
+}) => {
+  // numbers feel better with snappy unless you pick something else
+  const resolvedPreset = animationPreset ?? (variant === "text" ? "default" : "snappy");
+  const motionRecipe = (0, _react.useMemo)(() => (0, _presetMap.resolveMotionRecipe)(resolvedPreset, animationDuration), [animationDuration, resolvedPreset]);
+  return {
+    motionRecipe,
+    staggerMs: Math.round(stagger * 1000)
+  };
+};
+exports.useMorphMotion = useMorphMotion;
+//# sourceMappingURL=use-morph-motion.js.map

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

@@ -0,0 +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;AAmBO,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":[]}

package/lib/commonjs/hooks/use-morph-text-style.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMorphTextStyle = void 0;
+var _react = require("react");
+const useMorphTextStyle = ({
+  fontSize,
+  color,
+  fontStyle,
+  style
+}) => {
+  const baseTextStyle = (0, _react.useMemo)(() => {
+    const nextStyle = {
+      includeFontPadding: false
+    };
+    if (fontSize !== undefined) {
+      nextStyle.fontSize = fontSize;
+    }
+    if (color !== undefined) {
+      nextStyle.color = color;
+    }
+    return nextStyle;
+  }, [color, fontSize]);
+  const textStyle = (0, _react.useMemo)(() => [baseTextStyle, fontStyle, style], [baseTextStyle, fontStyle, style]);
+  return {
+    textStyle
+  };
+};
+exports.useMorphTextStyle = useMorphTextStyle;
+//# sourceMappingURL=use-morph-text-style.js.map

package/lib/commonjs/hooks/use-morph-text-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useMorphTextStyle","fontSize","color","fontStyle","style","baseTextStyle","useMemo","nextStyle","includeFontPadding","undefined","textStyle","exports"],"sourceRoot":"../../../src","sources":["hooks/use-morph-text-style.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAcO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC;AACM,CAAC,KAAqB;EAC5B,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,MAAMC,SAAoB,GAAG;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IAED,IAAIP,QAAQ,KAAKQ,SAAS,EAAE;MAC1BF,SAAS,CAACN,QAAQ,GAAGA,QAAQ;IAC/B;IAEA,IAAIC,KAAK,KAAKO,SAAS,EAAE;MACvBF,SAAS,CAACL,KAAK,GAAGA,KAAK;IACzB;IAEA,OAAOK,SAAS;EAClB,CAAC,EAAE,CAACL,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,MAAMS,SAAS,GAAG,IAAAJ,cAAO,EACvB,MAAM,CAACD,aAAa,EAAEF,SAAS,EAAEC,KAAK,CAAC,EACvC,CAACC,aAAa,EAAEF,SAAS,EAAEC,KAAK,CAClC,CAAC;EAED,OAAO;IACLM;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAX,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/hooks/use-numeric-lanes.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNumericLanes = void 0;
+var _react = require("react");
+var _displayUnits = require("../model/display-units");
+var _numericLanes = require("../model/numeric-lanes");
+const useNumericLanes = value => {
+  const units = (0, _react.useMemo)(() => (0, _displayUnits.splitDisplayUnits)(value), [value]);
+  const ledgerRef = (0, _react.useRef)({
+    previousValue: value,
+    laneKeys: units.map((_, index) => index),
+    nextSeed: units.length,
+    direction: 0
+  });
+
+  // keep lane ids in a ref so the number can reflow without remounting everything
+  if (value !== ledgerRef.current.previousValue) {
+    const nextLedger = (0, _numericLanes.reconcileNumericLanes)(ledgerRef.current.previousValue, value, ledgerRef.current.laneKeys, ledgerRef.current.nextSeed);
+    ledgerRef.current = {
+      previousValue: value,
+      laneKeys: nextLedger.laneKeys,
+      nextSeed: nextLedger.nextSeed,
+      direction: nextLedger.direction
+    };
+  }
+  return {
+    units,
+    laneKeys: ledgerRef.current.laneKeys,
+    direction: ledgerRef.current.direction,
+    leadLength: (0, _displayUnits.findNumericLeadLength)(units)
+  };
+};
+exports.useNumericLanes = useNumericLanes;
+//# sourceMappingURL=use-numeric-lanes.js.map

package/lib/commonjs/hooks/use-numeric-lanes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_displayUnits","_numericLanes","useNumericLanes","value","units","useMemo","splitDisplayUnits","ledgerRef","useRef","previousValue","laneKeys","map","_","index","nextSeed","length","direction","current","nextLedger","reconcileNumericLanes","leadLength","findNumericLeadLength","exports"],"sourceRoot":"../../../src","sources":["hooks/use-numeric-lanes.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAgBO,MAAMG,eAAe,GAAIC,KAAa,IAA0B;EACrE,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,+BAAiB,EAACH,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC9D,MAAMI,SAAS,GAAG,IAAAC,aAAM,EAAgB;IACtCC,aAAa,EAAEN,KAAK;IACpBO,QAAQ,EAAEN,KAAK,CAACO,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;IACxCC,QAAQ,EAAEV,KAAK,CAACW,MAAM;IACtBC,SAAS,EAAE;EACb,CAAC,CAAC;;EAEF;EACA,IAAIb,KAAK,KAAKI,SAAS,CAACU,OAAO,CAACR,aAAa,EAAE;IAC7C,MAAMS,UAAU,GAAG,IAAAC,mCAAqB,EACtCZ,SAAS,CAACU,OAAO,CAACR,aAAa,EAC/BN,KAAK,EACLI,SAAS,CAACU,OAAO,CAACP,QAAQ,EAC1BH,SAAS,CAACU,OAAO,CAACH,QACpB,CAAC;IAEDP,SAAS,CAACU,OAAO,GAAG;MAClBR,aAAa,EAAEN,KAAK;MACpBO,QAAQ,EAAEQ,UAAU,CAACR,QAAQ;MAC7BI,QAAQ,EAAEI,UAAU,CAACJ,QAAQ;MAC7BE,SAAS,EAAEE,UAAU,CAACF;IACxB,CAAC;EACH;EAEA,OAAO;IACLZ,KAAK;IACLM,QAAQ,EAAEH,SAAS,CAACU,OAAO,CAACP,QAAQ;IACpCM,SAAS,EAAET,SAAS,CAACU,OAAO,CAACD,SAAS;IACtCI,UAAU,EAAE,IAAAC,mCAAqB,EAACjB,KAAK;EACzC,CAAC;AACH,CAAC;AAACkB,OAAA,CAAApB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/hooks/use-text-glyphs.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextGlyphs = void 0;
+var _react = require("react");
+var _displayUnits = require("../model/display-units");
+var _textKeys = require("../model/text-keys");
+const useTextGlyphs = (value, namespace) => {
+  const units = (0, _react.useMemo)(() => (0, _displayUnits.splitDisplayUnits)(value), [value]);
+  const ledgerRef = (0, _react.useRef)({
+    previousValue: value,
+    previousUnits: units,
+    glyphKeys: units.map((_, index) => `${namespace}:c${index}`),
+    nextSeed: units.length
+  });
+  if (value !== ledgerRef.current.previousValue) {
+    // keep ids stable so unchanged glyphs stay mounted between updates
+    const nextLedger = (0, _textKeys.reconcileTextGlyphKeys)(ledgerRef.current.previousUnits, units, ledgerRef.current.glyphKeys, ledgerRef.current.nextSeed, namespace);
+    ledgerRef.current = {
+      previousValue: value,
+      previousUnits: units,
+      glyphKeys: nextLedger.glyphKeys,
+      nextSeed: nextLedger.nextSeed
+    };
+  }
+  const glyphKeys = ledgerRef.current.glyphKeys;
+  return (0, _react.useMemo)(() => units.map((unit, index) => ({
+    id: glyphKeys[index],
+    value: (0, _displayUnits.normalizeDisplayUnit)(unit)
+  })), [glyphKeys, units]);
+};
+exports.useTextGlyphs = useTextGlyphs;
+//# sourceMappingURL=use-text-glyphs.js.map

package/lib/commonjs/hooks/use-text-glyphs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_displayUnits","_textKeys","useTextGlyphs","value","namespace","units","useMemo","splitDisplayUnits","ledgerRef","useRef","previousValue","previousUnits","glyphKeys","map","_","index","nextSeed","length","current","nextLedger","reconcileTextGlyphKeys","unit","id","normalizeDisplayUnit","exports"],"sourceRoot":"../../../src","sources":["hooks/use-text-glyphs.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,SAAA,GAAAF,OAAA;AAUO,MAAMG,aAAa,GAAGA,CAC3BC,KAAa,EACbC,SAAiB,KACS;EAC1B,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,+BAAiB,EAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC9D,MAAMK,SAAS,GAAG,IAAAC,aAAM,EAAkB;IACxCC,aAAa,EAAEP,KAAK;IACpBQ,aAAa,EAAEN,KAAK;IACpBO,SAAS,EAAEP,KAAK,CAACQ,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK,GAAGX,SAAS,KAAKW,KAAK,EAAE,CAAC;IAC5DC,QAAQ,EAAEX,KAAK,CAACY;EAClB,CAAC,CAAC;EAEF,IAAId,KAAK,KAAKK,SAAS,CAACU,OAAO,CAACR,aAAa,EAAE;IAC7C;IACA,MAAMS,UAAU,GAAG,IAAAC,gCAAsB,EACvCZ,SAAS,CAACU,OAAO,CAACP,aAAa,EAC/BN,KAAK,EACLG,SAAS,CAACU,OAAO,CAACN,SAAS,EAC3BJ,SAAS,CAACU,OAAO,CAACF,QAAQ,EAC1BZ,SACF,CAAC;IAEDI,SAAS,CAACU,OAAO,GAAG;MAClBR,aAAa,EAAEP,KAAK;MACpBQ,aAAa,EAAEN,KAAK;MACpBO,SAAS,EAAEO,UAAU,CAACP,SAAS;MAC/BI,QAAQ,EAAEG,UAAU,CAACH;IACvB,CAAC;EACH;EAEA,MAAMJ,SAAS,GAAGJ,SAAS,CAACU,OAAO,CAACN,SAAS;EAE7C,OAAO,IAAAN,cAAO,EACZ,MACED,KAAK,CAACQ,GAAG,CAAC,CAACQ,IAAI,EAAEN,KAAK,MAAM;IAC1BO,EAAE,EAAEV,SAAS,CAACG,KAAK,CAAC;IACpBZ,KAAK,EAAE,IAAAoB,kCAAoB,EAACF,IAAI;EAClC,CAAC,CAAC,CAAC,EACL,CAACT,SAAS,EAAEP,KAAK,CACnB,CAAC;AACH,CAAC;AAACmB,OAAA,CAAAtB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MorphingText = exports.Laminar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useInlineAutoWidth = require("./hooks/use-inline-auto-width");
+var _useMorphMotion = require("./hooks/use-morph-motion");
+var _useMorphTextStyle = require("./hooks/use-morph-text-style");
+var _displayUnits = require("./model/display-units");
+var _morphViewport = require("./view/morph-viewport");
+var _numberRun = require("./view/number-run");
+var _textRun = require("./view/text-run");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Laminar = exports.Laminar = /*#__PURE__*/_react.default.memo(function Laminar({
+  text,
+  variant = "text",
+  fontSize,
+  color,
+  style,
+  containerStyle,
+  fontStyle,
+  animationDuration,
+  animationPreset,
+  stagger = 0.02,
+  autoSize = true,
+  clipToBounds = false
+}) {
+  const resolvedValue = String(text ?? "");
+  const {
+    motionRecipe,
+    staggerMs
+  } = (0, _useMorphMotion.useMorphMotion)({
+    variant,
+    animationPreset,
+    animationDuration,
+    stagger
+  });
+  const {
+    textStyle
+  } = (0, _useMorphTextStyle.useMorphTextStyle)({
+    fontSize,
+    color,
+    fontStyle,
+    style
+  });
+  const {
+    captureLayout,
+    animatedWidthStyle
+  } = (0, _useInlineAutoWidth.useInlineAutoWidth)({
+    enabled: autoSize,
+    driveToWidth: motionRecipe.driveNumber
+  });
+  const measuredValue = _react.default.useMemo(() => {
+    if (!autoSize) {
+      return "";
+    }
+    return (0, _displayUnits.splitDisplayUnits)(resolvedValue).map(_displayUnits.normalizeDisplayUnit).join("");
+  }, [autoSize, resolvedValue]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_morphViewport.MorphViewport, {
+    autoSize: autoSize,
+    clipToBounds: clipToBounds,
+    containerStyle: containerStyle,
+    animatedWidthStyle: animatedWidthStyle,
+    measurement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      onLayout: captureLayout,
+      style: textStyle,
+      children: measuredValue
+    }),
+    children: variant === "number" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_numberRun.NumberRun, {
+      value: resolvedValue,
+      motionRecipe: motionRecipe,
+      fontSize: fontSize,
+      textStyle: textStyle,
+      staggerMs: staggerMs
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_textRun.TextRun, {
+      value: resolvedValue,
+      motionRecipe: motionRecipe,
+      textStyle: textStyle
+    })
+  });
+});
+const MorphingText = exports.MorphingText = Laminar;
+var _default = exports.default = Laminar;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useInlineAutoWidth","_useMorphMotion","_useMorphTextStyle","_displayUnits","_morphViewport","_numberRun","_textRun","_jsxRuntime","e","__esModule","default","Laminar","exports","React","memo","text","variant","fontSize","color","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","motionRecipe","staggerMs","useMorphMotion","textStyle","useMorphTextStyle","captureLayout","animatedWidthStyle","useInlineAutoWidth","enabled","driveToWidth","driveNumber","measuredValue","useMemo","splitDisplayUnits","map","normalizeDisplayUnit","join","jsx","MorphViewport","measurement","Text","numberOfLines","onLayout","children","NumberRun","value","TextRun","MorphingText","_default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/model/display-units.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitDisplayUnits = exports.normalizeDisplayUnit = exports.isAsciiDigit = exports.findNumericLeadLength = void 0;
+const NBSP = "\u00A0";
+const graphemeSegmenter = typeof Intl !== "undefined" && typeof Intl.Segmenter === "function" ? new Intl.Segmenter(undefined, {
+  granularity: "grapheme"
+}) : null;
+const splitDisplayUnits = input => {
+  if (graphemeSegmenter) {
+    return Array.from(graphemeSegmenter.segment(input), part => part.segment);
+  }
+  return Array.from(input);
+};
+
+// swap plain spaces so measured text keeps its width
+exports.splitDisplayUnits = splitDisplayUnits;
+const normalizeDisplayUnit = unit => unit === " " ? NBSP : unit;
+exports.normalizeDisplayUnit = normalizeDisplayUnit;
+const isAsciiDigit = unit => unit >= "0" && unit <= "9";
+exports.isAsciiDigit = isAsciiDigit;
+const findNumericLeadLength = units => {
+  const firstDigitIndex = units.findIndex(isAsciiDigit);
+  return firstDigitIndex === -1 ? units.length : firstDigitIndex;
+};
+exports.findNumericLeadLength = findNumericLeadLength;
+//# sourceMappingURL=display-units.js.map

package/lib/commonjs/model/display-units.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NBSP","graphemeSegmenter","Intl","Segmenter","undefined","granularity","splitDisplayUnits","input","Array","from","segment","part","exports","normalizeDisplayUnit","unit","isAsciiDigit","findNumericLeadLength","units","firstDigitIndex","findIndex","length"],"sourceRoot":"../../../src","sources":["model/display-units.ts"],"mappings":";;;;;;AAAA,MAAMA,IAAI,GAAG,QAAQ;AACrB,MAAMC,iBAAiB,GACrB,OAAOC,IAAI,KAAK,WAAW,IAAI,OAAOA,IAAI,CAACC,SAAS,KAAK,UAAU,GAC/D,IAAID,IAAI,CAACC,SAAS,CAACC,SAAS,EAAE;EAAEC,WAAW,EAAE;AAAW,CAAC,CAAC,GAC1D,IAAI;AAEH,MAAMC,iBAAiB,GAAIC,KAAa,IAAe;EAC5D,IAAIN,iBAAiB,EAAE;IACrB,OAAOO,KAAK,CAACC,IAAI,CACfR,iBAAiB,CAACS,OAAO,CAACH,KAAK,CAAC,EAC/BI,IAAI,IAAKA,IAAI,CAACD,OACjB,CAAC;EACH;EAEA,OAAOF,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC;AAC1B,CAAC;;AAED;AAAAK,OAAA,CAAAN,iBAAA,GAAAA,iBAAA;AACO,MAAMO,oBAAoB,GAAIC,IAAY,IAC/CA,IAAI,KAAK,GAAG,GAAGd,IAAI,GAAGc,IAAI;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEtB,MAAME,YAAY,GAAID,IAAY,IAAKA,IAAI,IAAI,GAAG,IAAIA,IAAI,IAAI,GAAG;AAACF,OAAA,CAAAG,YAAA,GAAAA,YAAA;AAElE,MAAMC,qBAAqB,GAAIC,KAAwB,IAAK;EACjE,MAAMC,eAAe,GAAGD,KAAK,CAACE,SAAS,CAACJ,YAAY,CAAC;EAErD,OAAOG,eAAe,KAAK,CAAC,CAAC,GAAGD,KAAK,CAACG,MAAM,GAAGF,eAAe;AAChE,CAAC;AAACN,OAAA,CAAAI,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/model/numeric-lanes.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reconcileNumericLanes = void 0;
+var _displayUnits = require("./display-units");
+const readNumericMagnitude = input => parseFloat(input.replace(/[^0-9.-]/g, "")) || 0;
+const deriveFlowDirection = (previousValue, nextValue) => Math.sign(readNumericMagnitude(nextValue) - readNumericMagnitude(previousValue));
+const reconcileNumericLanes = (previousValue, nextValue, previousKeys, seed) => {
+  const previousUnits = (0, _displayUnits.splitDisplayUnits)(previousValue);
+  const nextUnits = (0, _displayUnits.splitDisplayUnits)(nextValue);
+  const nextLaneKeys = new Array(nextUnits.length);
+  let nextSeed = seed;
+  const nextLeadLength = (0, _displayUnits.findNumericLeadLength)(nextUnits);
+  const previousLeadLength = (0, _displayUnits.findNumericLeadLength)(previousUnits);
+  const sharedLeadLength = Math.min(nextLeadLength, previousLeadLength);
+  for (let index = 0; index < nextLeadLength; index += 1) {
+    nextLaneKeys[index] = index < sharedLeadLength && nextUnits[index] === previousUnits[index] ? previousKeys[index] : nextSeed++;
+  }
+  const previousTailUnits = previousUnits.slice(previousLeadLength);
+  const nextTailUnits = nextUnits.slice(nextLeadLength);
+  const previousTailKeys = previousKeys.slice(previousLeadLength);
+  const laneCount = Math.max(previousTailUnits.length, nextTailUnits.length);
+  const leftPaddedPreviousUnits = [...Array(Math.max(0, laneCount - previousTailUnits.length)).fill(""), ...previousTailUnits];
+  const leftPaddedNextUnits = [...Array(Math.max(0, laneCount - nextTailUnits.length)).fill(""), ...nextTailUnits];
+  const leftPaddedPreviousKeys = [...Array(Math.max(0, laneCount - previousTailKeys.length)).fill(-1), ...previousTailKeys];
+
+  // pad from the left so the rightmost digits keep their place value lanes
+  const nextTailOffset = laneCount - nextTailUnits.length;
+  for (let index = 0; index < nextTailUnits.length; index += 1) {
+    const paddedIndex = nextTailOffset + index;
+    const nextUnit = leftPaddedNextUnits[paddedIndex];
+    const previousUnit = leftPaddedPreviousUnits[paddedIndex];
+    const previousKey = leftPaddedPreviousKeys[paddedIndex];
+    nextLaneKeys[nextLeadLength + index] = nextUnit === previousUnit && previousKey >= 0 ? previousKey : nextSeed++;
+  }
+  return {
+    laneKeys: nextLaneKeys,
+    nextSeed,
+    direction: deriveFlowDirection(previousValue, nextValue)
+  };
+};
+exports.reconcileNumericLanes = reconcileNumericLanes;
+//# sourceMappingURL=numeric-lanes.js.map

package/lib/commonjs/model/numeric-lanes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_displayUnits","require","readNumericMagnitude","input","parseFloat","replace","deriveFlowDirection","previousValue","nextValue","Math","sign","reconcileNumericLanes","previousKeys","seed","previousUnits","splitDisplayUnits","nextUnits","nextLaneKeys","Array","length","nextSeed","nextLeadLength","findNumericLeadLength","previousLeadLength","sharedLeadLength","min","index","previousTailUnits","slice","nextTailUnits","previousTailKeys","laneCount","max","leftPaddedPreviousUnits","fill","leftPaddedNextUnits","leftPaddedPreviousKeys","nextTailOffset","paddedIndex","nextUnit","previousUnit","previousKey","laneKeys","direction","exports"],"sourceRoot":"../../../src","sources":["model/numeric-lanes.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reconcileTextGlyphKeys = void 0;
+const computeLcsPairs = (previousUnits, nextUnits) => {
+  const previousLength = previousUnits.length;
+  const nextLength = nextUnits.length;
+  if (previousLength === 0 || nextLength === 0) {
+    return [];
+  }
+  const dp = Array.from({
+    length: previousLength + 1
+  }, () => new Array(nextLength + 1).fill(0));
+  for (let previousIndex = 1; previousIndex <= previousLength; previousIndex += 1) {
+    for (let nextIndex = 1; nextIndex <= nextLength; nextIndex += 1) {
+      dp[previousIndex][nextIndex] = previousUnits[previousIndex - 1] === nextUnits[nextIndex - 1] ? dp[previousIndex - 1][nextIndex - 1] + 1 : Math.max(dp[previousIndex - 1][nextIndex], dp[previousIndex][nextIndex - 1]);
+    }
+  }
+  const pairs = [];
+  let previousIndex = previousLength;
+  let nextIndex = nextLength;
+  while (previousIndex > 0 && nextIndex > 0) {
+    if (previousUnits[previousIndex - 1] === nextUnits[nextIndex - 1]) {
+      pairs.push([previousIndex - 1, nextIndex - 1]);
+      previousIndex -= 1;
+      nextIndex -= 1;
+      continue;
+    }
+    if (dp[previousIndex - 1][nextIndex] > dp[previousIndex][nextIndex - 1] || dp[previousIndex - 1][nextIndex] === dp[previousIndex][nextIndex - 1] && previousIndex >= nextIndex) {
+      previousIndex -= 1;
+    } else {
+      nextIndex -= 1;
+    }
+  }
+  pairs.reverse();
+  return pairs;
+};
+const reconcileTextGlyphKeys = (previousUnits, nextUnits, previousKeys, seed, namespace) => {
+  const previousLength = previousUnits.length;
+  const nextLength = nextUnits.length;
+  const nextGlyphKeys = new Array(nextUnits.length).fill("");
+  let nextSeed = seed;
+  let sharedPrefixLength = 0;
+  while (sharedPrefixLength < previousLength && sharedPrefixLength < nextLength && previousUnits[sharedPrefixLength] === nextUnits[sharedPrefixLength]) {
+    nextGlyphKeys[sharedPrefixLength] = previousKeys[sharedPrefixLength] ?? `${namespace}:c${nextSeed++}`;
+    sharedPrefixLength += 1;
+  }
+  let sharedSuffixLength = 0;
+  while (sharedSuffixLength < previousLength - sharedPrefixLength && sharedSuffixLength < nextLength - sharedPrefixLength && previousUnits[previousLength - 1 - sharedSuffixLength] === nextUnits[nextLength - 1 - sharedSuffixLength]) {
+    const previousIndex = previousLength - 1 - sharedSuffixLength;
+    const nextIndex = nextLength - 1 - sharedSuffixLength;
+    nextGlyphKeys[nextIndex] = previousKeys[previousIndex] ?? `${namespace}:c${nextSeed++}`;
+    sharedSuffixLength += 1;
+  }
+  const previousMiddleEnd = previousLength - sharedSuffixLength;
+  const nextMiddleEnd = nextLength - sharedSuffixLength;
+  const previousMiddleUnits = previousUnits.slice(sharedPrefixLength, previousMiddleEnd);
+  const nextMiddleUnits = nextUnits.slice(sharedPrefixLength, nextMiddleEnd);
+
+  // lcs keeps shared middle glyphs in place when the text changes
+  const matches = computeLcsPairs(previousMiddleUnits, nextMiddleUnits);
+  for (const [previousIndex, nextIndex] of matches) {
+    const absolutePreviousIndex = previousIndex + sharedPrefixLength;
+    const absoluteNextIndex = nextIndex + sharedPrefixLength;
+    nextGlyphKeys[absoluteNextIndex] = previousKeys[absolutePreviousIndex] ?? `${namespace}:c${nextSeed++}`;
+  }
+  for (let nextIndex = 0; nextIndex < nextGlyphKeys.length; nextIndex += 1) {
+    if (!nextGlyphKeys[nextIndex]) {
+      nextGlyphKeys[nextIndex] = `${namespace}:c${nextSeed++}`;
+    }
+  }
+  return {
+    glyphKeys: nextGlyphKeys,
+    nextSeed
+  };
+};
+exports.reconcileTextGlyphKeys = reconcileTextGlyphKeys;
+//# sourceMappingURL=text-keys.js.map

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

@@ -0,0 +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","exports"],"sourceRoot":"../../../src","sources":["model/text-keys.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createShiftTransition = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+const createShiftTransition = ({
+  delayMs = 0,
+  durationMs,
+  easing,
+  fromOpacity,
+  toOpacity,
+  fromTranslateY,
+  toTranslateY,
+  fromScale,
+  toScale
+}) => {
+  return () => {
+    "worklet";
+
+    // drive opacity and transforms from one timing path
+    const animate = toValue => delayMs > 0 ? (0, _reactNativeReanimated.withDelay)(delayMs, (0, _reactNativeReanimated.withTiming)(toValue, {
+      duration: durationMs,
+      easing
+    })) : (0, _reactNativeReanimated.withTiming)(toValue, {
+      duration: durationMs,
+      easing
+    });
+    const initialValues = {
+      opacity: fromOpacity,
+      transform: [{
+        translateY: fromTranslateY
+      }, {
+        scale: fromScale
+      }]
+    };
+    const animations = {
+      opacity: animate(toOpacity),
+      transform: [{
+        translateY: animate(toTranslateY)
+      }, {
+        scale: animate(toScale)
+      }]
+    };
+    return {
+      initialValues: {
+        ...initialValues
+      },
+      animations: {
+        ...animations
+      }
+    };
+  };
+};
+exports.createShiftTransition = createShiftTransition;
+//# sourceMappingURL=entry-exit-builders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","createShiftTransition","delayMs","durationMs","easing","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","animate","toValue","withDelay","withTiming","duration","initialValues","opacity","transform","translateY","scale","animations","exports"],"sourceRoot":"../../../src","sources":["motion/entry-exit-builders.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAmBO,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,GACP,IAAAW,gCAAS,EACPX,OAAO,EACP,IAAAY,iCAAU,EAACF,OAAO,EAAE;MAClBG,QAAQ,EAAEZ,UAAU;MACpBC;IACF,CAAC,CACH,CAAC,GACD,IAAAU,iCAAU,EAACF,OAAO,EAAE;MAClBG,QAAQ,EAAEZ,UAAU;MACpBC;IACF,CAAC,CAAC;IAER,MAAMY,aAAsC,GAAG;MAC7CC,OAAO,EAAEZ,WAAW;MACpBa,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEZ;MAAe,CAAC,EAC9B;QAAEa,KAAK,EAAEX;MAAU,CAAC;IAExB,CAAC;IAED,MAAMY,UAAmC,GAAG;MAC1CJ,OAAO,EAAEN,OAAO,CAACL,SAAS,CAAC;MAC3BY,SAAS,EAAE,CACT;QAAEC,UAAU,EAAER,OAAO,CAACH,YAAY;MAAE,CAAC,EACrC;QAAEY,KAAK,EAAET,OAAO,CAACD,OAAO;MAAE,CAAC;IAE/B,CAAC;IAED,OAAO;MACLM,aAAa,EAAE;QACb,GAAGA;MACL,CAAC;MACDK,UAAU,EAAE;QACV,GAAGA;MACL;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAACC,OAAA,CAAArB,qBAAA,GAAAA,qBAAA","ignoreList":[]}