react-native-laminar 1.0.0

package/lib/module/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useInlineAutoWidth } from "./hooks/use-inline-auto-width.js";
+import { useMorphMotion } from "./hooks/use-morph-motion.js";
+import { useMorphTextStyle } from "./hooks/use-morph-text-style.js";
+import { normalizeDisplayUnit, splitDisplayUnits } from "./model/display-units.js";
+import { MorphViewport } from "./view/morph-viewport.js";
+import { NumberRun } from "./view/number-run.js";
+import { TextRun } from "./view/text-run.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Laminar = /*#__PURE__*/React.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
+  } = useMorphMotion({
+    variant,
+    animationPreset,
+    animationDuration,
+    stagger
+  });
+  const {
+    textStyle
+  } = useMorphTextStyle({
+    fontSize,
+    color,
+    fontStyle,
+    style
+  });
+  const {
+    captureLayout,
+    animatedWidthStyle
+  } = useInlineAutoWidth({
+    enabled: autoSize,
+    driveToWidth: motionRecipe.driveNumber
+  });
+  const measuredValue = React.useMemo(() => {
+    if (!autoSize) {
+      return "";
+    }
+    return splitDisplayUnits(resolvedValue).map(normalizeDisplayUnit).join("");
+  }, [autoSize, resolvedValue]);
+  return /*#__PURE__*/_jsx(MorphViewport, {
+    autoSize: autoSize,
+    clipToBounds: clipToBounds,
+    containerStyle: containerStyle,
+    animatedWidthStyle: animatedWidthStyle,
+    measurement: /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      onLayout: captureLayout,
+      style: textStyle,
+      children: measuredValue
+    }),
+    children: variant === "number" ? /*#__PURE__*/_jsx(NumberRun, {
+      value: resolvedValue,
+      motionRecipe: motionRecipe,
+      fontSize: fontSize,
+      textStyle: textStyle,
+      staggerMs: staggerMs
+    }) : /*#__PURE__*/_jsx(TextRun, {
+      value: resolvedValue,
+      motionRecipe: motionRecipe,
+      textStyle: textStyle
+    })
+  });
+});
+export const MorphingText = Laminar;
+export default Laminar;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useInlineAutoWidth","useMorphMotion","useMorphTextStyle","normalizeDisplayUnit","splitDisplayUnits","MorphViewport","NumberRun","TextRun","jsx","_jsx","Laminar","memo","text","variant","fontSize","color","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","motionRecipe","staggerMs","textStyle","captureLayout","animatedWidthStyle","enabled","driveToWidth","driveNumber","measuredValue","useMemo","map","join","measurement","numberOfLines","onLayout","children","value","MorphingText"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,kCAA+B;AAClE,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iCAA8B;AAChE,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,0BAAuB;AAE9B,SAASC,aAAa,QAAQ,0BAAuB;AACrD,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,OAAO,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,MAAMC,OAAO,gBAAGZ,KAAK,CAACa,IAAI,CAAC,SAASD,OAAOA,CAAC;EAC/CE,IAAI;EACJC,OAAO,GAAG,MAAM;EAChBC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,cAAc;EACdC,SAAS;EACTC,iBAAiB;EACjBC,eAAe;EACfC,OAAO,GAAG,IAAI;EACdC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACY,CAAC,EAAE;EAC9B,MAAMC,aAAa,GAAGC,MAAM,CAACb,IAAI,IAAI,EAAE,CAAC;EACxC,MAAM;IAAEc,YAAY;IAAEC;EAAU,CAAC,GAAG1B,cAAc,CAAC;IACjDY,OAAO;IACPO,eAAe;IACfD,iBAAiB;IACjBE;EACF,CAAC,CAAC;EACF,MAAM;IAAEO;EAAU,CAAC,GAAG1B,iBAAiB,CAAC;IACtCY,QAAQ;IACRC,KAAK;IACLG,SAAS;IACTF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEa,aAAa;IAAEC;EAAmB,CAAC,GAAG9B,kBAAkB,CAAC;IAC/D+B,OAAO,EAAET,QAAQ;IACjBU,YAAY,EAAEN,YAAY,CAACO;EAC7B,CAAC,CAAC;EACF,MAAMC,aAAa,GAAGpC,KAAK,CAACqC,OAAO,CAAC,MAAM;IACxC,IAAI,CAACb,QAAQ,EAAE;MACb,OAAO,EAAE;IACX;IAEA,OAAOlB,iBAAiB,CAACoB,aAAa,CAAC,CAACY,GAAG,CAACjC,oBAAoB,CAAC,CAACkC,IAAI,CAAC,EAAE,CAAC;EAC5E,CAAC,EAAE,CAACf,QAAQ,EAAEE,aAAa,CAAC,CAAC;EAE7B,oBACEf,IAAA,CAACJ,aAAa;IACZiB,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BN,cAAc,EAAEA,cAAe;IAC/Ba,kBAAkB,EAAEA,kBAAmB;IACvCQ,WAAW,eACT7B,IAAA,CAACV,IAAI;MACHwC,aAAa,EAAE,CAAE;MACjBC,QAAQ,EAAEX,aAAc;MACxBb,KAAK,EAAEY,SAAU;MAAAa,QAAA,EAEhBP;IAAa,CACV,CACP;IAAAO,QAAA,EAEA5B,OAAO,KAAK,QAAQ,gBACnBJ,IAAA,CAACH,SAAS;MACRoC,KAAK,EAAElB,aAAc;MACrBE,YAAY,EAAEA,YAAa;MAC3BZ,QAAQ,EAAEA,QAAS;MACnBc,SAAS,EAAEA,SAAU;MACrBD,SAAS,EAAEA;IAAU,CACtB,CAAC,gBAEFlB,IAAA,CAACF,OAAO;MACNmC,KAAK,EAAElB,aAAc;MACrBE,YAAY,EAAEA,YAAa;MAC3BE,SAAS,EAAEA;IAAU,CACtB;EACJ,CACY,CAAC;AAElB,CAAC,CAAC;AAEJ,OAAO,MAAMe,YAAY,GAAGjC,OAAO;AAEnC,eAAeA,OAAO","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+const NBSP = "\u00A0";
+const graphemeSegmenter = typeof Intl !== "undefined" && typeof Intl.Segmenter === "function" ? new Intl.Segmenter(undefined, {
+  granularity: "grapheme"
+}) : null;
+export 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
+export const normalizeDisplayUnit = unit => unit === " " ? NBSP : unit;
+export const isAsciiDigit = unit => unit >= "0" && unit <= "9";
+export const findNumericLeadLength = units => {
+  const firstDigitIndex = units.findIndex(isAsciiDigit);
+  return firstDigitIndex === -1 ? units.length : firstDigitIndex;
+};
+//# sourceMappingURL=display-units.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NBSP","graphemeSegmenter","Intl","Segmenter","undefined","granularity","splitDisplayUnits","input","Array","from","segment","part","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;AAEV,OAAO,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;AACA,OAAO,MAAMK,oBAAoB,GAAIC,IAAY,IAC/CA,IAAI,KAAK,GAAG,GAAGb,IAAI,GAAGa,IAAI;AAE5B,OAAO,MAAMC,YAAY,GAAID,IAAY,IAAKA,IAAI,IAAI,GAAG,IAAIA,IAAI,IAAI,GAAG;AAExE,OAAO,MAAME,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","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { findNumericLeadLength, splitDisplayUnits } from "./display-units.js";
+const readNumericMagnitude = input => parseFloat(input.replace(/[^0-9.-]/g, "")) || 0;
+const deriveFlowDirection = (previousValue, nextValue) => Math.sign(readNumericMagnitude(nextValue) - readNumericMagnitude(previousValue));
+export const reconcileNumericLanes = (previousValue, nextValue, previousKeys, seed) => {
+  const previousUnits = splitDisplayUnits(previousValue);
+  const nextUnits = splitDisplayUnits(nextValue);
+  const nextLaneKeys = new Array(nextUnits.length);
+  let nextSeed = seed;
+  const nextLeadLength = findNumericLeadLength(nextUnits);
+  const previousLeadLength = 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)
+  };
+};
+//# sourceMappingURL=numeric-lanes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["findNumericLeadLength","splitDisplayUnits","readNumericMagnitude","input","parseFloat","replace","deriveFlowDirection","previousValue","nextValue","Math","sign","reconcileNumericLanes","previousKeys","seed","previousUnits","nextUnits","nextLaneKeys","Array","length","nextSeed","nextLeadLength","previousLeadLength","sharedLeadLength","min","index","previousTailUnits","slice","nextTailUnits","previousTailKeys","laneCount","max","leftPaddedPreviousUnits","fill","leftPaddedNextUnits","leftPaddedPreviousKeys","nextTailOffset","paddedIndex","nextUnit","previousUnit","previousKey","laneKeys","direction"],"sourceRoot":"../../../src","sources":["model/numeric-lanes.ts"],"mappings":";;AACA,SACEA,qBAAqB,EACrBC,iBAAiB,QACZ,oBAAiB;AAExB,MAAMC,oBAAoB,GAAIC,KAAa,IACzCC,UAAU,CAACD,KAAK,CAACE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;AAEjD,MAAMC,mBAAmB,GAAGA,CAC1BC,aAAqB,EACrBC,SAAiB,KAEjBC,IAAI,CAACC,IAAI,CAACR,oBAAoB,CAACM,SAAS,CAAC,GAAGN,oBAAoB,CAACK,aAAa,CAAC,CAAyB;AAQ1G,OAAO,MAAMI,qBAAqB,GAAGA,CACnCJ,aAAqB,EACrBC,SAAiB,EACjBI,YAA+B,EAC/BC,IAAY,KACY;EACxB,MAAMC,aAAa,GAAGb,iBAAiB,CAACM,aAAa,CAAC;EACtD,MAAMQ,SAAS,GAAGd,iBAAiB,CAACO,SAAS,CAAC;EAC9C,MAAMQ,YAAY,GAAG,IAAIC,KAAK,CAACF,SAAS,CAACG,MAAM,CAAC;EAChD,IAAIC,QAAQ,GAAGN,IAAI;EAEnB,MAAMO,cAAc,GAAGpB,qBAAqB,CAACe,SAAS,CAAC;EACvD,MAAMM,kBAAkB,GAAGrB,qBAAqB,CAACc,aAAa,CAAC;EAC/D,MAAMQ,gBAAgB,GAAGb,IAAI,CAACc,GAAG,CAACH,cAAc,EAAEC,kBAAkB,CAAC;EAErE,KAAK,IAAIG,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGJ,cAAc,EAAEI,KAAK,IAAI,CAAC,EAAE;IACtDR,YAAY,CAACQ,KAAK,CAAC,GACjBA,KAAK,GAAGF,gBAAgB,IAAIP,SAAS,CAACS,KAAK,CAAC,KAAKV,aAAa,CAACU,KAAK,CAAC,GACjEZ,YAAY,CAACY,KAAK,CAAC,GACnBL,QAAQ,EAAE;EAClB;EAEA,MAAMM,iBAAiB,GAAGX,aAAa,CAACY,KAAK,CAACL,kBAAkB,CAAC;EACjE,MAAMM,aAAa,GAAGZ,SAAS,CAACW,KAAK,CAACN,cAAc,CAAC;EACrD,MAAMQ,gBAAgB,GAAGhB,YAAY,CAACc,KAAK,CAACL,kBAAkB,CAAC;EAC/D,MAAMQ,SAAS,GAAGpB,IAAI,CAACqB,GAAG,CAACL,iBAAiB,CAACP,MAAM,EAAES,aAAa,CAACT,MAAM,CAAC;EAE1E,MAAMa,uBAAuB,GAAG,CAC9B,GAAGd,KAAK,CAASR,IAAI,CAACqB,GAAG,CAAC,CAAC,EAAED,SAAS,GAAGJ,iBAAiB,CAACP,MAAM,CAAC,CAAC,CAACc,IAAI,CAAC,EAAE,CAAC,EAC5E,GAAGP,iBAAiB,CACrB;EACD,MAAMQ,mBAAmB,GAAG,CAC1B,GAAGhB,KAAK,CAASR,IAAI,CAACqB,GAAG,CAAC,CAAC,EAAED,SAAS,GAAGF,aAAa,CAACT,MAAM,CAAC,CAAC,CAACc,IAAI,CAAC,EAAE,CAAC,EACxE,GAAGL,aAAa,CACjB;EACD,MAAMO,sBAAsB,GAAG,CAC7B,GAAGjB,KAAK,CAASR,IAAI,CAACqB,GAAG,CAAC,CAAC,EAAED,SAAS,GAAGD,gBAAgB,CAACV,MAAM,CAAC,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC,CAAC,EAC3E,GAAGJ,gBAAgB,CACpB;;EAED;EACA,MAAMO,cAAc,GAAGN,SAAS,GAAGF,aAAa,CAACT,MAAM;EAEvD,KAAK,IAAIM,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGG,aAAa,CAACT,MAAM,EAAEM,KAAK,IAAI,CAAC,EAAE;IAC5D,MAAMY,WAAW,GAAGD,cAAc,GAAGX,KAAK;IAC1C,MAAMa,QAAQ,GAAGJ,mBAAmB,CAACG,WAAW,CAAC;IACjD,MAAME,YAAY,GAAGP,uBAAuB,CAACK,WAAW,CAAC;IACzD,MAAMG,WAAW,GAAGL,sBAAsB,CAACE,WAAW,CAAC;IAEvDpB,YAAY,CAACI,cAAc,GAAGI,KAAK,CAAC,GAClCa,QAAQ,KAAKC,YAAY,IAAIC,WAAW,IAAI,CAAC,GAAGA,WAAW,GAAGpB,QAAQ,EAAE;EAC5E;EAEA,OAAO;IACLqB,QAAQ,EAAExB,YAAY;IACtBG,QAAQ;IACRsB,SAAS,EAAEnC,mBAAmB,CAACC,aAAa,EAAEC,SAAS;EACzD,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+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;
+};
+export 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
+  };
+};
+//# sourceMappingURL=text-keys.js.map

