@forthtilliath/react-native-kit 0.14.8 → 0.15.0

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

@@ -28,5 +28,22 @@ export interface PickerModalLabels {
     otherGroupLabel?: string;
 }
 export declare const defaultStyles: Required<PickerModalStyles>;
-export declare const defaultLabels: Required<PickerModalLabels>;
+export declare const defaultLabels: {
+    fr: {
+        close: string;
+        searchPlaceholder: string;
+        searchAccessibilityLabel: string;
+        voiceSearchAccessibilityLabel: string;
+        defaultEmptyMessage: string;
+        otherGroupLabel: string;
+    };
+    en: {
+        close: string;
+        searchPlaceholder: string;
+        searchAccessibilityLabel: string;
+        voiceSearchAccessibilityLabel: string;
+        defaultEmptyMessage: string;
+        otherGroupLabel: string;
+    };
+};
 //# sourceMappingURL=PickerModal.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PickerModal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/picker/PickerModal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAyErD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAOrD,CAAC"}
+{"version":3,"file":"PickerModal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/picker/PickerModal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAyErD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAiBgC,CAAC"}

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

@@ -73,10 +73,20 @@ export const defaultStyles = {
     placeholderTextColor: "#6b7280",
 };
 export const defaultLabels = {
-    close: "Fermer",
-    searchPlaceholder: "Rechercher…",
-    searchAccessibilityLabel: "Rechercher",
-    voiceSearchAccessibilityLabel: "Dicter la recherche",
-    defaultEmptyMessage: "Aucun résultat.",
-    otherGroupLabel: "Autres",
+    fr: {
+        close: "Fermer",
+        searchPlaceholder: "Rechercher…",
+        searchAccessibilityLabel: "Rechercher",
+        voiceSearchAccessibilityLabel: "Dicter la recherche",
+        defaultEmptyMessage: "Aucun résultat.",
+        otherGroupLabel: "Autres",
+    },
+    en: {
+        close: "Close",
+        searchPlaceholder: "Search…",
+        searchAccessibilityLabel: "Search",
+        voiceSearchAccessibilityLabel: "Dictate the search",
+        defaultEmptyMessage: "No results.",
+        otherGroupLabel: "Other",
+    },
 };

package/dist/components/picker/VoiceSearchButton.d.ts

@@ -1,14 +1,25 @@
+import { type KitLocale } from "../../i18n/locale.js";
 export interface VoiceSearchButtonStyles {
     iconColor?: string;
     iconColorActive?: string;
 }
 export interface VoiceSearchButtonProps {
     onResult: (transcript: string) => void;
+    /** Defaults to "Recherche vocale" (`"Voice search"` with `locale="en"`). */
     accessibilityLabel?: string;
+    /** Defaults to "Arrêter la recherche vocale" (`"Stop voice search"` with `locale="en"`). */
     stopAccessibilityLabel?: string;
-    /** BCP 47 locale passed to the speech recognizer. */
+    /**
+     * BCP 47 language passed to the speech recognizer. Defaults to the
+     * locale's (`"fr-FR"`, or `"en-US"` with `locale="en"`).
+     */
     lang?: string;
+    /**
+     * Language of the default labels and speech recognition — French by
+     * default, or the nearest `KitLocaleProvider`'s.
+     */
+    locale?: KitLocale;
     styles?: VoiceSearchButtonStyles;
 }
