@gryt/ui-native 0.3.0 → 0.4.0

package/dist/components/internal/ControlRow.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, Text, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { usePressScale } from "../../motion/index.js";
+import { useTheme } from "../../theme/index.js";
+/**
+ * A control and its label, where tapping either one works.
+ *
+ * The web gets this for free: the sign-in screen wraps `<Checkbox>` in a
+ * `<label>` and the browser forwards the click. React Native has no `<label>`
+ * and no `htmlFor`, so the association has to be structural — the label and the
+ * control are inside one Pressable, and that Pressable is the target.
+ *
+ * This is a parity *match* reached through a different API, which is why the
+ * exceptions table lists it as an API difference rather than a behaviour one.
+ * Tapping a label toggles the control on both platforms; only the way you say
+ * so differs.
+ *
+ * Without a label it renders the control alone, so the bare form still works
+ * and nothing existing has to change.
+ */
+/**
+ * How far past its own edge a control still counts as pressed.
+ *
+ * There is no web equivalent and nothing to be 1:1 with — a pointer is exact
+ * and a fingertip is about 9mm across. 20×20 is well under the 44pt minimum
+ * both Apple and WCAG ask for, and radios are usually stacked, so a near miss
+ * lands on the neighbour rather than on nothing.
+ *
+ * 12 on each side takes a 20pt box to 44pt without moving a single pixel of
+ * what is drawn. It is deliberately not padding: padding would change the
+ * layout and the spacing between a control and its label.
+ */
+export const CONTROL_HIT_SLOP = { top: 12, bottom: 12, left: 12, right: 12 };
+export function ControlRow({ label, children, onPress, disabled, pressScale, accessibilityRole, accessibilityState, accessibilityLabel, style, }) {
+    const theme = useTheme();
+    const press = usePressScale(pressScale, disabled);
+    // Only the control scales, not the label. The web scales the control element
+    // and the text beside it is a sibling, so a whole row springing would be a
+    // difference rather than a match — and a line of text jumping under a
+    // fingertip reads as a glitch rather than as feedback.
+    const control = _jsx(Animated.View, { style: press.style, children: children });
+    // A label needs a string for screen readers, and `label` may be a node.
+    // Falling back to it only when it is a string is better than stringifying an
+    // element into "[object Object]".
+    const spokenLabel = accessibilityLabel ?? (typeof label === "string" ? label : undefined);
+    return (_jsxs(Pressable, { accessibilityRole: accessibilityRole, accessibilityState: accessibilityState, accessibilityLabel: spokenLabel, disabled: disabled, onPress: onPress, onPressIn: press.onPressIn, onPressOut: press.onPressOut, hitSlop: CONTROL_HIT_SLOP, style: [
+            label != null
+                ? { flexDirection: "row", alignItems: "center", gap: theme.space(2) }
+                : { alignSelf: "flex-start" },
+            style,
+        ], children: [control, label != null ? (typeof label === "string" ? (_jsx(Text, { style: {
+                    color: disabled ? theme.color.muted : theme.color.text,
+                    fontSize: 14,
+                    // The row centres on the control, so the text has to sit on the
+                    // same optical line rather than on its own baseline.
+                    lineHeight: 20,
+                }, children: label })) : (_jsx(View, { children: label }))) : null] }));
+}

package/dist/components/internal/dragLock.d.ts

@@ -0,0 +1,43 @@
+/**
+ * A control holding a scrolling ancestor still while it is being dragged.
+ *
+ * This exists because of one bug, and the obvious fixes all fail in ways that
+ * look like they worked, so it is worth writing down.
+ *
+ * Dragging a `Slider` inside a scrolling screen scrolled the screen. The first
+ * fix — `onPanResponderTerminationRequest: () => false` — was necessary and not
+ * sufficient: it stops the ScrollView taking the responder away, so the thumb
+ * follows your finger now, and the page still scrolls underneath. On iOS the
+ * scroll is driven by a native `UIPanGestureRecognizer` that is not part of
+ * React Native's JS responder system, so refusing to hand over the responder
+ * answers a question the native recogniser never asked.
+ * `onShouldBlockNativeResponder` is the knob for that, and it is Android-only.
+ *
+ * What works is `scrollEnabled` — and the control cannot reach the scroll view
+ * to set it, since they are separated by however much app markup. So the scroll
+ * view publishes a lock, the control claims it, and neither has to know where
+ * the other is.
+ *
+ * `react-native-gesture-handler` solves this properly, by negotiating with the
+ * native recogniser rather than switching it off. That is the better fix and it
+ * is blocked on GRYT-393: this package ships prebuilt JavaScript, Reanimated's
+ * babel plugin does not run over `node_modules`, and gesture callbacks are
+ * therefore never worklets. Measured on a device, not assumed. When that is
+ * solved, this should probably go.
+ */
+export interface DragLock {
+    locked: boolean;
+    lock: () => void;
+    unlock: () => void;
+}
+export declare const DragLockContext: import("react").Context<DragLock | null>;
+/**
+ * Claimed by a control for the duration of a drag.
+ *
+ * No-ops outside a `ScrollArea`, which is the normal case for a control that is
+ * not in a scrolling screen. A control must not require the provider: a slider
+ * in a fixed panel has nothing to lock, and throwing there would be inventing a
+ * dependency on a component it does not need.
+ */
+export declare function useDragLock(): DragLock;
+//# sourceMappingURL=dragLock.d.ts.map

