number-flow-react-native 0.1.0

package/lib/module/skia/SkiaTimeFlow.js

@@ -0,0 +1,226 @@
+"use strict";
+
+import { Group, LinearGradient, Paint, Rect as SkiaRect, vec } from "@shopify/react-native-skia";
+import { useMemo } from "react";
+import { MASK_WIDTH_RATIO } from "../core/constants.js";
+import { computeKeyedLayout } from "../core/layout.js";
+import { computeTimeStringLayout } from "../core/timeLayout.js";
+import { useAccessibilityAnnouncement } from "../core/useAccessibilityAnnouncement.js";
+import { useFlowPipeline } from "../core/useFlowPipeline.js";
+import { useTimeFormatting } from "../core/useTimeFormatting.js";
+import { useWorkletFormatting } from "../core/useWorkletFormatting.js";
+import { TIME_DIGIT_COUNTS } from "../core/utils.js";
+import { warnOnce } from "../core/warnings.js";
+import { renderSlots } from "./renderSlots.js";
+import { useGlyphMetrics } from "./useGlyphMetrics.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SkiaTimeFlow = ({
+  hours,
+  minutes,
+  seconds,
+  timestamp,
+  timezoneOffset,
+  sharedValue,
+  is24Hour = true,
+  padHours = true,
+  font,
+  color = "#000000",
+  x = 0,
+  y = 0,
+  width = 0,
+  textAlign = "left",
+  opacity,
+  spinTiming,
+  opacityTiming,
+  transformTiming,
+  trend,
+  animated,
+  respectMotionPreference,
+  continuous,
+  mask,
+  onAnimationsStart,
+  onAnimationsFinish
+}) => {
+  const metrics = useGlyphMetrics(font);
+  if (__DEV__) {
+    if (!font) {
+      warnOnce("skia-tf-font", "font is null — pass a loaded SkFont from useFont(). Component renders empty until font loads.");
+    }
+  }
+  const resolved = useMemo(() => {
+    if (timestamp !== undefined) {
+      const d = new Date(timestamp + (timezoneOffset ?? 0));
+      return {
+        hours: d.getUTCHours(),
+        minutes: d.getUTCMinutes(),
+        seconds: d.getUTCSeconds()
+      };
+    }
+    return {
+      hours,
+      minutes,
+      seconds
+    };
+  }, [timestamp, timezoneOffset, hours, minutes, seconds]);
+  const resolvedHours = resolved.hours;
+  const resolvedMinutes = resolved.minutes;
+  const resolvedSeconds = resolved.seconds;
+  const hasHours = resolvedHours !== undefined;
+  const hasSeconds = resolvedSeconds !== undefined;
+  if (__DEV__) {
+    if (resolvedHours !== undefined && (resolvedHours < 0 || resolvedHours > 23)) {
+      warnOnce("skia-tf-hours", "hours must be 0-23.");
+    }
+    if (resolvedMinutes !== undefined && (resolvedMinutes < 0 || resolvedMinutes > 59)) {
+      warnOnce("skia-tf-minutes", "minutes must be 0-59.");
+    }
+    if (resolvedSeconds !== undefined && (resolvedSeconds < 0 || resolvedSeconds > 59)) {
+      warnOnce("skia-tf-seconds", "seconds must be 0-59.");
+    }
+  }
+  const totalSeconds = (resolvedHours ?? 0) * 3600 + (resolvedMinutes ?? 0) * 60 + (resolvedSeconds ?? 0);
+  const keyedParts = useTimeFormatting(resolvedHours,
+  // Fallback for sharedValue mode where minutes is undefined (unused — layout comes from string path)
+  resolvedMinutes ?? 0, resolvedSeconds, is24Hour, padHours);
+  const workletDigitValues = useWorkletFormatting(sharedValue, "", "");
+  const layout = useMemo(() => {
+    if (!metrics) return [];
+    if (sharedValue && resolvedHours === undefined && resolvedMinutes === undefined) {
+      return computeTimeStringLayout(sharedValue.value, metrics, width, textAlign, hasHours, hasSeconds);
+    }
+    if (keyedParts.length === 0) return [];
+    return computeKeyedLayout(keyedParts, metrics, width, textAlign);
+  }, [metrics, keyedParts, width, textAlign, sharedValue, resolvedHours, resolvedMinutes, hasHours, hasSeconds]);
+  const pipeline = useFlowPipeline({
+    keyedParts,
+    trendValue: totalSeconds,
+    layout,
+    metrics,
+    animated,
+    respectMotionPreference,
+    spinTiming,
+    opacityTiming,
+    transformTiming,
+    trend,
+    continuous,
+    mask,
+    onAnimationsStart,
+    onAnimationsFinish
+  });
+  const {
+    resolvedSpinTiming,
+    resolvedOpacityTiming,
+    resolvedTransformTiming,
+    resolvedTrend,
+    spinGenerations,
+    prevMap,
+    isInitialRender,
+    exitingEntries,
+    onExitComplete,
+    accessibilityLabel,
+    adaptiveMask
+  } = pipeline;
+  useAccessibilityAnnouncement(accessibilityLabel);
+  if (!font || !metrics) {
+    return /*#__PURE__*/_jsx(Group, {});
+  }
+  if (layout.length === 0 && exitingEntries.size === 0) {
+    return /*#__PURE__*/_jsx(Group, {});
+  }
+  const baseY = y;
+  const resolvedMask = mask ?? true;
+  const maskTopHeight = resolvedMask ? adaptiveMask.top : 0;
+  const maskBottomHeight = resolvedMask ? adaptiveMask.bottom : 0;
+  const maskWidth = resolvedMask ? MASK_WIDTH_RATIO * metrics.lineHeight : 0;
+
+  // Content bounds from layout (in local coordinate space before translateX)
+  const contentLeft = layout.reduce((min, entry) => Math.min(min, entry.x), Infinity);
+  const contentRight = layout.reduce((max, entry) => Math.max(max, entry.x + entry.width), 0);
+  const contentWidth = layout.length > 0 ? contentRight - contentLeft : 0;
+  const content = /*#__PURE__*/_jsx(Group, {
+    transform: [{
+      translateX: x
+    }],
+    children: renderSlots({
+      layout,
+      exitingEntries,
+      prevMap,
+      isInitialRender,
+      onExitComplete,
+      metrics,
+      font,
+      color,
+      baseY,
+      resolvedTrend,
+      spinTiming: resolvedSpinTiming,
+      opacityTiming: resolvedOpacityTiming,
+      transformTiming: resolvedTransformTiming,
+      spinGenerations,
+      digitCountResolver: key => TIME_DIGIT_COUNTS[key],
+      maskTop: maskTopHeight,
+      maskBottom: maskBottomHeight,
+      workletDigitValues
+    })
+  });
+
+  /**
+   * Container-level 2D gradient mask matching web NumberFlow's vignette.
+   * Horizontal: fade extends outside text edges (for enter/exit animations).
+   * Vertical: fade is within the text line height (digits roll through it).
+   * Two DstIn layers compose: final_alpha = content * h_alpha * v_alpha.
+   */
+  const maskLeft = x + contentLeft - maskWidth;
+  const maskRight = x + contentRight + maskWidth;
+  const maskY = baseY + metrics.ascent;
+  const maskTotalWidth = contentWidth + 2 * maskWidth;
+  const maskTotalHeight = metrics.lineHeight;
+  const hRatio = maskTotalWidth > 0 ? maskWidth / maskTotalWidth : 0;
+  const vRatioTop = maskTotalHeight > 0 ? maskTopHeight / maskTotalHeight : 0;
+  const vRatioBottom = maskTotalHeight > 0 ? maskBottomHeight / maskTotalHeight : 0;
+  const maskedContent = resolvedMask ? /*#__PURE__*/_jsxs(Group, {
+    layer: /*#__PURE__*/_jsx(Paint, {}),
+    children: [content, /*#__PURE__*/_jsx(Group, {
+      layer: /*#__PURE__*/_jsx(Paint, {
+        blendMode: "dstIn"
+      }),
+      children: /*#__PURE__*/_jsx(SkiaRect, {
+        height: maskTotalHeight,
+        width: maskTotalWidth,
+        x: maskLeft,
+        y: maskY,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          colors: ["transparent", "black", "black", "transparent"],
+          end: vec(maskRight, 0),
+          positions: [0, hRatio, 1 - hRatio, 1],
+          start: vec(maskLeft, 0)
+        })
+      })
+    }), /*#__PURE__*/_jsx(Group, {
+      layer: /*#__PURE__*/_jsx(Paint, {
+        blendMode: "dstIn"
+      }),
+      children: /*#__PURE__*/_jsx(SkiaRect, {
+        height: maskTotalHeight,
+        width: maskTotalWidth,
+        x: maskLeft,
+        y: maskY,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          colors: ["transparent", "black", "black", "transparent"],
+          end: vec(0, maskY + maskTotalHeight),
+          positions: [0, vRatioTop, 1 - vRatioBottom, 1],
+          start: vec(0, maskY)
+        })
+      })
+    })]
+  }) : content;
+  if (opacity) {
+    return /*#__PURE__*/_jsx(Group, {
+      layer: /*#__PURE__*/_jsx(Paint, {
+        opacity: opacity
+      }),
+      children: maskedContent
+    });
+  }
+  return maskedContent;
+};
+//# sourceMappingURL=SkiaTimeFlow.js.map

