@forthtilliath/react-native-kit 0.18.0 → 0.20.0

package/dist/components/picker/QuantityStepper.js

@@ -4,52 +4,7 @@ import { Pressable, Text, TextInput, View } from "react-native";
 import { usePressRepeat } from "../../hooks/usePressRepeat.js";
 import { useKitLocale } from "../../i18n/locale.js";
 import { mergeSlotStyles } from "../../utils/helpers/mergeSlotStyles.js";
-const defaultA11yLabels = {
-    fr: {
-        decrease: (label) => `Retirer : ${label}`,
-        increase: (label) => `Ajouter : ${label}`,
-        input: (label) => `Quantité : ${label}`,
-    },
-    en: {
-        decrease: (label) => `Decrease: ${label}`,
-        increase: (label) => `Increase: ${label}`,
-        input: (label) => `Quantity: ${label}`,
-    },
-};
-const defaultStyles = {
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 6,
-    },
-    button: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        backgroundColor: "#2563eb",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    buttonDisabled: { opacity: 0.35 },
-    buttonText: {
-        color: "#ffffff",
-        fontSize: 22,
-        fontWeight: "700",
-        lineHeight: 26,
-    },
-    input: {
-        width: 52,
-        height: 40,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: "#d4d4d4",
-        color: "#111111",
-        fontSize: 18,
-        fontWeight: "700",
-        textAlign: "center",
-        padding: 0,
-    },
-};
+import { defaultA11yLabels, defaultStyles, } from "./QuantityStepper.styles.js";
 /** Keeps the digits, and a leading "-" when negatives are allowed. */
 function sanitize(text, allowsNegative) {
     const digits = text.replace(/\D/g, "");
@@ -57,14 +12,21 @@ function sanitize(text, allowsNegative) {
         ? `-${digits}`
         : digits;
 }
+/** Characters a bound takes in the field; 15 digits (+ "-") if unbounded. */
+function lengthOf(bound) {
+    if (Number.isFinite(bound))
+        return String(bound).length;
+    return bound < 0 ? 16 : 15;
+}
 /**
- * A whole-number counter from `min` (0) to `max`: −/+ buttons to adjust
- * (optionally faster on long press, or repeating while held), and a numeric
- * field in the middle to type a large number in one go (other characters are
- * dropped, the result is clamped). A typed value that is not a number yet or
- * below `min` (an empty field, a lone "-", the "2" of "25" with `min={10}`)
- * stays as typed until the field loses focus. A negative `min` allows
- * negative values (penalties, defeat tokens…).
+ * A whole-number counter from `min` (0) to `max`: −/+ buttons to adjust by
+ * `step` (optionally faster on long press, or repeating while held), and a
+ * numeric field in the middle to type a large number in one go (other
+ * characters are dropped, the result is clamped). A typed value that is not a
+ * number yet or below `min` (an empty field, a lone "-", the "2" of "25" with
+ * `min={10}`) stays as typed until the field loses focus. A negative `min`
+ * allows negative values (penalties, defeat tokens…); `-Infinity`/`Infinity`
+ * remove a bound.
  *
  * @example
  * ```tsx
@@ -72,10 +34,10 @@ function sanitize(text, allowsNegative) {
  *
  * <QuantityStepper value={count} onChange={setCount} label="Croissants" />
  * <QuantityStepper value={bans} onChange={setBans} label="Bannissements" min={1} max={40} longPressStep={5} />
- * <QuantityStepper value={score} onChange={setScore} label="Points" min={-999} repeatOnHold />
+ * <QuantityStepper value={score} onChange={setScore} label="Points" min={-Infinity} max={Infinity} step={4} repeatOnHold onStep={tapFeedback} />
  * ```
  */
-export function QuantityStepper({ value, onChange, label, min = 0, max = 999, longPressStep, repeatOnHold = false, locale, a11yLabels, styles, }) {
+export function QuantityStepper({ value, onChange, label, min = 0, max = 999, step = 1, onStep, longPressStep, repeatOnHold = false, maxFontSizeMultiplier, locale, a11yLabels, styles, }) {
     const labels = { ...defaultA11yLabels[useKitLocale(locale)], ...a11yLabels };
     const merged = mergeSlotStyles(defaultStyles, styles);
     const atMin = value <= min;
@@ -96,38 +58,46 @@ export function QuantityStepper({ value, onChange, label, min = 0, max = 999, lo
         setDraft(null);
         onChange(clamp(next));
     }
+    /** A −/+ press: moves by `delta`; `false` when a bound stopped it. */
     function stepBy(delta) {
         const next = clamp(valueRef.current + delta);
-        // A button disabled at its bound may never report the release.
-        if (next === valueRef.current) {
-            repeat.stop();
-            return;
-        }
+        if (next === valueRef.current)
+            return false;
         valueRef.current = next;
         set(next);
+        onStep?.(next);
+        return true;
     }
-    function startRepeat(delta) {
+    function startRepeat(direction) {
         repeat.start(() => {
-            stepBy(delta);
+            // A button disabled at its bound may never report the release.
+            if (!stepBy(direction * step))
+                repeat.stop();
         });
     }
     // Held: repeat from press-in to press-out. Otherwise: one step per tap,
     // and `longPressStep` on long press.
     const tapsOnly = !repeatOnHold;
     const jumps = tapsOnly && longPressStep !== undefined;
+    // A tap starts from the rendered value, even if the parent ignored the
+    // previous onChange.
+    function tap(delta) {
+        valueRef.current = value;
+        stepBy(delta);
+    }
     return (_jsxs(View, { style: merged.row, children: [_jsx(Pressable, { style: [merged.button, atMin && merged.buttonDisabled], onPress: tapsOnly
                     ? () => {
-                        set(value - 1);
+                        tap(-step);
                     }
                     : undefined, onLongPress: jumps
                     ? () => {
-                        set(value - longPressStep);
+                        tap(-longPressStep);
                     }
                     : undefined, onPressIn: repeatOnHold
                     ? () => {
                         startRepeat(-1);
                     }
-                    : undefined, onPressOut: repeatOnHold ? repeat.stop : undefined, disabled: atMin, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: labels.decrease(label), children: _jsx(Text, { style: merged.buttonText, children: "\u2212" }) }), _jsx(TextInput, { style: merged.input, value: draft ?? String(value), onChangeText: (text) => {
+                    : undefined, onPressOut: repeatOnHold ? repeat.stop : undefined, disabled: atMin, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: labels.decrease(label), children: _jsx(Text, { style: merged.buttonText, maxFontSizeMultiplier: maxFontSizeMultiplier, children: "\u2212" }) }), _jsx(TextInput, { style: merged.input, value: draft ?? String(value), onChangeText: (text) => {
                     const cleaned = sanitize(text, allowsNegative);
                     const typed = Number(cleaned);
                     if (cleaned === "" || cleaned === "-" || typed < min) {
@@ -142,17 +112,17 @@ export function QuantityStepper({ value, onChange, label, min = 0, max = 999, lo
                     set(draft === "" || draft === "-" ? 0 : Number(draft));
                 }, 
                 // "number-pad" has no "-" key on Android.
-                keyboardType: allowsNegative ? "numeric" : "number-pad", selectTextOnFocus: true, maxLength: Math.max(String(min).length, String(max).length), accessibilityLabel: labels.input(label) }), _jsx(Pressable, { style: [merged.button, atMax && merged.buttonDisabled], onPress: tapsOnly
+                keyboardType: allowsNegative ? "numeric" : "number-pad", selectTextOnFocus: true, maxFontSizeMultiplier: maxFontSizeMultiplier, maxLength: Math.max(lengthOf(min), lengthOf(max)), accessibilityLabel: labels.input(label) }), _jsx(Pressable, { style: [merged.button, atMax && merged.buttonDisabled], onPress: tapsOnly
                     ? () => {
-                        set(value + 1);
+                        tap(step);
                     }
                     : undefined, onLongPress: jumps
                     ? () => {
-                        set(value + longPressStep);
+                        tap(longPressStep);
                     }
                     : undefined, onPressIn: repeatOnHold
                     ? () => {
                         startRepeat(1);
                     }
-                    : undefined, onPressOut: repeatOnHold ? repeat.stop : undefined, disabled: atMax, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: labels.increase(label), children: _jsx(Text, { style: merged.buttonText, children: "+" }) })] }));
+                    : undefined, onPressOut: repeatOnHold ? repeat.stop : undefined, disabled: atMax, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: labels.increase(label), children: _jsx(Text, { style: merged.buttonText, maxFontSizeMultiplier: maxFontSizeMultiplier, children: "+" }) })] }));
 }

package/dist/components/picker/QuantityStepper.styles.d.ts

@@ -0,0 +1,59 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { KitLocale } from "../../i18n/locale.js";
+/** Per-slot style overrides for {@link QuantityStepper}, each merged after its default. */
+export interface QuantityStepperStyles {
+    /** The row: − button, field, + button. */
+    row?: StyleProp<ViewStyle>;
+    /** Both round buttons. */
+    button?: StyleProp<ViewStyle>;
+    /** Added on top of `button` for "−" at `min` and "+" at `max`. */
+    buttonDisabled?: StyleProp<ViewStyle>;
+    /** The "−" / "+" glyphs. */
+    buttonText?: StyleProp<TextStyle>;
+    /** The numeric field in the middle (its text color included). */
+    input?: StyleProp<TextStyle>;
+}
+/** Screen-reader labels of the three controls, built from the stepper's `label`. */
+export interface QuantityStepperA11yLabels {
+    decrease: (label: string) => string;
+    increase: (label: string) => string;
+    input: (label: string) => string;
+}
+export declare const defaultA11yLabels: Record<KitLocale, QuantityStepperA11yLabels>;
+export declare const defaultStyles: {
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    button: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    buttonDisabled: {
+        opacity: number;
+    };
+    buttonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "700";
+        lineHeight: number;
+    };
+    input: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        color: string;
+        fontSize: number;
+        fontWeight: "700";
+        textAlign: "center";
+        padding: number;
+    };
+};
+//# sourceMappingURL=QuantityStepper.styles.d.ts.map