package/dist/components/internal/dragLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragLock.d.ts","sourceRoot":"","sources":["../../../src/components/internal/dragLock.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,0CAAuC,CAAC;AAQpE;;;;;;;GAOG;AACH,wBAAgB,WAAW,IAAI,QAAQ,CAEtC"}

package/dist/components/internal/dragLock.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+export const DragLockContext = createContext(null);
+const NO_LOCK = {
+    locked: false,
+    lock: () => { },
+    unlock: () => { },
+};
+/**
+ * Claimed by a control for the duration of a drag.
+ *
+ * No-ops outside a `ScrollArea`, which is the normal case for a control that is
+ * not in a scrolling screen. A control must not require the provider: a slider
+ * in a fixed panel has nothing to lock, and throwing there would be inventing a
+ * dependency on a component it does not need.
+ */
+export function useDragLock() {
+    return useContext(DragLockContext) ?? NO_LOCK;
+}

package/dist/index.d.ts

@@ -30,6 +30,8 @@ export { Drawer, type DrawerPopupProps, type DrawerRootProps, type DrawerSide, }
 export { NumberField, type NumberFieldProps } from "./components/NumberField/NumberField.js";
 export { OtpField, type OtpFieldProps } from "./components/OtpField/OtpField.js";
 export { ScrollArea, type ScrollAreaProps } from "./components/ScrollArea/ScrollArea.js";
+export { Sheet, type SheetCloseProps, type SheetContentProps, type SheetProps, SheetProvider, type SheetProviderProps, type SheetTitleProps, type SheetTriggerProps, } from "./components/Sheet/Sheet.js";
+export { useDragLock, type DragLock } from "./components/internal/dragLock.js";
 export { ToastProvider, useToast, type ToastOptions, type ToastSeverity, } from "./components/Toast/Toast.js";
 export { Toolbar, ToolbarSeparator, type ToolbarProps, type ToolbarSeparatorProps, } from "./components/Toolbar/Toolbar.js";
 export { AnchoredPopup, type AnchoredPopupProps } from "./overlay/AnchoredPopup.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -30,6 +30,8 @@ export { Drawer, } from "./components/Drawer/Drawer.js";
 export { NumberField } from "./components/NumberField/NumberField.js";
 export { OtpField } from "./components/OtpField/OtpField.js";
 export { ScrollArea } from "./components/ScrollArea/ScrollArea.js";
+export { Sheet, SheetProvider, } from "./components/Sheet/Sheet.js";
+export { useDragLock } from "./components/internal/dragLock.js";
 export { ToastProvider, useToast, } from "./components/Toast/Toast.js";
 export { Toolbar, ToolbarSeparator, } from "./components/Toolbar/Toolbar.js";
 export { AnchoredPopup } from "./overlay/AnchoredPopup.js";

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.4.0",
   "type": "module",
   "license": "MIT",
   "description": "Gryt's design system on React Native. Same tokens as @gryt/ui, a different renderer.",
@@ -33,17 +33,21 @@
   "peerDependencies": {
     "react": ">=18.3.0 || >=19.0.0",
     "react-native": ">=0.76.0",
-    "react-native-reanimated": ">=4.0.0"
+    "react-native-reanimated": ">=4.0.0",
+    "@gorhom/bottom-sheet": ">=5.2.0",
+    "react-native-gesture-handler": ">=2.16.1"
   },
   "dependencies": {
-    "@gryt/theme": "^0.2.0"
+    "@gryt/theme": "^0.3.0"
   },
   "devDependencies": {
+    "@gorhom/bottom-sheet": "^5.2.14",
     "@types/react": "^19.0.0",
     "react": "^19.0.0",
     "react-native": "^0.76.0",
-    "vitest": "^3.0.0",
-    "react-native-reanimated": "^4.5.1"
+    "react-native-gesture-handler": "^2.32.0",
+    "react-native-reanimated": "^4.5.1",
+    "vitest": "^3.0.0"
   },
   "peerDependenciesMeta": {}
 }