panelui-native 0.62.0 → 0.65.0

package/src/components/number-input/index.tsx

@@ -34,6 +34,7 @@ import { AnimatedPressable } from '../../primitives/animated-pressable';
 import { Text } from '../../primitives/text';
 import { selectionTick } from '../../utils/haptics';
 import { Label } from '../label';
+import { normalize, precisionOf } from './number-input-math';
 
 /** Wait before a held button starts repeating — a tap must not trip it. */
 const REPEAT_DELAY = 400;
@@ -156,32 +157,6 @@ export interface NumberInputProps
   haptics?: boolean;
 }
 
-/** Decimals implied by `step`, so display and math round to the same place. */
-function precisionOf(step: number): number {
-  if (!isFinite(step)) return 0;
-  const s = String(step);
-  const dot = s.indexOf('.');
-  return dot === -1 ? 0 : s.length - dot - 1;
-}
-
-function clamp(value: number, min: number, max: number): number {
-  return Math.min(Math.max(value, min), max);
-}
-
-/**
- * Snaps to the nearest step from a finite base (or 0 when `min` is open), then
- * rounds to the step's precision so 0.1 + 0.2 does not drift to 0.30000004.
- */
-function normalize(value: number, min: number, max: number, step: number): number {
-  const base = isFinite(min) ? min : 0;
-  const snapped = isFinite(step) && step > 0
-    ? Math.round((value - base) / step) * step + base
-    : value;
-  const p = precisionOf(step);
-  const factor = 10 ** p;
-  return clamp(Math.round(snapped * factor) / factor, min, max);
-}
-
 /**
  * A number stepped by buttons or typed by hand, reconciled to one clamped,
  * step-snapped value. See the file header for why it keeps both affordances.

package/src/components/number-input/number-input-math.ts

@@ -0,0 +1,50 @@
+/** JavaScript numbers carry about fifteen reliable decimal digits. */
+const MAX_DECIMAL_PRECISION = 15;
+
+/** Decimals `step` implies, before the reliable-digits ceiling is applied. */
+function requestedPrecision(step: number): number {
+  if (!Number.isFinite(step)) return 0;
+
+  const [coefficient = '', exponentText] = Math.abs(step).toString().toLowerCase().split('e');
+  const decimals = coefficient.split('.')[1]?.length ?? 0;
+  const exponent = exponentText === undefined ? 0 : Number(exponentText);
+
+  return Math.max(0, decimals - exponent);
+}
+
+/** Decimals implied by `step`, including numbers written with an exponent. */
+export function precisionOf(step: number): number {
+  return Math.min(MAX_DECIMAL_PRECISION, requestedPrecision(step));
+}
+
+export function clamp(value: number, min: number, max: number): number {
+  return Math.min(Math.max(value, min), max);
+}
+
+/**
+ * Snaps to the nearest step from a finite base, then clears binary drift at
+ * the step's decimal precision.
+ */
+export function normalize(value: number, min: number, max: number, step: number): number {
+  const base = Number.isFinite(min) ? min : 0;
+  const offset = (value - base) / step;
+  const snapped =
+    Number.isFinite(step) && step > 0 && Number.isFinite(offset)
+      ? Math.round(offset) * step + base
+      : value;
+
+  // A step finer than the reliable-digit ceiling cannot be tidied at its own
+  // precision: rounding at the ceiling instead lands on zero and takes the
+  // value with it. The snap already placed it on the step, so leave it there.
+  if (requestedPrecision(step) > MAX_DECIMAL_PRECISION) return clamp(snapped, min, max);
+
+  const precision = precisionOf(step);
+  const factor = 10 ** precision;
+  const scaled = snapped * factor;
+  // Keep the established rounding path while it is safe. toFixed avoids
+  // turning a finite large value into Infinity when scaling would overflow.
+  const rounded = Number.isFinite(scaled)
+    ? Math.round(scaled) / factor
+    : Number(snapped.toFixed(precision));
+  return clamp(rounded, min, max);
+}

package/src/components/pie-chart/index.tsx

@@ -206,7 +206,7 @@ const PieChartRoot = forwardRef<PieChartHandle, PieChartProps>(function PieChart
     endAngle = 360,
     padAngle = 0,
     minAngle = 0,
-    animationDuration = 900,
+    animationDuration = 620,
     status = 'ready',
     activeIndex: activeIndexProp,
     onActiveIndexChange,
@@ -290,7 +290,7 @@ const PieChartRoot = forwardRef<PieChartHandle, PieChartProps>(function PieChart
       reveal.value = 0;
       reveal.value = withTiming(1, {
         duration: animationDuration,
-        easing: Easing.bezier(0.85, 0, 0.15, 1),
+        easing: Easing.out(Easing.cubic),
       });
     },
     [reducedMotion, animationDuration, reveal]