package/dist/components/picker/QuantityStepper.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.styles.d.ts","sourceRoot":"","sources":["../../../src/components/picker/QuantityStepper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,2FAA2F;AAC3F,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,kEAAkE;IAClE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,oFAAoF;AACpF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,yBAAyB,CAW1E,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCzB,CAAC"}

package/dist/components/picker/QuantityStepper.styles.js

@@ -0,0 +1,46 @@
+export const defaultA11yLabels = {
+    fr: {
+        decrease: (label) => `Retirer : ${label}`,
+        increase: (label) => `Ajouter : ${label}`,
+        input: (label) => `Quantité : ${label}`,
+    },
+    en: {
+        decrease: (label) => `Decrease: ${label}`,
+        increase: (label) => `Increase: ${label}`,
+        input: (label) => `Quantity: ${label}`,
+    },
+};
+export const defaultStyles = {
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+    },
+    button: {
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+        backgroundColor: "#2563eb",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    buttonDisabled: { opacity: 0.35 },
+    buttonText: {
+        color: "#ffffff",
+        fontSize: 22,
+        fontWeight: "700",
+        lineHeight: 26,
+    },
+    input: {
+        width: 52,
+        height: 40,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: "#d4d4d4",
+        color: "#111111",
+        fontSize: 18,
+        fontWeight: "700",
+        textAlign: "center",
+        padding: 0,
+    },
+};