package/lib/module/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"],"sourceRoot":"../../../src","sources":["model/text-keys.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+import { withDelay, withTiming } from "react-native-reanimated";
+export 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 ? withDelay(delayMs, withTiming(toValue, {
+      duration: durationMs,
+      easing
+    })) : 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
+      }
+    };
+  };
+};
+//# sourceMappingURL=entry-exit-builders.js.map

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

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

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

@@ -0,0 +1,86 @@
+"use strict";
+
+import { Easing, LinearTransition, withDelay, withSpring, withTiming } from "react-native-reanimated";
+const DEFAULT_CURVE = [0.19, 1, 0.22, 1];
+export const MOTION_PRESETS = {
+  default: {
+    duration: 0.38,
+    ease: DEFAULT_CURVE
+  },
+  smooth: {
+    type: "spring",
+    duration: 0.4,
+    bounce: 0
+  },
+  snappy: {
+    type: "spring",
+    duration: 0.35,
+    bounce: 0.15
+  },
+  bouncy: {
+    type: "spring",
+    duration: 0.5,
+    bounce: 0.3
+  }
+};
+const toMilliseconds = seconds => Math.round(seconds * 1000);
+const toDampingRatio = bounce => Math.max(0.55, Math.min(1, 1 - bounce));
+const createOpacityTransition = (fromOpacity, toOpacity, durationMs, easing) => {
+  return () => {
+    "worklet";
+
+    return {
+      initialValues: {
+        opacity: fromOpacity
+      },
+      animations: {
+        opacity: withTiming(toOpacity, {
+          duration: durationMs,
+          easing
+        })
+      }
+    };
+  };
+};
+export const resolveMotionRecipe = (presetName = "default", durationOverride) => {
+  const preset = MOTION_PRESETS[presetName];
+  const durationMs = durationOverride ?? toMilliseconds(preset.duration);
+  if ("type" in preset && preset.type === "spring") {
+    const dampingRatio = toDampingRatio(preset.bounce);
+    const easing = Easing.bezier(...DEFAULT_CURVE);
+    return {
+      durationMs,
+      easing,
+      // keep layout on timing so width and reflow stay predictable
+      layoutTransition: LinearTransition.duration(durationMs).easing(easing.factory()),
+      enterTransition: createOpacityTransition(0, 1, durationMs, easing),
+      exitTransition: createOpacityTransition(1, 0, durationMs, easing),
+      driveNumber: (toValue, delayMs = 0) => {
+        const animation = withSpring(toValue, {
+          duration: durationMs,
+          dampingRatio,
+          overshootClamping: preset.bounce === 0
+        });
+        return delayMs > 0 ? withDelay(delayMs, animation) : animation;
+      }
+    };
+  }
+  const timingPreset = preset;
+  const [x1, y1, x2, y2] = timingPreset.ease;
+  const easing = Easing.bezier(x1, y1, x2, y2);
+  return {
+    durationMs,
+    easing,
+    layoutTransition: LinearTransition.duration(durationMs).easing(easing.factory()),
+    enterTransition: createOpacityTransition(0, 1, durationMs, easing),
+    exitTransition: createOpacityTransition(1, 0, durationMs, easing),
+    driveNumber: (toValue, delayMs = 0) => {
+      const animation = withTiming(toValue, {
+        duration: durationMs,
+        easing
+      });
+      return delayMs > 0 ? withDelay(delayMs, animation) : animation;
+    }
+  };
+};
+//# sourceMappingURL=preset-map.js.map

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

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

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import Animated from "react-native-reanimated";
+import { jsx as _jsx } from "react/jsx-runtime";
+const rowStyle = {
+  flexDirection: "row",
+  alignItems: "center",
+  alignSelf: "flex-start"
+};
+export const GlyphRun = /*#__PURE__*/React.memo(({
+  glyphs,
+  layoutTransition,
+  enterTransition,
+  exitTransition,
+  textStyle
+}) => /*#__PURE__*/_jsx(View, {
+  style: rowStyle,
+  children: glyphs.map(glyph => /*#__PURE__*/_jsx(Animated.Text, {
+    layout: layoutTransition,
+    entering: enterTransition,
+    exiting: exitTransition,
+    style: textStyle,
+    children: glyph.value
+  }, glyph.id))
+}));
+GlyphRun.displayName = "GlyphRun";
+//# sourceMappingURL=glyph-run.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Animated","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","GlyphRun","memo","glyphs","layoutTransition","enterTransition","exitTransition","textStyle","style","children","map","glyph","Text","layout","entering","exiting","value","id","displayName"],"sourceRoot":"../../../src","sources":["view/glyph-run.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyCC,IAAI,QAAQ,cAAc;AACnE,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO/C,MAAMC,QAAQ,GAAG;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,OAAO,MAAMC,QAAQ,gBAAGT,KAAK,CAACU,IAAI,CAChC,CAAC;EACCC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC,cAAc;EACdC;AAOD,CAAC,kBACEX,IAAA,CAACH,IAAI;EAACe,KAAK,EAAEX,QAAS;EAAAY,QAAA,EAEnBN,MAAM,CAACO,GAAG,CAAEC,KAAK,iBAChBf,IAAA,CAACF,QAAQ,CAACkB,IAAI;IAEZC,MAAM,EAAET,gBAAiB;IACzBU,QAAQ,EAAET,eAAgB;IAC1BU,OAAO,EAAET,cAAe;IACxBE,KAAK,EAAED,SAAU;IAAAE,QAAA,EAEhBE,KAAK,CAACK;EAAK,GANPL,KAAK,CAACM,EAOE,CAChB;AAAC,CACE,CAEZ,CAAC;AAEDhB,QAAQ,CAACiB,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { useMemo } from "react";
+import { View } from "react-native";
+import Animated from "react-native-reanimated";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const shellStyle = {
+  position: "relative",
+  alignSelf: "flex-start"
+};
+const viewportStyle = {
+  alignSelf: "flex-start"
+};
+const measuredContentStyle = {
+  position: "absolute",
+  left: 0,
+  top: 0,
+  opacity: 0,
+  alignSelf: "flex-start",
+  flexShrink: 0
+};
+const clippedViewportStyle = {
+  overflow: "hidden"
+};
+const unclippedViewportStyle = {
+  overflow: "visible"
+};
+export const MorphViewport = /*#__PURE__*/React.memo(({
+  autoSize,
+  clipToBounds,
+  containerStyle,
+  animatedWidthStyle,
+  measurement,
+  children
+}) => {
+  const resolvedViewportStyle = useMemo(() => [viewportStyle, clipToBounds ? clippedViewportStyle : unclippedViewportStyle], [clipToBounds]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [shellStyle, containerStyle],
+    children: autoSize ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        accessibilityElementsHidden: true,
+        collapsable: false,
+        importantForAccessibility: "no-hide-descendants",
+        pointerEvents: "none",
+        style: measuredContentStyle,
+        children: measurement
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [resolvedViewportStyle, animatedWidthStyle],
+        children: children
+      })]
+    }) : /*#__PURE__*/_jsx(View, {
+      style: resolvedViewportStyle,
+      children: children
+    })
+  });
+});
+MorphViewport.displayName = "MorphViewport";
+//# sourceMappingURL=morph-viewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Animated","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","shellStyle","position","alignSelf","viewportStyle","measuredContentStyle","left","top","opacity","flexShrink","clippedViewportStyle","overflow","unclippedViewportStyle","MorphViewport","memo","autoSize","clipToBounds","containerStyle","animatedWidthStyle","measurement","children","resolvedViewportStyle","style","accessibilityElementsHidden","collapsable","importantForAccessibility","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["view/morph-viewport.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,MAAMC,UAAU,GAAG;EACjBC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,aAAa,GAAG;EACpBD,SAAS,EAAE;AACb,CAAU;AAEV,MAAME,oBAA+B,GAAG;EACtCH,QAAQ,EAAE,UAAU;EACpBI,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACNC,OAAO,EAAE,CAAC;EACVL,SAAS,EAAE,YAAY;EACvBM,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,oBAA+B,GAAG;EACtCC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,sBAAiC,GAAG;EACxCD,QAAQ,EAAE;AACZ,CAAC;AAWD,OAAO,MAAME,aAAa,gBAAGtB,KAAK,CAACuB,IAAI,CACrC,CAAC;EACCC,QAAQ;EACRC,YAAY;EACZC,cAAc;EACdC,kBAAkB;EAClBC,WAAW;EACXC;AACkB,CAAC,KAAK;EACxB,MAAMC,qBAAqB,GAAG7B,OAAO,CACnC,MAAM,CACJY,aAAa,EACbY,YAAY,GAAGN,oBAAoB,GAAGE,sBAAsB,CAC7D,EACD,CAACI,YAAY,CACf,CAAC;EAED,oBACEpB,IAAA,CAACH,IAAI;IAAC6B,KAAK,EAAE,CAACrB,UAAU,EAAEgB,cAAc,CAAE;IAAAG,QAAA,EACvCL,QAAQ,gBACPf,KAAA,CAAAF,SAAA;MAAAsB,QAAA,gBACExB,IAAA,CAACH,IAAI;QACH8B,2BAA2B;QAC3BC,WAAW,EAAE,KAAM;QACnBC,yBAAyB,EAAC,qBAAqB;QAC/CC,aAAa,EAAC,MAAM;QACpBJ,KAAK,EAAEjB,oBAAqB;QAAAe,QAAA,EAE3BD;MAAW,CACR,CAAC,eACPvB,IAAA,CAACF,QAAQ,CAACD,IAAI;QAAC6B,KAAK,EAAE,CAACD,qBAAqB,EAAEH,kBAAkB,CAAE;QAAAE,QAAA,EAC/DA;MAAQ,CACI,CAAC;IAAA,CAChB,CAAC,gBAEHxB,IAAA,CAACH,IAAI;MAAC6B,KAAK,EAAED,qBAAsB;MAAAD,QAAA,EAAEA;IAAQ,CAAO;EACrD,CACG,CAAC;AAEX,CACF,CAAC;AAEDP,aAAa,CAACc,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+import React, { useMemo } from "react";
+import { Text } from "react-native";
+import Animated from "react-native-reanimated";
+import { isAsciiDigit } from "../model/display-units.js";
+import { createShiftTransition } from "../motion/entry-exit-builders.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const laneStyle = {
+  position: "relative",
+  alignSelf: "flex-start"
+};
+const laneProbeStyle = {
+  opacity: 0
+};
+const laneTokenStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0
+};
+export const NumberLane = /*#__PURE__*/React.memo(({
+  unit,
+  tokenKey,
+  isLead,
+  hasAnimated,
+  delayMs,
+  direction,
+  travelDistance,
+  motionRecipe,
+  textStyle
+}) => {
+  const usesDigitTravel = isAsciiDigit(unit);
+  const verticalOffset = direction > 0 ? travelDistance : direction < 0 ? -travelDistance : 0;
+  const enterTransition = useMemo(() => createShiftTransition({
+    delayMs,
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing,
+    fromOpacity: 0,
+    toOpacity: 1,
+    fromTranslateY: usesDigitTravel ? verticalOffset : 0,
+    toTranslateY: 0,
+    fromScale: 0.6,
+    toScale: 1
+  }), [delayMs, motionRecipe.durationMs, motionRecipe.easing, usesDigitTravel, verticalOffset]);
+  const exitTransition = useMemo(() => createShiftTransition({
+    delayMs,
+    durationMs: motionRecipe.durationMs,
+    easing: motionRecipe.easing,
+    fromOpacity: 1,
+    toOpacity: 0,
+    fromTranslateY: 0,
+    toTranslateY: usesDigitTravel ? -verticalOffset : 0,
+    fromScale: 1,
+    toScale: 0.6
+  }), [delayMs, motionRecipe.durationMs, motionRecipe.easing, usesDigitTravel, verticalOffset]);
+  if (isLead) {
+    return /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: unit
+    });
+  }
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    layout: motionRecipe.layoutTransition,
+    entering: hasAnimated ? motionRecipe.enterTransition : undefined,
+    exiting: motionRecipe.exitTransition,
+    style: laneStyle,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [textStyle, laneProbeStyle],
+      children: unit
+    }), /*#__PURE__*/_jsx(Animated.Text, {
+      entering: hasAnimated ? enterTransition : undefined,
+      exiting: exitTransition,
+      style: [textStyle, laneTokenStyle],
+      children: unit
+    }, `token:${tokenKey}`)]
+  });
+});
+NumberLane.displayName = "NumberLane";
+//# sourceMappingURL=number-lane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Text","Animated","isAsciiDigit","createShiftTransition","jsx","_jsx","jsxs","_jsxs","laneStyle","position","alignSelf","laneProbeStyle","opacity","laneTokenStyle","top","left","NumberLane","memo","unit","tokenKey","isLead","hasAnimated","delayMs","direction","travelDistance","motionRecipe","textStyle","usesDigitTravel","verticalOffset","enterTransition","durationMs","easing","fromOpacity","toOpacity","fromTranslateY","toTranslateY","fromScale","toScale","exitTransition","style","children","View","layout","layoutTransition","entering","undefined","exiting","displayName"],"sourceRoot":"../../../src","sources":["view/number-lane.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,YAAY,QAAQ,2BAAwB;AACrD,SAASC,qBAAqB,QAAQ,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtE,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBC,OAAO,EAAE;AACX,CAAU;AAEV,MAAMC,cAAc,GAAG;EACrBJ,QAAQ,EAAE,UAAU;EACpBK,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE;AACR,CAAU;AAcV,OAAO,MAAMC,UAAU,gBAAGlB,KAAK,CAACmB,IAAI,CAClC,CAAC;EACCC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC;AACe,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGzB,YAAY,CAACgB,IAAI,CAAC;EAC1C,MAAMU,cAAc,GAClBL,SAAS,GAAG,CAAC,GACTC,cAAc,GACdD,SAAS,GAAG,CAAC,GACX,CAACC,cAAc,GACf,CAAC;EAET,MAAMK,eAAe,GAAG9B,OAAO,CAC7B,MACEI,qBAAqB,CAAC;IACpBmB,OAAO;IACPQ,UAAU,EAAEL,YAAY,CAACK,UAAU;IACnCC,MAAM,EAAEN,YAAY,CAACM,MAAM;IAC3BC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,CAAC;IACZC,cAAc,EAAEP,eAAe,GAAGC,cAAc,GAAG,CAAC;IACpDO,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE;EACX,CAAC,CAAC,EACJ,CACEf,OAAO,EACPG,YAAY,CAACK,UAAU,EACvBL,YAAY,CAACM,MAAM,EACnBJ,eAAe,EACfC,cAAc,CAElB,CAAC;EAED,MAAMU,cAAc,GAAGvC,OAAO,CAC5B,MACEI,qBAAqB,CAAC;IACpBmB,OAAO;IACPQ,UAAU,EAAEL,YAAY,CAACK,UAAU;IACnCC,MAAM,EAAEN,YAAY,CAACM,MAAM;IAC3BC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,CAAC;IACZC,cAAc,EAAE,CAAC;IACjBC,YAAY,EAAER,eAAe,GAAG,CAACC,cAAc,GAAG,CAAC;IACnDQ,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX,CAAC,CAAC,EACJ,CACEf,OAAO,EACPG,YAAY,CAACK,UAAU,EACvBL,YAAY,CAACM,MAAM,EACnBJ,eAAe,EACfC,cAAc,CAElB,CAAC;EAED,IAAIR,MAAM,EAAE;IACV,oBAAOf,IAAA,CAACL,IAAI;MAACuC,KAAK,EAAEb,SAAU;MAAAc,QAAA,EAAEtB;IAAI,CAAO,CAAC;EAC9C;EAEA,oBACEX,KAAA,CAACN,QAAQ,CAACwC,IAAI;IACZC,MAAM,EAAEjB,YAAY,CAACkB,gBAAiB;IACtCC,QAAQ,EAAEvB,WAAW,GAAGI,YAAY,CAACI,eAAe,GAAGgB,SAAU;IACjEC,OAAO,EAAErB,YAAY,CAACa,cAAe;IACrCC,KAAK,EAAE/B,SAAU;IAAAgC,QAAA,gBAGjBnC,IAAA,CAACL,IAAI;MAACuC,KAAK,EAAE,CAACb,SAAS,EAAEf,cAAc,CAAE;MAAA6B,QAAA,EACtCtB;IAAI,CACD,CAAC,eAEPb,IAAA,CAACJ,QAAQ,CAACD,IAAI;MAEZ4C,QAAQ,EAAEvB,WAAW,GAAGQ,eAAe,GAAGgB,SAAU;MACpDC,OAAO,EAAER,cAAe;MACxBC,KAAK,EAAE,CAACb,SAAS,EAAEb,cAAc,CAAE;MAAA2B,QAAA,EAElCtB;IAAI,GALA,SAASC,QAAQ,EAMT,CAAC;EAAA,CACH,CAAC;AAEpB,CACF,CAAC;AAEDH,UAAU,CAAC+B,WAAW,GAAG,YAAY","ignoreList":[]}