package/lib/module/skia/SkiaTimeFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Group","LinearGradient","Paint","Rect","SkiaRect","vec","useMemo","MASK_WIDTH_RATIO","computeKeyedLayout","computeTimeStringLayout","useAccessibilityAnnouncement","useFlowPipeline","useTimeFormatting","useWorkletFormatting","TIME_DIGIT_COUNTS","warnOnce","renderSlots","useGlyphMetrics","jsx","_jsx","jsxs","_jsxs","SkiaTimeFlow","hours","minutes","seconds","timestamp","timezoneOffset","sharedValue","is24Hour","padHours","font","color","x","y","width","textAlign","opacity","spinTiming","opacityTiming","transformTiming","trend","animated","respectMotionPreference","continuous","mask","onAnimationsStart","onAnimationsFinish","metrics","__DEV__","resolved","undefined","d","Date","getUTCHours","getUTCMinutes","getUTCSeconds","resolvedHours","resolvedMinutes","resolvedSeconds","hasHours","hasSeconds","totalSeconds","keyedParts","workletDigitValues","layout","value","length","pipeline","trendValue","resolvedSpinTiming","resolvedOpacityTiming","resolvedTransformTiming","resolvedTrend","spinGenerations","prevMap","isInitialRender","exitingEntries","onExitComplete","accessibilityLabel","adaptiveMask","size","baseY","resolvedMask","maskTopHeight","top","maskBottomHeight","bottom","maskWidth","lineHeight","contentLeft","reduce","min","entry","Math","Infinity","contentRight","max","contentWidth","content","transform","translateX","children","digitCountResolver","key","maskTop","maskBottom","maskLeft","maskRight","maskY","ascent","maskTotalWidth","maskTotalHeight","hRatio","vRatioTop","vRatioBottom","maskedContent","layer","blendMode","height","colors","end","positions","start"],"sourceRoot":"../../../src","sources":["skia/SkiaTimeFlow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/skia/SymbolSlot.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { Group, Paint, Text as SkiaText } from "@shopify/react-native-skia";
+import React, { useMemo, useState } from "react";
+import { Easing, makeMutable, useAnimatedReaction, useDerivedValue, withTiming } from "react-native-reanimated";
+import { getSuperscriptTransform } from "../core/superscript.js";
+import { useAnimatedX } from "../core/useAnimatedX.js";
+import { useSlotOpacity } from "../core/useSlotOpacity.js";
+
+// Timing for smooth prefix/suffix animation during scrubbing
+import { jsx as _jsx } from "react/jsx-runtime";
+const WORKLET_X_ANIMATION_MS = 150;
+export const SymbolSlot = /*#__PURE__*/React.memo(({
+  char,
+  targetX,
+  baseY,
+  ascent,
+  color,
+  font,
+  opacityTiming,
+  transformTiming,
+  entering,
+  exiting,
+  exitKey,
+  onExitComplete,
+  workletLayout,
+  slotIndex,
+  superscript
+}) => {
+  const slotOpacity = useSlotOpacity({
+    entering,
+    exiting,
+    opacityTiming,
+    exitKey,
+    onExitComplete
+  });
+  const animatedX = useAnimatedX(targetX, exiting, transformTiming);
+
+  /**
+   * Animated X position (worklet-driven).
+   * Unlike digits (which need instant response for scrubbing),
+   * symbols (prefix/suffix) should animate smoothly when the layout
+   * shifts due to digit count changes. This prevents jarring jumps.
+   */
+  const [workletAnimatedX] = useState(() => makeMutable(targetX));
+  useAnimatedReaction(() => {
+    const wl = workletLayout?.value;
+    if (wl && slotIndex !== undefined && slotIndex < wl.length) {
+      return wl[slotIndex].x;
+    }
+    return null;
+  }, (newX, prevX) => {
+    if (newX !== null && newX !== prevX) {
+      workletAnimatedX.value = withTiming(newX, {
+        duration: WORKLET_X_ANIMATION_MS,
+        easing: Easing.out(Easing.ease)
+      });
+    }
+  });
+  const groupTransform = useDerivedValue(() => {
+    const wl = workletLayout?.value;
+    if (wl && slotIndex !== undefined && slotIndex < wl.length) {
+      return [{
+        translateX: workletAnimatedX.value
+      }];
+    }
+    return [{
+      translateX: animatedX.value
+    }];
+  });
+  const superscriptTransform = useMemo(() => superscript ? getSuperscriptTransform(baseY, ascent) : undefined, [superscript, baseY, ascent]);
+  const opacityPaint = useMemo(() => /*#__PURE__*/_jsx(Paint, {
+    opacity: slotOpacity
+  }), [slotOpacity]);
+  const textElement = /*#__PURE__*/_jsx(SkiaText, {
+    color: color,
+    font: font,
+    text: char,
+    x: 0,
+    y: baseY
+  });
+  return /*#__PURE__*/_jsx(Group, {
+    layer: opacityPaint,
+    transform: groupTransform,
+    children: superscriptTransform ? /*#__PURE__*/_jsx(Group, {
+      transform: superscriptTransform,
+      children: textElement
+    }) : textElement
+  });
+});
+SymbolSlot.displayName = "SymbolSlot";
+//# sourceMappingURL=SymbolSlot.js.map