package/dist/components/settings/UpdateSettingsScreen.d.ts

@@ -7,7 +7,11 @@ export interface UpdateSettingsScreenProps {
     checkForUpdate: () => Promise<UpdateSettingsScreenRelease | null>;
     /** Positive when `a` is newer than `b`, e.g. semver comparison. */
     compareVersions: (a: string, b: string) => number;
-    downloadAndInstallApk: (apkUrl: string, onProgress?: (fraction: number) => void) => Promise<void>;
+    /**
+     * Receives the release's `apkSha256`: pass it on as
+     * `expectedSha256` so a swapped or damaged APK is never installed.
+     */
+    downloadAndInstallApk: (apkUrl: string, onProgress?: (fraction: number) => void, apkSha256?: string) => Promise<void>;
     /** Omit to not show a version history section at all. */
     fetchReleaseHistory?: () => Promise<UpdateSettingsScreenHistoryEntry[]>;
     /**

package/dist/components/settings/UpdateSettingsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UpdateSettingsScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,gCAAgC,EAChC,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,kCAAkC,CAAC;AAI1C,YAAY,EACV,gCAAgC,EAChC,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,kCAAkC,CAAC;AAU1C,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,cAAc,EAAE,MAAM,OAAO,CAAC,2BAA2B,GAAG,IAAI,CAAC,CAAC;IAClE,mEAAmE;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,qBAAqB,EAAE,CACrB,MAAM,EAAE,MAAM,EACd,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,KACpC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,gCAAgC,EAAE,CAAC,CAAC;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,+BAuJ3B"}
+{"version":3,"file":"UpdateSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UpdateSettingsScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,gCAAgC,EAChC,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,kCAAkC,CAAC;AAI1C,YAAY,EACV,gCAAgC,EAChC,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,kCAAkC,CAAC;AAU1C,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,cAAc,EAAE,MAAM,OAAO,CAAC,2BAA2B,GAAG,IAAI,CAAC,CAAC;IAClE,mEAAmE;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD;;;OAGG;IACH,qBAAqB,EAAE,CACrB,MAAM,EAAE,MAAM,EACd,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EACvC,SAAS,CAAC,EAAE,MAAM,KACf,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,gCAAgC,EAAE,CAAC,CAAC;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,+BA8J3B"}

package/dist/components/settings/UpdateSettingsScreen.js

@@ -52,12 +52,12 @@ export function UpdateSettingsScreen({ currentVersion, checkForUpdate, compareVe
         void handleCheckForUpdate();
         // eslint-disable-next-line @eslint-react/exhaustive-deps -- runs once on mount by design; handleCheckForUpdate is expected to be stable enough for the screen's lifetime.
     }, []);
-    async function handleInstall(apkUrl) {
+    async function handleInstall({ apkUrl, apkSha256, }) {
         setUpdateState({ status: "downloading", progress: 0 });
         try {
             await downloadAndInstallApk(apkUrl, (progress) => {
                 setUpdateState({ status: "downloading", progress });
-            });
+            }, apkSha256);
             setUpdateState({ status: "idle" });
         }
         catch {
@@ -74,6 +74,6 @@ export function UpdateSettingsScreen({ currentVersion, checkForUpdate, compareVe
                 updateState.status !== "downloading" && (_jsx(Pressable, { style: [merged.button, isBusy && merged.buttonDisabled], onPress: () => {
                     void handleCheckForUpdate();
                 }, disabled: isBusy, accessibilityRole: "button", accessibilityLabel: t.checkButton, children: updateState.status === "checking" ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsx(Text, { style: merged.buttonText, children: t.checkButton })) })), updateState.status === "up-to-date" && (_jsx(Text, { style: merged.helpText, children: t.upToDate })), updateState.status === "error" && (_jsx(Text, { style: merged.errorText, children: updateState.message })), updateState.status === "available" && (_jsxs(View, { style: merged.updateAvailableBox, children: [_jsx(Text, { style: merged.updateAvailableTitle, children: t.availableTitle(updateState.release.version) }), updateState.release.notes ? (_jsx(ChangelogNotes, { notes: updateState.release.notes, styles: merged.notes })) : null, _jsx(Pressable, { style: merged.button, onPress: () => {
-                            void handleInstall(updateState.release.apkUrl);
+                            void handleInstall(updateState.release);
                         }, accessibilityRole: "button", accessibilityLabel: t.installButtonAccessibilityLabel(updateState.release.version), children: _jsx(Text, { style: merged.buttonText, children: t.installButton(updateState.release.version) }) })] })), updateState.status === "downloading" && (_jsxs(View, { style: merged.updateAvailableBox, children: [_jsx(Text, { style: merged.helpText, children: t.downloadingLabel(Math.round(updateState.progress * 100)) }), _jsx(Text, { style: merged.helpText, children: t.downloadingHint })] })), releaseHistory && releaseHistory.length > 0 && (_jsx(UpdateSettingsScreenHistory, { releaseHistory: releaseHistory, historyTitle: t.historyTitle, dateLocale: dateLocale, notesStyles: notesStyles, styles: merged }))] }));
 }

package/dist/components/settings/UpdateSettingsScreen.styles.d.ts

@@ -4,6 +4,8 @@ export interface UpdateSettingsScreenRelease {
     version: string;
     notes: string;
     apkUrl: string;
+    /** SHA-256 of the APK, handed back to `downloadAndInstallApk`. */
+    apkSha256?: string;
 }
 export interface UpdateSettingsScreenHistoryEntry {
     version: string;

package/dist/components/settings/UpdateSettingsScreen.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSettingsScreen.styles.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UpdateSettingsScreen.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAInF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,0BAA0B;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,+BAA+B,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa;;;;;;;kCAOI,MAAM;;mDAEW,MAAM;oCAErB,MAAM;;;;;;;;;;kCAYR,MAAM;;mDAEW,MAAM;oCAErB,MAAM;;;;CAI6B,CAAC;AAEpE,eAAO,MAAM,aAAa,EAAE,QAAQ,CAClC,IAAI,CAAC,0BAA0B,EAAE,wBAAwB,GAAG,OAAO,CAAC,CACrE,GACC,IAAI,CAAC,0BAA0B,EAAE,wBAAwB,GAAG,OAAO,CA8DpE,CAAC"}
+{"version":3,"file":"UpdateSettingsScreen.styles.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UpdateSettingsScreen.styles.ts"],"names":[],"mappings":"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"}

