@gryt/ui-native 0.3.0 → 0.3.1

package/dist/motion/easing.d.ts

@@ -0,0 +1,28 @@
+/** Same shape as Reanimated's `EasingFunction`, without importing it. */
+export type Easing = (t: number) => number;
+/**
+ * Turn a sample list into an easing.
+ *
+ * The body is a worklet so it runs on the UI thread — an easing evaluated on
+ * the JS thread would drop frames under exactly the load this exists to
+ * survive. `points` is a plain array, which worklets capture by value.
+ *
+ * The interpolation is written out rather than calling `sampleCurve` from
+ * @gryt/theme, and that is not a style choice. A worklet cannot synchronously
+ * call a JS-thread function: doing so throws
+ *
+ *   [Worklets] Tried to synchronously call a Remote Function
+ *
+ * on the first frame of every animation. That shipped in 0.3.0, because the
+ * only thing exercising the UI thread in testing used React Native's own
+ * easing rather than this one.
+ *
+ * easing.test.ts asserts this stays identical to `sampleCurve`, so the
+ * duplication cannot drift from the definition the web renders from.
+ */
+export declare function easingFromSamples(samples: readonly number[]): Easing;
+/** Overshoots ~12%. For things that scale in place. */
+export declare const easeSpring: Easing;
+/** Critically damped, no overshoot. For things that travel inside bounds. */
+export declare const easeSpringTight: Easing;
+//# sourceMappingURL=easing.d.ts.map

package/dist/motion/easing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../src/motion/easing.ts"],"names":[],"mappings":"AASA,yEAAyE;AACzE,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAkBpE;AAED,uDAAuD;AACvD,eAAO,MAAM,UAAU,QAAmC,CAAC;AAE3D,6EAA6E;AAC7E,eAAO,MAAM,eAAe,QAAwC,CAAC"}

package/dist/motion/easing.js

@@ -0,0 +1,51 @@
+/* The sampled-spring easings, with no Reanimated import.
+ *
+ * Split from motion.ts for the same reason sliderValue.ts is split from
+ * Slider.tsx: this is arithmetic, it is where a bug hid, and importing
+ * react-native-reanimated drags in react-native-worklets, which cannot resolve
+ * under vitest. A file that cannot be imported cannot be tested.
+ */
+import { springSamples, springTightSamples } from "@gryt/theme";
+/**
+ * Turn a sample list into an easing.
+ *
+ * The body is a worklet so it runs on the UI thread — an easing evaluated on
+ * the JS thread would drop frames under exactly the load this exists to
+ * survive. `points` is a plain array, which worklets capture by value.
+ *
+ * The interpolation is written out rather than calling `sampleCurve` from
+ * @gryt/theme, and that is not a style choice. A worklet cannot synchronously
+ * call a JS-thread function: doing so throws
+ *
+ *   [Worklets] Tried to synchronously call a Remote Function
+ *
+ * on the first frame of every animation. That shipped in 0.3.0, because the
+ * only thing exercising the UI thread in testing used React Native's own
+ * easing rather than this one.
+ *
+ * easing.test.ts asserts this stays identical to `sampleCurve`, so the
+ * duplication cannot drift from the definition the web renders from.
+ */
+export function easingFromSamples(samples) {
+    const points = [...samples];
+    return (t) => {
+        "worklet";
+        const count = points.length;
+        if (count === 0)
+            return t;
+        if (t <= 0)
+            return points[0];
+        if (t >= 1)
+            return points[count - 1];
+        const span = (count - 1) * t;
+        const index = Math.floor(span);
+        const rest = span - index;
+        const from = points[index];
+        const to = points[index + 1] ?? from;
+        return from + (to - from) * rest;
+    };
+}
+/** Overshoots ~12%. For things that scale in place. */
+export const easeSpring = easingFromSamples(springSamples);
+/** Critically damped, no overshoot. For things that travel inside bounds. */
+export const easeSpringTight = easingFromSamples(springTightSamples);

package/dist/motion/index.d.ts

@@ -1,3 +1,4 @@
-export { durations, easeSpring, easeSpringTight, fade, springy, travel } from "./motion.js";
+export { durations, fade, springy, travel } from "./motion.js";
+export { easeSpring, easeSpringTight, easingFromSamples, type Easing } from "./easing.js";
 export { usePressScale, type PressScale } from "./usePressScale.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/motion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/motion/index.js

@@ -1,2 +1,3 @@
-export { durations, easeSpring, easeSpringTight, fade, springy, travel } from "./motion.js";
+export { durations, fade, springy, travel } from "./motion.js";
+export { easeSpring, easeSpringTight, easingFromSamples } from "./easing.js";
 export { usePressScale } from "./usePressScale.js";

package/dist/motion/motion.d.ts

@@ -1,8 +1,6 @@
-import { type EasingFunction, type WithTimingConfig } from "react-native-reanimated";
-/** Overshoots ~12%. For things that scale in place. */
-export declare const easeSpring: EasingFunction;
-/** Critically damped, no overshoot. For things that travel inside bounds. */
-export declare const easeSpringTight: EasingFunction;
+import { type WithTimingConfig } from "react-native-reanimated";
+import { easeSpring, easeSpringTight } from "./easing.js";
+export { easeSpring, easeSpringTight };
 export declare const durations: {
     readonly spring: 500;
     readonly springSoft: 700;

package/dist/motion/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/motion/motion.ts"],"names":[],"mappings":"AAYA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAoBzG,uDAAuD;AACvD,eAAO,MAAM,UAAU,gBAAmC,CAAC;AAE3D,6EAA6E;AAC7E,eAAO,MAAM,eAAe,gBAAwC,CAAC;AAErE,eAAO,MAAM,SAAS;;;;CAAgB,CAAC;AAEvC,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAG5D;AAED,sFAAsF;AACtF,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAG3D;AAED,gEAAgE;AAChE,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAGzD"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/motion/motion.ts"],"names":[],"mappings":"AAYA,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEpF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AAEvC,eAAO,MAAM,SAAS;;;;CAAgB,CAAC;AAEvC,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAG5D;AAED,sFAAsF;AACtF,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAG3D;AAED,gEAAgE;AAChE,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,UAGzD"}

package/dist/motion/motion.js

@@ -11,26 +11,9 @@
  * duration is both simpler and actually identical.
  */
 import { Easing, withTiming } from "react-native-reanimated";
-import { grytDurations, sampleCurve, springSamples, springTightSamples } from "@gryt/theme";
-/**
- * Turn a sample list into an easing.
- *
- * The body is a worklet so it can run on the UI thread — an easing evaluated
- * on the JS thread would drop frames under exactly the load this system exists
- * to survive. `samples` is captured by value, which worklets allow for plain
- * arrays.
- */
-function easingFromSamples(samples) {
-    const points = [...samples];
-    return (t) => {
-        "worklet";
-        return sampleCurve(points, t);
-    };
-}
-/** Overshoots ~12%. For things that scale in place. */
-export const easeSpring = easingFromSamples(springSamples);
-/** Critically damped, no overshoot. For things that travel inside bounds. */
-export const easeSpringTight = easingFromSamples(springTightSamples);
+import { grytDurations } from "@gryt/theme";
+import { easeSpring, easeSpringTight } from "./easing.js";
+export { easeSpring, easeSpringTight };
 export const durations = grytDurations;
 /** `withTiming` on the overshooting spring, at the standard duration. */
 export function springy(to, config) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gryt/ui-native",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "license": "MIT",
   "description": "Gryt's design system on React Native. Same tokens as @gryt/ui, a different renderer.",