package/lib/module/skia/SymbolSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Group","Paint","Text","SkiaText","React","useMemo","useState","Easing","makeMutable","useAnimatedReaction","useDerivedValue","withTiming","getSuperscriptTransform","useAnimatedX","useSlotOpacity","jsx","_jsx","WORKLET_X_ANIMATION_MS","SymbolSlot","memo","char","targetX","baseY","ascent","color","font","opacityTiming","transformTiming","entering","exiting","exitKey","onExitComplete","workletLayout","slotIndex","superscript","slotOpacity","animatedX","workletAnimatedX","wl","value","undefined","length","x","newX","prevX","duration","easing","out","ease","groupTransform","translateX","superscriptTransform","opacityPaint","opacity","textElement","text","y","layer","transform","children","displayName"],"sourceRoot":"../../../src","sources":["skia/SymbolSlot.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,4BAA4B;AAC3E,OAAOC,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SACEC,MAAM,EACNC,WAAW,EAEXC,mBAAmB,EACnBC,eAAe,EACfC,UAAU,QACL,yBAAyB;AAChC,SAASC,uBAAuB,QAAQ,wBAAqB;AAE7D,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,cAAc,QAAQ,2BAAwB;;AAEvD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,sBAAsB,GAAG,GAAG;AAoBlC,OAAO,MAAMC,UAAU,gBAAGd,KAAK,CAACe,IAAI,CAClC,CAAC;EACCC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,IAAI;EACJC,aAAa;EACbC,eAAe;EACfC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,aAAa;EACbC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAMC,WAAW,GAAGrB,cAAc,CAAC;IACjCc,QAAQ;IACRC,OAAO;IACPH,aAAa;IACbI,OAAO;IACPC;EACF,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAGvB,YAAY,CAACQ,OAAO,EAAEQ,OAAO,EAAEF,eAAe,CAAC;;EAEjE;AACJ;AACA;AACA;AACA;AACA;EACI,MAAM,CAACU,gBAAgB,CAAC,GAAG/B,QAAQ,CAAC,MAAME,WAAW,CAACa,OAAO,CAAC,CAAC;EAE/DZ,mBAAmB,CACjB,MAAM;IACJ,MAAM6B,EAAE,GAAGN,aAAa,EAAEO,KAAK;IAC/B,IAAID,EAAE,IAAIL,SAAS,KAAKO,SAAS,IAAIP,SAAS,GAAGK,EAAE,CAACG,MAAM,EAAE;MAC1D,OAAOH,EAAE,CAACL,SAAS,CAAC,CAACS,CAAC;IACxB;IACA,OAAO,IAAI;EACb,CAAC,EACD,CAACC,IAAI,EAAEC,KAAK,KAAK;IACf,IAAID,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKC,KAAK,EAAE;MACnCP,gBAAgB,CAACE,KAAK,GAAG5B,UAAU,CAACgC,IAAI,EAAE;QACxCE,QAAQ,EAAE5B,sBAAsB;QAChC6B,MAAM,EAAEvC,MAAM,CAACwC,GAAG,CAACxC,MAAM,CAACyC,IAAI;MAChC,CAAC,CAAC;IACJ;EACF,CACF,CAAC;EAED,MAAMC,cAAc,GAAGvC,eAAe,CAAC,MAAM;IAC3C,MAAM4B,EAAE,GAAGN,aAAa,EAAEO,KAAK;IAC/B,IAAID,EAAE,IAAIL,SAAS,KAAKO,SAAS,IAAIP,SAAS,GAAGK,EAAE,CAACG,MAAM,EAAE;MAC1D,OAAO,CAAC;QAAES,UAAU,EAAEb,gBAAgB,CAACE;MAAM,CAAC,CAAC;IACjD;IACA,OAAO,CAAC;MAAEW,UAAU,EAAEd,SAAS,CAACG;IAAM,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMY,oBAAoB,GAAG9C,OAAO,CAClC,MAAO6B,WAAW,GAAGtB,uBAAuB,CAACU,KAAK,EAAEC,MAAM,CAAC,GAAGiB,SAAU,EACxE,CAACN,WAAW,EAAEZ,KAAK,EAAEC,MAAM,CAC7B,CAAC;EAED,MAAM6B,YAAY,GAAG/C,OAAO,CAAC,mBAAMW,IAAA,CAACf,KAAK;IAACoD,OAAO,EAAElB;EAAY,CAAE,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAElF,MAAMmB,WAAW,gBAAGtC,IAAA,CAACb,QAAQ;IAACqB,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAAC8B,IAAI,EAAEnC,IAAK;IAACsB,CAAC,EAAE,CAAE;IAACc,CAAC,EAAElC;EAAM,CAAE,CAAC;EAEtF,oBACEN,IAAA,CAAChB,KAAK;IAACyD,KAAK,EAAEL,YAAa;IAACM,SAAS,EAAET,cAAe;IAAAU,QAAA,EACnDR,oBAAoB,gBACnBnC,IAAA,CAAChB,KAAK;MAAC0D,SAAS,EAAEP,oBAAqB;MAAAQ,QAAA,EAAEL;IAAW,CAAQ,CAAC,GAE7DA;EACD,CACI,CAAC;AAEZ,CACF,CAAC;AAEDpC,UAAU,CAAC0C,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/skia/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { SkiaNumberFlow } from "./SkiaNumberFlow.js";
+export { SkiaTimeFlow } from "./SkiaTimeFlow.js";
+export { useSkiaFont } from "./useSkiaFont.js";
+//# sourceMappingURL=index.js.map