package/dist/components/theme/BackgroundPicker.d.ts

@@ -0,0 +1,46 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { BackgroundOption } from "./findBackground.js";
+export type { BackgroundOption } from "./findBackground.js";
+export interface BackgroundPickerStyles {
+    /** The wrapping row of swatches. */
+    row?: StyleProp<ViewStyle>;
+    /** One option: swatch + label. */
+    option?: StyleProp<ViewStyle>;
+    swatch?: StyleProp<ViewStyle>;
+    /** Added on top of `swatch` for the chosen one. */
+    swatchSelected?: StyleProp<ViewStyle>;
+    card?: StyleProp<ViewStyle>;
+    /** The round badge holding the check mark. */
+    check?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+    labelSelected?: StyleProp<TextStyle>;
+    checkIconColor?: string;
+}
+export interface BackgroundPickerProps<T extends BackgroundOption> {
+    options: readonly T[];
+    /** Id of the chosen option. */
+    value: string;
+    /** Receives the chosen option — add a haptic tick here if wanted. */
+    onChange: (option: T) => void;
+    styles?: BackgroundPickerStyles;
+}
+/**
+ * Radio group of background swatches: each one draws the page and a card in
+ * the colours on offer, the chosen one outlined with a check mark. Pair it
+ * with `findBackground` (`./findBackground`) to read the saved id, and check each palette's
+ * contrast with `contrastRatio` from `@forthtilliath/ts-kit/color`.
+ *
+ * @example
+ * ```tsx
+ * <BackgroundPicker
+ *   options={[
+ *     { id: "night", label: "Bleu nuit", page: "#0f172a", card: "#1e293b" },
+ *     { id: "felt", label: "Tapis vert", page: "#0b1f15", card: "#112c1e" },
+ *   ]}
+ *   value={settings.background}
+ *   onChange={(option) => { selectFeedback(); save(option.id); }}
+ * />
+ * ```
+ */
+export declare function BackgroundPicker<T extends BackgroundOption>({ options, value, onChange, styles, }: BackgroundPickerProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=BackgroundPicker.d.ts.map

package/dist/components/theme/BackgroundPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundPicker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/BackgroundPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,kCAAkC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,mDAAmD;IACnD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,gBAAgB;IAC/D,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC;IACtB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAwCD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC3D,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAoD1B"}

package/dist/components/theme/BackgroundPicker.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, Text, View } from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import { mergeSlotStyles } from "../../utils/helpers/mergeSlotStyles.js";
+const defaultStyles = {
+    row: { flexDirection: "row", flexWrap: "wrap", gap: 8 },
+    option: {
+        flexGrow: 1,
+        flexBasis: "22%",
+        alignItems: "center",
+        gap: 4,
+    },
+    swatch: {
+        width: "100%",
+        aspectRatio: 1,
+        borderRadius: 12,
+        borderWidth: 2,
+        borderColor: "#d4d4d4",
+        padding: 8,
+        justifyContent: "flex-end",
+    },
+    swatchSelected: { borderColor: "#2563eb" },
+    card: { height: "45%", borderRadius: 6, borderWidth: 1 },
+    check: {
+        position: "absolute",
+        top: 4,
+        right: 4,
+        width: 22,
+        height: 22,
+        borderRadius: 11,
+        backgroundColor: "#2563eb",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    label: {
+        color: "#6b7280",
+        fontSize: 13,
+        fontWeight: "600",
+    },
+    labelSelected: { color: "#111827" },
+};
+/**
+ * Radio group of background swatches: each one draws the page and a card in
+ * the colours on offer, the chosen one outlined with a check mark. Pair it
+ * with `findBackground` (`./findBackground`) to read the saved id, and check each palette's
+ * contrast with `contrastRatio` from `@forthtilliath/ts-kit/color`.
+ *
+ * @example
+ * ```tsx
+ * <BackgroundPicker
+ *   options={[
+ *     { id: "night", label: "Bleu nuit", page: "#0f172a", card: "#1e293b" },
+ *     { id: "felt", label: "Tapis vert", page: "#0b1f15", card: "#112c1e" },
+ *   ]}
+ *   value={settings.background}
+ *   onChange={(option) => { selectFeedback(); save(option.id); }}
+ * />
+ * ```
+ */
+export function BackgroundPicker({ options, value, onChange, styles, }) {
+    const merged = mergeSlotStyles(defaultStyles, styles);
+    const checkIconColor = styles?.checkIconColor ?? "#ffffff";
+    return (_jsx(View, { style: merged.row, accessibilityRole: "radiogroup", children: options.map((option) => {
+            const selected = option.id === value;
+            return (_jsxs(Pressable, { style: merged.option, onPress: () => {
+                    onChange(option);
+                }, accessibilityRole: "radio", accessibilityState: { checked: selected }, accessibilityLabel: option.label, children: [_jsxs(View, { style: [
+                            merged.swatch,
+                            { backgroundColor: option.page },
+                            selected && merged.swatchSelected,
+                        ], children: [_jsx(View, { style: [
+                                    merged.card,
+                                    {
+                                        backgroundColor: option.card,
+                                        borderColor: option.cardBorder ?? option.card,
+                                    },
+                                ] }), selected && (_jsx(View, { style: merged.check, children: _jsx(Ionicons, { name: "checkmark", size: 14, color: checkIconColor }) }))] }), _jsx(Text, { style: [merged.label, selected && merged.labelSelected], numberOfLines: 1, children: option.label })] }, option.id));
+        }) }));
+}

package/dist/components/theme/findBackground.d.ts

@@ -0,0 +1,20 @@
+/** One background on offer to `BackgroundPicker`, drawn as a page with a card on it. */
+export interface BackgroundOption {
+    id: string;
+    /** Shown under the swatch and read by screen readers. */
+    label: string;
+    /** The page colour. */
+    page: string;
+    /** The card drawn on the page. */
+    card: string;
+    /** The card's border. Defaults to `card`. */
+    cardBorder?: string;
+}
+/**
+ * The option with this id, or the first one (the original background) if the
+ * id is unknown — a background removed since it was saved, or none saved yet.
+ *
+ * @throws {RangeError} If `options` is empty.
+ */
+export declare function findBackground<T extends BackgroundOption>(options: readonly T[], id: string | null | undefined): T;
+//# sourceMappingURL=findBackground.d.ts.map

package/dist/components/theme/findBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findBackground.d.ts","sourceRoot":"","sources":["../../../src/components/theme/findBackground.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,gBAAgB,EACvD,OAAO,EAAE,SAAS,CAAC,EAAE,EACrB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC5B,CAAC,CAIH"}

package/dist/components/theme/findBackground.js

@@ -0,0 +1,12 @@
+/**
+ * The option with this id, or the first one (the original background) if the
+ * id is unknown — a background removed since it was saved, or none saved yet.
+ *
+ * @throws {RangeError} If `options` is empty.
+ */
+export function findBackground(options, id) {
+    const found = options.find((option) => option.id === id) ?? options[0];
+    if (!found)
+        throw new RangeError("findBackground needs at least one option");
+    return found;
+}

package/dist/components/theme/index.d.ts

@@ -1,3 +1,5 @@
+export * from "./BackgroundPicker.js";
+export * from "./findBackground.js";
 export * from "./ThemeOptionList.js";
 export * from "./themePreferenceContext.js";
 export * from "./ThemePreferenceProvider.js";

package/dist/components/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC"}

package/dist/components/theme/index.js

@@ -1,3 +1,5 @@
+export * from "./BackgroundPicker.js";
+export * from "./findBackground.js";
 export * from "./ThemeOptionList.js";
 export * from "./themePreferenceContext.js";
 export * from "./ThemePreferenceProvider.js";

package/dist/hooks/index.d.ts

@@ -2,4 +2,5 @@ export * from "./useDebouncedChange.js";
 export * from "./useEffectiveColorScheme.js";
 export * from "./usePressRepeat.js";
 export * from "./useSubmitGuard.js";
+export * from "./useViewShare.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -2,3 +2,4 @@ export * from "./useDebouncedChange.js";
 export * from "./useEffectiveColorScheme.js";
 export * from "./usePressRepeat.js";
 export * from "./useSubmitGuard.js";
+export * from "./useViewShare.js";

package/dist/hooks/useViewShare.d.ts

@@ -0,0 +1,39 @@
+import { type View } from "react-native";
+import { type ShareViewAsImageOptions } from "../utils/helpers/shareViewAsImage.js";
+export interface UseViewShareOptions extends ShareViewAsImageOptions {
+    /**
+     * Called when the capture or the share fails (capture missing from this
+     * binary, no share sheet…). Unset, an alert shows the error's message.
+     */
+    onError?: (error: unknown) => void;
+    /** Title of the default error alert. */
+    errorTitle?: string;
+    /** Message of the default error alert, for an error without a message. */
+    errorMessage?: string;
+}
+/**
+ * Shares as an image a view rendered on demand (a scoreboard, a summary card
+ * that isn't on screen): `capturing` is `true` while the capture runs — the
+ * screen mounts the view attached to `ref` (off screen, `collapsable={false}`)
+ * only meanwhile — and `share()` waits two frames for it to be drawn before
+ * capturing it with {@link shareViewAsImage}. A second `share()` while one is
+ * running is ignored.
+ *
+ * @example
+ * ```tsx
+ * const ranking = useViewShare({ dialogTitle: "Partager le classement" });
+ *
+ * <Button title="Partager" onPress={() => void ranking.share()} />
+ * {ranking.capturing ? (
+ *   <View ref={ranking.ref} collapsable={false} style={offScreen}>
+ *     <RankingCard />
+ *   </View>
+ * ) : null}
+ * ```
+ */
+export declare function useViewShare({ onError, errorTitle, errorMessage, ...options }?: UseViewShareOptions): {
+    ref: import("react").RefObject<View | null>;
+    capturing: boolean;
+    share: () => Promise<void>;
+};
+//# sourceMappingURL=useViewShare.d.ts.map

package/dist/hooks/useViewShare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewShare.ts"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA2BD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,GAAG,OAAO,EACX,GAAE,mBAAwB;;;;EA+B1B"}