-export declare function VoiceSearchButton({ onResult, accessibilityLabel, stopAccessibilityLabel, lang, styles, }: VoiceSearchButtonProps): import("react").JSX.Element;
+export declare function VoiceSearchButton({ onResult, accessibilityLabel: customAccessibilityLabel, stopAccessibilityLabel: customStopAccessibilityLabel, lang: customLang, locale, styles, }: VoiceSearchButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=VoiceSearchButton.d.ts.map

package/dist/components/picker/VoiceSearchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceSearchButton.d.ts","sourceRoot":"","sources":["../../../src/components/picker/VoiceSearchButton.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAaD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,kBAAmC,EACnC,sBAA4C,EAC5C,IAAc,EACd,MAAM,GACP,EAAE,sBAAsB,+BAwDxB"}
+{"version":3,"file":"VoiceSearchButton.d.ts","sourceRoot":"","sources":["../../../src/components/picker/VoiceSearchButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4FAA4F;IAC5F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAwBD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,kBAAkB,EAAE,wBAAwB,EAC5C,sBAAsB,EAAE,4BAA4B,EACpD,IAAI,EAAE,UAAU,EAChB,MAAM,EACN,MAAM,GACP,EAAE,sBAAsB,+BAgExB"}

package/dist/components/picker/VoiceSearchButton.js

@@ -3,6 +3,17 @@ import { useRef, useState } from "react";
 import { Pressable } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { ExpoSpeechRecognitionModule, useSpeechRecognitionEvent, } from "expo-speech-recognition";
+import { KIT_LOCALE_TAGS, useKitLocale, } from "../../i18n/locale.js";
+const defaultLabels = {
+    fr: {
+        accessibilityLabel: "Recherche vocale",
+        stopAccessibilityLabel: "Arrêter la recherche vocale",
+    },
+    en: {
+        accessibilityLabel: "Voice search",
+        stopAccessibilityLabel: "Stop voice search",
+    },
+};
 const defaultStyles = {
     iconColor: "#2563eb",
     iconColorActive: "#dc2626",
@@ -13,7 +24,13 @@ const defaultStyles = {
 // search picker on the same screen). `requestedRef` distinguishes the button
 // that started THIS session from other mounted instances, so only it reacts
 // to the result instead of all of them.
-export function VoiceSearchButton({ onResult, accessibilityLabel = "Voice search", stopAccessibilityLabel = "Stop voice search", lang = "en-US", styles, }) {
+export function VoiceSearchButton({ onResult, accessibilityLabel: customAccessibilityLabel, stopAccessibilityLabel: customStopAccessibilityLabel, lang: customLang, locale, styles, }) {
+    const resolvedLocale = useKitLocale(locale);
+    const accessibilityLabel = customAccessibilityLabel ??
+        defaultLabels[resolvedLocale].accessibilityLabel;
+    const stopAccessibilityLabel = customStopAccessibilityLabel ??
+        defaultLabels[resolvedLocale].stopAccessibilityLabel;
+    const lang = customLang ?? KIT_LOCALE_TAGS[resolvedLocale];
     const merged = { ...defaultStyles, ...styles };
     const [isListening, setIsListening] = useState(false);
     const requestedRef = useRef(false);

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

@@ -1,4 +1,4 @@
-export * from "./PhotoPicker";
-export * from "./PickerModal";
-export * from "./VoiceSearchButton";
+export * from "./PhotoPicker.js";
+export * from "./PickerModal.js";
+export * from "./VoiceSearchButton.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/components/picker/index.js

@@ -1,3 +1,3 @@
-export * from "./PhotoPicker";
-export * from "./PickerModal";
-export * from "./VoiceSearchButton";
+export * from "./PhotoPicker.js";
+export * from "./PickerModal.js";
+export * from "./VoiceSearchButton.js";

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

@@ -1,4 +1,5 @@
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { type KitLocale } from "../../i18n/locale.js";
 export interface AboutSettingsScreenSection {
     title: string;
     paragraphs: string[];
@@ -26,7 +27,12 @@ export interface AboutSettingsScreenProps {
     /** Omit to not show a "developed by" credit line at all. */
     developerName?: string;
     labels?: AboutSettingsScreenLabels;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `KitLocaleProvider`'s. `labels` still overrides individual strings.
+     */
+    locale?: KitLocale;
     styles?: AboutSettingsScreenStyles;
 }
-export declare function AboutSettingsScreen({ appName, version, description, sections, developerName, labels, styles, }: AboutSettingsScreenProps): import("react").JSX.Element;
+export declare function AboutSettingsScreen({ appName, version, description, sections, developerName, labels, locale, styles, }: AboutSettingsScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=AboutSettingsScreen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AboutSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AboutSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,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,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACxC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAqCD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,+BA8C1B"}
+{"version":3,"file":"AboutSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AboutSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAE,KAAK,SAAS,EAAgB,MAAM,sBAAsB,CAAC;AAGpE,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,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,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACxC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AA2CD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,+BAsC1B"}

package/dist/components/settings/AboutSettingsScreen.js

@@ -1,8 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Text, View } from "react-native";
+import { useKitLocale } from "../../i18n/locale.js";
+import { mergeSlotStyles } from "../../utils/helpers/mergeSlotStyles.js";
 const defaultLabels = {
-    version: (version) => `Version ${version}`,
-    developedBy: (name) => `Développée par ${name}.`,
+    fr: {
+        version: (version) => `Version ${version}`,
+        developedBy: (name) => `Développée par ${name}.`,
+    },
+    en: {
+        version: (version) => `Version ${version}`,
+        developedBy: (name) => `Developed by ${name}.`,
+    },
 };
 const defaultStyles = {
     container: {},
@@ -33,17 +41,9 @@ const defaultStyles = {
 // required rather than defaulted from `expo-constants` so this stays
 // framework-agnostic; pass `Constants.expoConfig?.name`/`.version` from the
 // caller.
-export function AboutSettingsScreen({ appName, version, description, sections, developerName, labels, styles, }) {
-    const merged = {
-        container: [defaultStyles.container, styles?.container],
-        appName: [defaultStyles.appName, styles?.appName],
-        version: [defaultStyles.version, styles?.version],
-        separator: [defaultStyles.separator, styles?.separator],
-        paragraph: [defaultStyles.paragraph, styles?.paragraph],
-        sectionTitle: [defaultStyles.sectionTitle, styles?.sectionTitle],
-        hint: [defaultStyles.hint, styles?.hint],
-    };
-    const t = { ...defaultLabels, ...labels };
+export function AboutSettingsScreen({ appName, version, description, sections, developerName, labels, locale, styles, }) {
+    const merged = mergeSlotStyles(defaultStyles, styles);
+    const t = { ...defaultLabels[useKitLocale(locale)], ...labels };
     const paragraphs = Array.isArray(description) ? description : [description];
     return (_jsxs(View, { style: merged.container, children: [_jsx(Text, { style: merged.appName, children: appName }), _jsx(Text, { style: merged.version, children: t.version(version) }), _jsx(View, { style: merged.separator }), paragraphs.map((paragraph) => (_jsx(Text, { style: merged.paragraph, children: paragraph }, paragraph))), sections?.map((section) => (_jsxs(View, { children: [_jsx(View, { style: merged.separator }), _jsx(Text, { style: merged.sectionTitle, children: section.title }), section.paragraphs.map((paragraph) => (_jsx(Text, { style: merged.paragraph, children: paragraph }, paragraph)))] }, section.title))), developerName && (_jsxs(_Fragment, { children: [_jsx(View, { style: merged.separator }), _jsx(Text, { style: merged.hint, children: t.developedBy(developerName) })] }))] }));
 }

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

@@ -1,61 +1,6 @@
-import type { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { Ionicons } from "@expo/vector-icons";
-export interface BackupSettingsScreenReminder {
-    enabled: boolean;
-    /** Set while a permission request or the toggle's own persistence is in flight. */
-    busy?: boolean;
-    onToggle: (value: boolean) => void;
-    /** How often the reminder fires, only used to word the hint (e.g. "every 7 days"). */
-    intervalDays: number;
-}
-export interface BackupSettingsScreenInfo {
-    label: string;
-    value: string;
-}
-export interface BackupSettingsScreenIcons {
-    export?: keyof typeof Ionicons.glyphMap;
-    import?: keyof typeof Ionicons.glyphMap;
-}
-export interface BackupSettingsScreenStyles {
-    container?: StyleProp<ViewStyle>;
-    infoBox?: StyleProp<ViewStyle>;
-    infoLabel?: StyleProp<TextStyle>;
-    infoValue?: StyleProp<TextStyle>;
-    sectionTitle?: StyleProp<TextStyle>;
-    hint?: StyleProp<TextStyle>;
-    row?: StyleProp<ViewStyle>;
-    button?: StyleProp<ViewStyle>;
-    buttonDisabled?: StyleProp<ViewStyle>;
-    buttonText?: StyleProp<TextStyle>;
-    iconColor?: string;
-    /** Merged on top of `button`/`buttonText` — defaults to the same look as the export button. */
-    importButton?: StyleProp<ViewStyle>;
-    importButtonText?: StyleProp<TextStyle>;
-    reminderRow?: StyleProp<ViewStyle>;
-    reminderTextColumn?: StyleProp<ViewStyle>;
-    reminderLabel?: StyleProp<TextStyle>;
-    reminderHint?: StyleProp<TextStyle>;
-    activityIndicatorColor?: string;
-}
-export interface BackupSettingsScreenLabels {
-    hint?: string;
-    exportButton?: string;
-    importButton?: string;
-    /** Only shown in `layout="sections"`. */
-    exportSectionTitle?: string;
-    exportHelpText?: string;
-    importSectionTitle?: string;
-    importHelpText?: string;
-    importConfirmTitle?: string;
-    importConfirmMessage?: string;
-    importConfirmLabel?: string;
-    importConfirmCancelLabel?: string;
-    reminderLabel?: string;
-    reminderHint?: (intervalDays: number) => string;
-    exportErrorTitle?: string;
-    importErrorTitle?: string;
-    genericErrorMessage?: string;
-}
+import { type KitLocale } from "../../i18n/locale.js";
+import { type BackupSettingsScreenIcons, type BackupSettingsScreenInfo, type BackupSettingsScreenLabels, type BackupSettingsScreenReminder, type BackupSettingsScreenStyles } from "./BackupSettingsScreen.styles.js";
+export type { BackupSettingsScreenIcons, BackupSettingsScreenInfo, BackupSettingsScreenLabels, BackupSettingsScreenReminder, BackupSettingsScreenStyles, } from "./BackupSettingsScreen.styles.js";
 export interface BackupSettingsScreenProps {
     /** Exports/shares the app's data however it sees fit (e.g. a JSON file via the native share sheet). */
     onExport: () => Promise<void>;
@@ -78,7 +23,12 @@ export interface BackupSettingsScreenProps {
     /** Leading icon for each button. Omit either (or both) for a text-only button (default). */
     icons?: BackupSettingsScreenIcons;
     labels?: BackupSettingsScreenLabels;
+    /**
+     * Language of the built-in labels — French by default, or the nearest
+     * `KitLocaleProvider`'s. `labels` still overrides individual strings.
+     */
+    locale?: KitLocale;
     styles?: BackupSettingsScreenStyles;
 }
-export declare function BackupSettingsScreen({ onExport, onImport, reminder, info, layout, icons, labels, styles, }: BackupSettingsScreenProps): import("react").JSX.Element;
+export declare function BackupSettingsScreen({ onExport, onImport, reminder, info, layout, icons, labels, locale, styles, }: BackupSettingsScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=BackupSettingsScreen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackupSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/BackupSettingsScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BackupSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/BackupSettingsScreen.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAgB,MAAM,sBAAsB,CAAC;AAIpE,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,KAAK,4BAA4B,EACjC,KAAK,0BAA0B,EAIhC,MAAM,kCAAkC,CAAC;AAE1C,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,uGAAuG;IACvG,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,6FAA6F;IAC7F,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAChC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAkB,EAClB,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,+BAwJ3B"}

package/dist/components/settings/BackupSettingsScreen.js

@@ -1,85 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 import { ActivityIndicator, Alert, Pressable, Switch, Text, View, } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
+import { useSubmitGuard } from "../../hooks/useSubmitGuard.js";
+import { useKitLocale } from "../../i18n/locale.js";
 import { confirmDestructive } from "../../utils/helpers/confirmDestructive.js";
-const defaultLabels = {
-    hint: "Les données sont stockées uniquement sur cet appareil et sont perdues en cas de réinstallation ou de mise à jour incompatible. Exporte-les régulièrement pour pouvoir les restaurer.",
-    exportButton: "⬆️ Exporter",
-    importButton: "⬇️ Importer",
-    exportSectionTitle: "Exporter",
-    exportHelpText: "Exporte toutes tes données dans un fichier que tu peux garder précieusement ou transférer vers un autre appareil.",
-    importSectionTitle: "Importer",
-    importHelpText: "Restaure une sauvegarde exportée précédemment. Remplace entièrement les données actuelles — il n'y a pas de fusion.",
-    importConfirmTitle: "Importer une sauvegarde ?",
-    importConfirmMessage: "Toutes les données actuelles seront remplacées par celles du fichier choisi.",
-    importConfirmLabel: "Choisir un fichier",
-    importConfirmCancelLabel: "Annuler",
-    reminderLabel: "🔔 Rappel de sauvegarde",
-    reminderHint: undefined,
-    exportErrorTitle: "Échec de l'export",
-    importErrorTitle: "Échec de l'import",
-    genericErrorMessage: "Une erreur inconnue s'est produite.",
-};
-const defaultStyles = {
-    container: {},
-    infoBox: {
-        backgroundColor: "#f9fafb",
-        borderWidth: 1,
-        borderColor: "#e5e7eb",
-        borderRadius: 10,
-        padding: 12,
-        marginBottom: 20,
-        gap: 2,
-    },
-    infoLabel: { fontSize: 12, color: "#6b7280" },
-    infoValue: { fontSize: 12, color: "#111827", fontWeight: "600" },
-    sectionTitle: {
-        fontSize: 15,
-        fontWeight: "700",
-        color: "#111827",
-        marginTop: 20,
-    },
-    hint: {
-        fontSize: 13,
-        color: "#6b7280",
-        marginTop: 6,
-        marginBottom: 14,
-        lineHeight: 18,
-    },
-    row: { flexDirection: "row", gap: 10 },
-    button: {
-        flexDirection: "row",
-        flex: 1,
-        paddingVertical: 12,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: "#2563eb",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 8,
-    },
-    buttonDisabled: { opacity: 0.5 },
-    buttonText: { color: "#2563eb", fontWeight: "700" },
-    iconColor: "#2563eb",
-    importButton: undefined,
-    importButtonText: undefined,
-    reminderRow: {
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 12,
-        marginTop: 24,
-    },
-    reminderTextColumn: { flex: 1 },
-    reminderLabel: {
-        fontSize: 15,
-        fontWeight: "600",
-        color: "#111827",
-        marginBottom: 4,
-    },
-    reminderHint: { fontSize: 13, color: "#6b7280" },
-    activityIndicatorColor: undefined,
-};
+import { mergeSlotStyles } from "../../utils/helpers/mergeSlotStyles.js";
+import { defaultIconColor, defaultLabels, defaultStyles, } from "./BackupSettingsScreen.styles.js";
 function errorMessage(err, fallback) {
     return err instanceof Error ? err.message : fallback;
 }
@@ -88,85 +14,50 @@ function errorMessage(err, fallback) {
 // what gets exported/imported is entirely app-specific (its own database
 // tables), so `onExport`/`onImport` are required props, not something this
 // package could have a sensible default for.
-export function BackupSettingsScreen({ onExport, onImport, reminder, info, layout = "compact", icons, labels, styles, }) {
-    const [exporting, setExporting] = useState(false);
-    const [importing, setImporting] = useState(false);
-    const merged = {
-        container: [defaultStyles.container, styles?.container],
-        infoBox: [defaultStyles.infoBox, styles?.infoBox],
-        infoLabel: [defaultStyles.infoLabel, styles?.infoLabel],
-        infoValue: [defaultStyles.infoValue, styles?.infoValue],
-        sectionTitle: [defaultStyles.sectionTitle, styles?.sectionTitle],
-        hint: [defaultStyles.hint, styles?.hint],
-        row: [defaultStyles.row, styles?.row],
-        button: [defaultStyles.button, styles?.button],
-        buttonDisabled: [defaultStyles.buttonDisabled, styles?.buttonDisabled],
-        buttonText: [defaultStyles.buttonText, styles?.buttonText],
-        importButton: [
-            defaultStyles.button,
-            styles?.button,
-            defaultStyles.importButton,
-            styles?.importButton,
-        ],
-        importButtonText: [
-            defaultStyles.buttonText,
-            styles?.buttonText,
-            defaultStyles.importButtonText,
-            styles?.importButtonText,
-        ],
-        reminderRow: [defaultStyles.reminderRow, styles?.reminderRow],
-        reminderTextColumn: [
-            defaultStyles.reminderTextColumn,
-            styles?.reminderTextColumn,
-        ],
-        reminderLabel: [defaultStyles.reminderLabel, styles?.reminderLabel],
-        reminderHint: [defaultStyles.reminderHint, styles?.reminderHint],
-    };
-    const t = { ...defaultLabels, ...labels };
-    const activityIndicatorColor = styles?.activityIndicatorColor ?? defaultStyles.activityIndicatorColor;
-    const iconColor = styles?.iconColor ?? defaultStyles.iconColor;
-    async function handleExport() {
-        if (exporting)
-            return;
-        setExporting(true);
-        try {
-            await onExport();
-        }
-        catch (err) {
-            Alert.alert(t.exportErrorTitle, errorMessage(err, t.genericErrorMessage));
-        }
-        finally {
-            setExporting(false);
-        }
+export function BackupSettingsScreen({ onExport, onImport, reminder, info, layout = "compact", icons, labels, locale, styles, }) {
+    // Guards rather than a plain `if (busy) return`: two taps before the
+    // re-render would both see the stale "not busy" state and run twice.
+    const exportGuard = useSubmitGuard();
+    const importGuard = useSubmitGuard();
+    const merged = mergeSlotStyles(defaultStyles, styles);
+    const importButtonStyle = [merged.button, styles?.importButton];
+    const importButtonTextStyle = [merged.buttonText, styles?.importButtonText];
+    const t = { ...defaultLabels[useKitLocale(locale)], ...labels };
+    const activityIndicatorColor = styles?.activityIndicatorColor;
+    const iconColor = styles?.iconColor ?? defaultIconColor;
+    function handleExport() {
+        void exportGuard.guard(async () => {
+            try {
+                await onExport();
+            }
+            catch (err) {
+                Alert.alert(t.exportErrorTitle, errorMessage(err, t.genericErrorMessage));
+            }
+        });
     }
     function handleImportPress() {
-        if (importing)
+        if (importGuard.isSaving)
             return;
         confirmDestructive(t.importConfirmTitle, () => {
-            void (async () => {
-                setImporting(true);
+            void importGuard.guard(async () => {
                 try {
                     await onImport();
                 }
                 catch (err) {
                     Alert.alert(t.importErrorTitle, errorMessage(err, t.genericErrorMessage));
                 }
-                finally {
-                    setImporting(false);
-                }
-            })();
+            });
         }, {
             message: t.importConfirmMessage,
             cancelLabel: t.importConfirmCancelLabel,
             confirmLabel: t.importConfirmLabel,
         });
     }
-    const exportButton = (_jsx(Pressable, { style: [merged.button, exporting && merged.buttonDisabled], disabled: exporting, onPress: () => {
-            void handleExport();
-        }, accessibilityRole: "button", accessibilityLabel: t.exportButton, children: exporting ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsxs(_Fragment, { children: [icons?.export && (_jsx(Ionicons, { name: icons.export, size: 18, color: iconColor })), _jsx(Text, { style: merged.buttonText, children: t.exportButton })] })) }));
-    const importButton = (_jsx(Pressable, { style: [merged.importButton, importing && merged.buttonDisabled], disabled: importing, onPress: handleImportPress, accessibilityRole: "button", accessibilityLabel: t.importButton, children: importing ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsxs(_Fragment, { children: [icons?.import && (_jsx(Ionicons, { name: icons.import, size: 18, color: iconColor })), _jsx(Text, { style: merged.importButtonText, children: t.importButton })] })) }));
+    const exporting = exportGuard.isSaving;
+    const importing = importGuard.isSaving;
+    const exportButton = (_jsx(Pressable, { style: [merged.button, exporting && merged.buttonDisabled], disabled: exporting, onPress: handleExport, accessibilityRole: "button", accessibilityLabel: t.exportButton, children: exporting ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsxs(_Fragment, { children: [icons?.export && (_jsx(Ionicons, { name: icons.export, size: 18, color: iconColor })), _jsx(Text, { style: merged.buttonText, children: t.exportButton })] })) }));
+    const importButton = (_jsx(Pressable, { style: [importButtonStyle, importing && merged.buttonDisabled], disabled: importing, onPress: handleImportPress, accessibilityRole: "button", accessibilityLabel: t.importButton, children: importing ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsxs(_Fragment, { children: [icons?.import && (_jsx(Ionicons, { name: icons.import, size: 18, color: iconColor })), _jsx(Text, { style: importButtonTextStyle, children: t.importButton })] })) }));
     return (_jsxs(View, { style: merged.container, children: [info && (_jsxs(View, { style: merged.infoBox, children: [_jsx(Text, { style: merged.infoLabel, children: info.label }), _jsx(Text, { style: merged.infoValue, children: info.value })] })), layout === "sections" ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: merged.sectionTitle, children: t.exportSectionTitle }), _jsx(Text, { style: merged.hint, children: t.exportHelpText }), exportButton, _jsx(Text, { style: merged.sectionTitle, children: t.importSectionTitle }), _jsx(Text, { style: merged.hint, children: t.importHelpText }), importButton] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: merged.hint, children: t.hint }), _jsxs(View, { style: merged.row, children: [exportButton, importButton] })] })), reminder && (_jsxs(Pressable, { style: merged.reminderRow, disabled: reminder.busy, onPress: () => {
                     reminder.onToggle(!reminder.enabled);
-                }, accessibilityRole: "switch", accessibilityState: { checked: reminder.enabled }, accessibilityLabel: t.reminderLabel, children: [_jsxs(View, { style: merged.reminderTextColumn, children: [_jsx(Text, { style: merged.reminderLabel, children: t.reminderLabel }), _jsx(Text, { style: merged.reminderHint, children: t.reminderHint?.(reminder.intervalDays) ??
-                                    `Une notification tous les ${String(reminder.intervalDays)} jours pour penser à exporter.` })] }), reminder.busy ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsx(Switch, { value: reminder.enabled, onValueChange: reminder.onToggle }))] }))] }));
+                }, accessibilityRole: "switch", accessibilityState: { checked: reminder.enabled }, accessibilityLabel: t.reminderLabel, children: [_jsxs(View, { style: merged.reminderTextColumn, children: [_jsx(Text, { style: merged.reminderLabel, children: t.reminderLabel }), _jsx(Text, { style: merged.reminderHint, children: t.reminderHint(reminder.intervalDays) })] }), reminder.busy ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsx(Switch, { value: reminder.enabled, onValueChange: reminder.onToggle }))] }))] }));
 }