package/lib/module/skia/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkiaNumberFlow","SkiaTimeFlow","useSkiaFont"],"sourceRoot":"../../../src","sources":["skia/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/skia/renderSlots.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { DigitSlot } from "./DigitSlot.js";
+import { SymbolSlot } from "./SymbolSlot.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders the active and exiting digit/symbol slot tree for Skia.
+ *
+ * Shared between SkiaNumberFlow and SkiaTimeFlow. Behavioral differences:
+ * - `digitCountResolver`: NumberFlow uses getDigitCount, TimeFlow uses TIME_DIGIT_COUNTS
+ * - `digitStrings`: NumberFlow passes locale-specific digits, TimeFlow omits (Latin fallback)
+ * - `workletLayout`: NumberFlow passes for scrubbing positioning, TimeFlow omits
+ */
+export function renderSlots({
+  layout,
+  exitingEntries,
+  prevMap,
+  isInitialRender,
+  onExitComplete,
+  metrics,
+  font,
+  color,
+  baseY,
+  resolvedTrend,
+  spinTiming,
+  opacityTiming,
+  transformTiming,
+  spinGenerations,
+  digitCountResolver,
+  maskTop,
+  maskBottom,
+  digitStrings,
+  workletDigitValues,
+  workletLayout
+}) {
+  let digitIndex = 0;
+  let slotIndex = 0;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [layout.map(entry => {
+      const isEntering = !isInitialRender && !prevMap.has(entry.key);
+      const currentSlotIndex = slotIndex++;
+      if (entry.isDigit) {
+        const wdv = workletDigitValues?.[digitIndex];
+        const digitCount = digitCountResolver(entry.key);
+        const spinGeneration = spinGenerations?.get(entry.key);
+        digitIndex++;
+        return /*#__PURE__*/_jsx(DigitSlot, {
+          baseY: baseY,
+          charWidth: entry.width,
+          color: color,
+          continuousSpinGeneration: spinGeneration,
+          digitCount: digitCount,
+          digitStrings: digitStrings,
+          digitValue: entry.digitValue,
+          entering: isEntering,
+          exiting: false,
+          font: font,
+          maskTop: maskTop,
+          maskBottom: maskBottom,
+          metrics: metrics,
+          opacityTiming: opacityTiming,
+          slotIndex: workletLayout ? currentSlotIndex : undefined,
+          spinTiming: spinTiming,
+          superscript: entry.superscript,
+          targetX: entry.x,
+          transformTiming: transformTiming,
+          trend: resolvedTrend,
+          workletDigitValue: wdv,
+          workletLayout: workletLayout
+        }, entry.key);
+      }
+      return /*#__PURE__*/_jsx(SymbolSlot, {
+        ascent: metrics.ascent,
+        baseY: baseY,
+        char: entry.char,
+        color: color,
+        entering: isEntering,
+        exiting: false,
+        font: font,
+        opacityTiming: opacityTiming,
+        slotIndex: workletLayout ? currentSlotIndex : undefined,
+        superscript: entry.superscript,
+        targetX: entry.x,
+        transformTiming: transformTiming,
+        workletLayout: workletLayout
+      }, entry.key);
+    }), Array.from(exitingEntries.entries()).map(([key, entry]) => {
+      if (entry.isDigit) {
+        const digitCount = digitCountResolver(key);
+        return /*#__PURE__*/_jsx(DigitSlot, {
+          baseY: baseY,
+          charWidth: entry.width,
+          color: color,
+          digitCount: digitCount,
+          digitStrings: digitStrings,
+          digitValue: entry.digitValue,
+          entering: false,
+          exitKey: key,
+          exiting: true,
+          font: font,
+          maskTop: maskTop,
+          maskBottom: maskBottom,
+          metrics: metrics,
+          onExitComplete: onExitComplete,
+          opacityTiming: opacityTiming,
+          spinTiming: spinTiming,
+          superscript: entry.superscript,
+          targetX: entry.x,
+          transformTiming: transformTiming,
+          trend: resolvedTrend
+        }, key);
+      }
+      return /*#__PURE__*/_jsx(SymbolSlot, {
+        ascent: metrics.ascent,
+        baseY: baseY,
+        char: entry.char,
+        color: color,
+        entering: false,
+        exitKey: key,
+        exiting: true,
+        font: font,
+        onExitComplete: onExitComplete,
+        opacityTiming: opacityTiming,
+        superscript: entry.superscript,
+        targetX: entry.x,
+        transformTiming: transformTiming
+      }, key);
+    })]
+  });
+}
+//# sourceMappingURL=renderSlots.js.map

package/lib/module/skia/renderSlots.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DigitSlot","SymbolSlot","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","renderSlots","layout","exitingEntries","prevMap","isInitialRender","onExitComplete","metrics","font","color","baseY","resolvedTrend","spinTiming","opacityTiming","transformTiming","spinGenerations","digitCountResolver","maskTop","maskBottom","digitStrings","workletDigitValues","workletLayout","digitIndex","slotIndex","children","map","entry","isEntering","has","key","currentSlotIndex","isDigit","wdv","digitCount","spinGeneration","get","charWidth","width","continuousSpinGeneration","digitValue","entering","exiting","undefined","superscript","targetX","x","trend","workletDigitValue","ascent","char","Array","from","entries","exitKey"],"sourceRoot":"../../../src","sources":["skia/renderSlots.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/skia/useGlyphMetrics.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useMemo } from "react";
+import { MEASURABLE_CHARS } from "../core/constants.js";
+/**
+ * Pre-computes glyph width lookup table and line metrics from an SkFont.
+ * Runs once on font load. All measurements use advance widths (not bounding boxes)
+ * for correct text layout spacing.
+ *
+ * Digit slots use `maxDigitWidth` (the widest of 0-9) for the clip window
+ * so all 10 digit glyphs fit during rolling. Individual digit positions
+ * within the clip use proportional charWidths for natural spacing.
+ *
+ * @param font - The SkFont to measure
+ * @param additionalChars - Optional additional characters to measure (e.g., from prefix/suffix with diacritics)
+ */
+export function useGlyphMetrics(font, additionalChars, localeDigitStrings) {
+  return useMemo(() => {
+    if (!font) return null;
+
+    /**
+     * Combine base chars with any additional chars from prefix/suffix so
+     * diacritics and special characters get proper width measurements.
+     */
+    let charsToMeasure = MEASURABLE_CHARS;
+    if (additionalChars) {
+      const uniqueAdditional = additionalChars.split("").filter(c => !MEASURABLE_CHARS.includes(c)).join("");
+      if (uniqueAdditional) {
+        charsToMeasure = MEASURABLE_CHARS + uniqueAdditional;
+      }
+    }
+    const glyphIDs = font.getGlyphIDs(charsToMeasure);
+    const widths = font.getGlyphWidths(glyphIDs);
+    const charWidths = {};
+    for (let i = 0; i < charsToMeasure.length; i++) {
+      charWidths[charsToMeasure[i]] = widths[i];
+    }
+    let maxDigitWidth = 0;
+    const digitChars = localeDigitStrings ?? Array.from({
+      length: 10
+    }, (_, d) => String(d));
+    for (const dc of digitChars) {
+      const w = charWidths[dc] ?? 0;
+      if (w > maxDigitWidth) maxDigitWidth = w;
+    }
+    const metrics = font.getMetrics();
+    // ascent is negative (above baseline), descent is positive (below baseline)
+    const lineHeight = Math.ceil(metrics.descent - metrics.ascent);
+
+    // Per-character tight vertical bounds from measureText SkRect.
+    // rect.y = top of glyph (negative = above baseline),
+    // rect.y + rect.height = bottom of glyph (positive = below baseline).
+    const charBounds = {};
+    for (let i = 0; i < charsToMeasure.length; i++) {
+      const char = charsToMeasure[i];
+      const rect = font.measureText(char);
+      charBounds[char] = {
+        top: rect.y,
+        bottom: rect.y + rect.height
+      };
+    }
+    return {
+      charWidths,
+      maxDigitWidth,
+      lineHeight,
+      ascent: metrics.ascent,
+      descent: metrics.descent,
+      charBounds
+    };
+  }, [font, additionalChars, localeDigitStrings]);
+}
+//# sourceMappingURL=useGlyphMetrics.js.map

package/lib/module/skia/useGlyphMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","MEASURABLE_CHARS","useGlyphMetrics","font","additionalChars","localeDigitStrings","charsToMeasure","uniqueAdditional","split","filter","c","includes","join","glyphIDs","getGlyphIDs","widths","getGlyphWidths","charWidths","i","length","maxDigitWidth","digitChars","Array","from","_","d","String","dc","w","metrics","getMetrics","lineHeight","Math","ceil","descent","ascent","charBounds","char","rect","measureText","top","y","bottom","height"],"sourceRoot":"../../../src","sources":["skia/useGlyphMetrics.ts"],"mappings":";;AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,gBAAgB,QAAQ,sBAAmB;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAC7BC,IAAmB,EACnBC,eAAwB,EACxBC,kBAA6B,EACR;EACrB,OAAOL,OAAO,CAAC,MAAM;IACnB,IAAI,CAACG,IAAI,EAAE,OAAO,IAAI;;IAEtB;AACJ;AACA;AACA;IACI,IAAIG,cAAc,GAAGL,gBAAgB;IACrC,IAAIG,eAAe,EAAE;MACnB,MAAMG,gBAAgB,GAAGH,eAAe,CACrCI,KAAK,CAAC,EAAE,CAAC,CACTC,MAAM,CAAEC,CAAC,IAAK,CAACT,gBAAgB,CAACU,QAAQ,CAACD,CAAC,CAAC,CAAC,CAC5CE,IAAI,CAAC,EAAE,CAAC;MACX,IAAIL,gBAAgB,EAAE;QACpBD,cAAc,GAAGL,gBAAgB,GAAGM,gBAAgB;MACtD;IACF;IAEA,MAAMM,QAAQ,GAAGV,IAAI,CAACW,WAAW,CAACR,cAAc,CAAC;IACjD,MAAMS,MAAM,GAAGZ,IAAI,CAACa,cAAc,CAACH,QAAQ,CAAC;IAE5C,MAAMI,UAAkC,GAAG,CAAC,CAAC;IAC7C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,cAAc,CAACa,MAAM,EAAED,CAAC,EAAE,EAAE;MAC9CD,UAAU,CAACX,cAAc,CAACY,CAAC,CAAC,CAAC,GAAGH,MAAM,CAACG,CAAC,CAAC;IAC3C;IAEA,IAAIE,aAAa,GAAG,CAAC;IACrB,MAAMC,UAAU,GAAGhB,kBAAkB,IAAIiB,KAAK,CAACC,IAAI,CAAC;MAAEJ,MAAM,EAAE;IAAG,CAAC,EAAE,CAACK,CAAC,EAAEC,CAAC,KAAKC,MAAM,CAACD,CAAC,CAAC,CAAC;IACxF,KAAK,MAAME,EAAE,IAAIN,UAAU,EAAE;MAC3B,MAAMO,CAAC,GAAGX,UAAU,CAACU,EAAE,CAAC,IAAI,CAAC;MAC7B,IAAIC,CAAC,GAAGR,aAAa,EAAEA,aAAa,GAAGQ,CAAC;IAC1C;IAEA,MAAMC,OAAO,GAAG1B,IAAI,CAAC2B,UAAU,CAAC,CAAC;IACjC;IACA,MAAMC,UAAU,GAAGC,IAAI,CAACC,IAAI,CAACJ,OAAO,CAACK,OAAO,GAAGL,OAAO,CAACM,MAAM,CAAC;;IAE9D;IACA;IACA;IACA,MAAMC,UAA2D,GAAG,CAAC,CAAC;IACtE,KAAK,IAAIlB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,cAAc,CAACa,MAAM,EAAED,CAAC,EAAE,EAAE;MAC9C,MAAMmB,IAAI,GAAG/B,cAAc,CAACY,CAAC,CAAC;MAC9B,MAAMoB,IAAI,GAAGnC,IAAI,CAACoC,WAAW,CAACF,IAAI,CAAC;MACnCD,UAAU,CAACC,IAAI,CAAC,GAAG;QAAEG,GAAG,EAAEF,IAAI,CAACG,CAAC;QAAEC,MAAM,EAAEJ,IAAI,CAACG,CAAC,GAAGH,IAAI,CAACK;MAAO,CAAC;IAClE;IAEA,OAAO;MACL1B,UAAU;MACVG,aAAa;MACbW,UAAU;MACVI,MAAM,EAAEN,OAAO,CAACM,MAAM;MACtBD,OAAO,EAAEL,OAAO,CAACK,OAAO;MACxBE;IACF,CAAC;EACH,CAAC,EAAE,CAACjC,IAAI,EAAEC,eAAe,EAAEC,kBAAkB,CAAC,CAAC;AACjD","ignoreList":[]}