@forthtilliath/react-native-kit 0.8.0 → 0.10.0

package/README.md

@@ -1,6 +1,6 @@
 # @forthtilliath/react-native-kit
 
-Small React Native building blocks — components, hooks, and framework-agnostic utils — with no opinion on your app's theme, distributed one file per export so consumers only pull in what they use.
+Small React Native building blocks — components, hooks, and framework-agnostic utils — with no opinion on your app's theme, distributed one file per export (grouped under `components/{picker,theme,update,list,settings}/`, `hooks/`, `utils/{format,helpers}/`) so consumers only pull in what they use.
 
 ## Install
 
@@ -25,7 +25,7 @@ Or, from within this monorepo, as a workspace dependency:
 Each component is its own module — import the file you need directly:
 
 ```ts
-import { ChangelogNotes } from "@forthtilliath/react-native-kit/ChangelogNotes";
+import { ChangelogNotes } from "@forthtilliath/react-native-kit/components/update/ChangelogNotes";
 ```
 
 This is the recommended way to import: Metro (React Native's bundler) doesn't reliably tree-shake, so pulling from a single deep-import path keeps peer dependencies you don't use (`expo-image-picker`, `expo-speech-recognition`, `react-native-gesture-handler`...) out of your bundle entirely, rather than merely unused.
@@ -88,7 +88,7 @@ Every field of `styles` is optional — pass only the ones you want to override;
 List-row thumbnail: the photo if there is one, otherwise a placeholder icon.
 
 ```tsx
-import { Thumbnail } from "@forthtilliath/react-native-kit/Thumbnail";
+import { Thumbnail } from "@forthtilliath/react-native-kit/components/list/Thumbnail";
 
 <Thumbnail
   photoUri={container.photoUri}
@@ -102,7 +102,7 @@ import { Thumbnail } from "@forthtilliath/react-native-kit/Thumbnail";
 Swipe a list row left to reveal a delete button, on top of a tap to edit it.
 
 ```tsx
-import { SwipeableRow } from "@forthtilliath/react-native-kit/SwipeableRow";
+import { SwipeableRow } from "@forthtilliath/react-native-kit/components/list/SwipeableRow";
 
 <SwipeableRow
   onDelete={() => remove(item.id)}
@@ -117,7 +117,7 @@ import { SwipeableRow } from "@forthtilliath/react-native-kit/SwipeableRow";
 Microphone button to dictate a search instead of typing it. Safe to mount more than one at a time (e.g. a name field plus a search picker on the same screen) — only the instance that started listening reacts to its result.
 
 ```tsx
-import { VoiceSearchButton } from "@forthtilliath/react-native-kit/VoiceSearchButton";
+import { VoiceSearchButton } from "@forthtilliath/react-native-kit/components/picker/VoiceSearchButton";
 
 <VoiceSearchButton onResult={setQuery} lang="en-US" />;
 ```
@@ -127,7 +127,7 @@ import { VoiceSearchButton } from "@forthtilliath/react-native-kit/VoiceSearchBu
 Photo picker (camera or library) with a preview and a remove link. `savePhoto` is injected rather than hard-coded, so where/how the picked image gets persisted is entirely up to the caller.
 
 ```tsx
-import { PhotoPicker } from "@forthtilliath/react-native-kit/PhotoPicker";
+import { PhotoPicker } from "@forthtilliath/react-native-kit/components/picker/PhotoPicker";
 
 <PhotoPicker
   photoUri={container.photoUri}
@@ -145,7 +145,7 @@ Full-screen picker: search (typed or dictated via `VoiceSearchButton`), optional
 import {
   PickerModal,
   type PickerItem,
-} from "@forthtilliath/react-native-kit/PickerModal";
+} from "@forthtilliath/react-native-kit/components/picker/PickerModal";
 
 <PickerModal
   visible={pickerVisible}
@@ -175,7 +175,7 @@ For all 5 components above, styling and (where relevant) copy work the same way
 Prevents a second call while a first one is still pending — e.g. a double-tap on a "Save" button before it's had time to disable, which would otherwise create duplicate submissions.
 
 ```tsx
-import { useSubmitGuard } from "@forthtilliath/react-native-kit/useSubmitGuard";
+import { useSubmitGuard } from "@forthtilliath/react-native-kit/hooks/useSubmitGuard";
 
 const { isSaving, guard } = useSubmitGuard();
 
@@ -196,7 +196,7 @@ const { isSaving, guard } = useSubmitGuard();
 Calls `callback` `delayMs` after the last change among `values`, ignoring renders where any value is still `undefined` (not loaded yet) and the very first render where they're all defined (no trigger on mount). A new change before the delay elapses resets the timer — a real debounce, not a throttle.
 
 ```tsx
-import { useDebouncedChange } from "@forthtilliath/react-native-kit/useDebouncedChange";
+import { useDebouncedChange } from "@forthtilliath/react-native-kit/hooks/useDebouncedChange";
 
 useDebouncedChange([settingsData, itemsData], 5 * 60 * 1000, () => {
   runAutoBackup();
@@ -208,7 +208,7 @@ useDebouncedChange([settingsData, itemsData], 5 * 60 * 1000, () => {
 Generic destructive-action confirmation (title + message + Cancel/Confirm), for anything irreversible (delete, reset...). Ships with French defaults (`message`, `cancelLabel`, `confirmLabel` all overridable).
 
 ```ts
-import { confirmDestructive } from "@forthtilliath/react-native-kit/confirmDestructive";
+import { confirmDestructive } from "@forthtilliath/react-native-kit/utils/helpers/confirmDestructive";
 
 confirmDestructive("Delete this item?", () => deleteItem(id), {
   message: "This cannot be undone.",
@@ -222,7 +222,7 @@ confirmDestructive("Delete this item?", () => deleteItem(id), {
 Resolves a `"light" | "dark" | "system"` theme preference against the device's color scheme: `"system"` follows the device, `"light"`/`"dark"` override it regardless of what the device is set to.
 
 ```tsx
-import { useEffectiveColorScheme } from "@forthtilliath/react-native-kit/useEffectiveColorScheme";
+import { useEffectiveColorScheme } from "@forthtilliath/react-native-kit/hooks/useEffectiveColorScheme";
 
 const scheme = useEffectiveColorScheme(themePreference); // "light" | "dark"
 const colors = scheme === "dark" ? darkColors : lightColors;
@@ -233,7 +233,7 @@ const colors = scheme === "dark" ? darkColors : lightColors;
 3-way segmented control for a light/dark/system theme preference.
 
 ```tsx
-import { ThemeToggle } from "@forthtilliath/react-native-kit/ThemeToggle";
+import { ThemeToggle } from "@forthtilliath/react-native-kit/components/theme/ThemeToggle";
 
 <ThemeToggle value={themePreference} onChange={setThemePreference} />;
 ```
@@ -243,7 +243,7 @@ import { ThemeToggle } from "@forthtilliath/react-native-kit/ThemeToggle";
 Same light/dark/system data contract as `ThemeToggle`, but rendered as a list of full-width rows (icon + label + checkmark on the active one) instead of a segmented control.
 
 ```tsx
-import { ThemeOptionList } from "@forthtilliath/react-native-kit/ThemeOptionList";
+import { ThemeOptionList } from "@forthtilliath/react-native-kit/components/theme/ThemeOptionList";
 
 <ThemeOptionList value={themePreference} onChange={setThemePreference} />;
 ```
@@ -253,7 +253,7 @@ import { ThemeOptionList } from "@forthtilliath/react-native-kit/ThemeOptionList
 Checks once per mount (e.g. app launch) whether a newer release is available, throttled to at most one real check per `minIntervalMs` (default 12h) and silent for a release the user already dismissed. Has no opinion on where "when did we last check" / "which version did the user dismiss" are persisted — both are read/written entirely through the options you pass in.
 
 ```tsx
-import { useUpdateCheck } from "@forthtilliath/react-native-kit/useUpdateCheck";
+import { useUpdateCheck } from "@forthtilliath/react-native-kit/hooks/useUpdateCheck";
 
 const update = useUpdateCheck({
   currentVersion: Constants.expoConfig?.version ?? "0.0.0",
@@ -277,7 +277,7 @@ if (update.status === "available") {
 Dismissible banner announcing an available update: version, release notes (rendered via `ChangelogNotes`), an action button and a dismiss button. Has no opinion on what the action does (e.g. navigate to an update screen) or on how/whether dismissal is persisted.
 
 ```tsx
-import { UpdateAvailableBanner } from "@forthtilliath/react-native-kit/UpdateAvailableBanner";
+import { UpdateAvailableBanner } from "@forthtilliath/react-native-kit/components/update/UpdateAvailableBanner";
 
 {
   update.status === "available" && (
@@ -294,19 +294,179 @@ import { UpdateAvailableBanner } from "@forthtilliath/react-native-kit/UpdateAva
 }
 ```
 
+### Settings screens (`components/settings/`)
+
+The building blocks of a typical app "Settings" tab — menu, theme, update check, backup, about, contact, privacy — factored out so each new app stops rewriting the same ~7 screens from scratch. Expo Router (or any file-based router) still needs one physical route file per screen in your app; these just give each route file almost nothing left to write beyond rendering the matching component. None of them add new peer dependencies beyond what's already listed above.
+
+```tsx
+// app/(tabs)/settings/index.tsx
+import { router } from "expo-router";
+import { SettingsMenu } from "@forthtilliath/react-native-kit/components/settings/SettingsMenu";
+
+export default function SettingsMenuScreen() {
+  return (
+    <SettingsMenu
+      items={[
+        {
+          key: "backup",
+          emoji: "💾",
+          title: "Sauvegarde",
+          hint: "Exporter / importer tes données",
+          onPress: () => router.push("/settings/backup"),
+        },
+        {
+          key: "theme",
+          emoji: "🎨",
+          title: "Thème",
+          hint: "Clair, sombre, ou automatique",
+          onPress: () => router.push("/settings/theme"),
+        },
+        {
+          key: "update",
+          emoji: "⬇️",
+          title: "Mise à jour",
+          onPress: () => router.push("/settings/update"),
+        },
+        {
+          key: "about",
+          emoji: "ℹ️",
+          title: "À propos",
+          onPress: () => router.push("/settings/about"),
+        },
+        {
+          key: "contact",
+          emoji: "✉️",
+          title: "Contact",
+          onPress: () => router.push("/settings/contact"),
+        },
+        {
+          key: "privacy",
+          emoji: "🔒",
+          title: "Confidentialité",
+          onPress: () => router.push("/settings/privacy"),
+        },
+      ]}
+    />
+  );
+}
+```
+
+`SettingsMenu` doesn't depend on expo-router (or any other navigator) itself — each item carries its own `onPress`, so it works the same with any navigation setup.
+
+#### `<ThemeSettingsScreen value onChange />`
+
+Same light/dark/system data contract as `ThemeToggle`/`ThemeOptionList`, but a third visual: emoji + label + a plain-text `✓` on the active row, with a hint above explaining what "Système" does. Pick whichever of the three fits your app.
+
+```tsx
+import { ThemeSettingsScreen } from "@forthtilliath/react-native-kit/components/settings/ThemeSettingsScreen";
+
+<ThemeSettingsScreen value={themePreference} onChange={setThemePreference} />;
+```
+
+#### `<UpdateSettingsScreen currentVersion checkForUpdate compareVersions downloadAndInstallApk />`
+
+The full "check for update" screen: installed version, a manual check button, the available-update box (changelog + install button) or an up-to-date/error message, download progress, and — if `fetchReleaseHistory` is passed — a list of past releases. Checks automatically once on mount. Pairs naturally with `@forthtilliath/expo-release-updates` and `useUpdateCheck`/`UpdateAvailableBanner` above (same `checkForUpdate`/`compareVersions` you already pass those), but takes plain functions so it isn't tied to that package's exact shape.
+
+```tsx
+import { UpdateSettingsScreen } from "@forthtilliath/react-native-kit/components/settings/UpdateSettingsScreen";
+
+import {
+  compareVersions,
+  downloadAndInstallApk,
+  fetchLatestRelease,
+  fetchReleaseHistory,
+} from "@/lib/appUpdate";
+
+<UpdateSettingsScreen
+  currentVersion={Constants.expoConfig?.version ?? "?"}
+  checkForUpdate={fetchLatestRelease}
+  compareVersions={compareVersions}
+  downloadAndInstallApk={downloadAndInstallApk}
+  fetchReleaseHistory={fetchReleaseHistory}
+/>;
+```
+
+#### `<BackupSettingsScreen onExport onImport reminder? />`
+
+Export/import buttons plus an optional reminder-notification switch. Deliberately just a shell: what actually gets exported/imported is entirely app-specific (your own database tables), so `onExport`/`onImport` are required — this package can't have a sensible default for "how do I export my schema". Import asks for confirmation first (via `confirmDestructive`, from `utils/helpers/`) since it replaces existing data; `onImport` itself doesn't need to.
+
+```tsx
+import { BackupSettingsScreen } from "@forthtilliath/react-native-kit/components/settings/BackupSettingsScreen";
+
+<BackupSettingsScreen
+  onExport={shareBackup}
+  onImport={pickAndImportBackup}
+  reminder={{
+    enabled: reminderEnabled,
+    onToggle: handleToggleReminder,
+    intervalDays: BACKUP_REMINDER_INTERVAL_DAYS,
+  }}
+/>;
+```
+
+Omit `reminder` entirely for an app with no backup-reminder notifications.
+
+#### `<AboutSettingsScreen appName version description developerName />`
+
+App name, version, one or more description paragraphs, and a "developed by" credit. `appName`/`version` are required rather than defaulted internally (keeps this package framework-agnostic) — pass `Constants.expoConfig?.name`/`.version` from the caller.
+
+```tsx
+import { AboutSettingsScreen } from "@forthtilliath/react-native-kit/components/settings/AboutSettingsScreen";
+
+<AboutSettingsScreen
+  appName={Constants.expoConfig?.name ?? "My App"}
+  version={Constants.expoConfig?.version ?? "?"}
+  description="A personal tool to do the thing."
+  developerName="Your Name"
+/>;
+```
+
+#### `<ContactSettingsScreen email />`
+
+A `mailto:` button plus a short "how to report a bug" hint.
+
+```tsx
+import { ContactSettingsScreen } from "@forthtilliath/react-native-kit/components/settings/ContactSettingsScreen";
+
+<ContactSettingsScreen email="you@example.com" />;
+```
+
+#### `<PrivacySettingsScreen sections? />`
+
+Ships with the standard "everything stays on this device" three sections (no data collected, local storage only, sharing is opt-in) as the default — the right fit for most of these small personal-data apps. Pass your own `sections` to fully replace it for an app with different data handling (e.g. one that syncs to a server).
+
+```tsx
+import { PrivacySettingsScreen } from "@forthtilliath/react-native-kit/components/settings/PrivacySettingsScreen";
+
+// Zero-config, uses the default copy:
+<PrivacySettingsScreen />;
+
+// Or fully custom:
+<PrivacySettingsScreen
+  sections={[
+    {
+      title: "What we collect",
+      paragraphs: ["Only what you enter, synced to your account."],
+    },
+  ]}
+/>;
+```
+
+For all 7 components above, styling works the same way as `ChangelogNotes`: an optional `styles` prop (all fields optional, neutral defaults), and where relevant an optional `labels` prop for the built-in French copy.
+
 ### Utils (`utils/`)
 
 Framework-agnostic pure functions — no React or React Native import, usable from Node/web too.
 
 ```ts
-import { getPeriodStartMs } from "@forthtilliath/react-native-kit/utils/getPeriodStartMs";
-import { getMostRecentIds } from "@forthtilliath/react-native-kit/utils/getMostRecentIds";
-import { nextInCycle } from "@forthtilliath/react-native-kit/utils/nextInCycle";
-import { normalizeForSearch } from "@forthtilliath/react-native-kit/utils/normalizeForSearch";
-import { rankByNameMatch } from "@forthtilliath/react-native-kit/utils/rankByNameMatch";
-import { escapeCsvField } from "@forthtilliath/react-native-kit/utils/escapeCsvField";
-import { formatCsvNumber } from "@forthtilliath/react-native-kit/utils/formatCsvNumber";
-import { escapeHtml } from "@forthtilliath/react-native-kit/utils/escapeHtml";
+import { getPeriodStartMs } from "@forthtilliath/react-native-kit/utils/helpers/getPeriodStartMs";
+import { getMostRecentIds } from "@forthtilliath/react-native-kit/utils/helpers/getMostRecentIds";
+import { nextInCycle } from "@forthtilliath/react-native-kit/utils/helpers/nextInCycle";
+import { normalizeForSearch } from "@forthtilliath/react-native-kit/utils/helpers/normalizeForSearch";
+import { rankByNameMatch } from "@forthtilliath/react-native-kit/utils/helpers/rankByNameMatch";
+import { escapeCsvField } from "@forthtilliath/react-native-kit/utils/format/escapeCsvField";
+import { formatCsvNumber } from "@forthtilliath/react-native-kit/utils/format/formatCsvNumber";
+import { escapeHtml } from "@forthtilliath/react-native-kit/utils/format/escapeHtml";
 ```
 
 | Function                                 | What it does                                                                                                                                                       |

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./list";
+export * from "./picker";
+export * from "./settings";
+export * from "./theme";
+export * from "./update";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,5 @@
+export * from "./list";
+export * from "./picker";
+export * from "./settings";
+export * from "./theme";
+export * from "./update";

package/dist/components/list/SwipeableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableRow.d.ts","sourceRoot":"","sources":["../../../src/components/list/SwipeableRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAiBD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAqB,EACrB,MAAM,GACP,EAAE,iBAAiB,+BAuCnB"}

package/dist/components/list/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/list/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,iFAAiF;IACjF,eAAe,EAAE,MAAM,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAgBD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,eAAe,EACf,IAAmB,EACnB,MAAM,GACP,EAAE,cAAc,+BA+BhB"}

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

@@ -0,0 +1,3 @@
+export * from "./SwipeableRow";
+export * from "./Thumbnail";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/components/list/index.js

@@ -0,0 +1,2 @@
+export * from "./SwipeableRow";
+export * from "./Thumbnail";

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoPicker.d.ts","sourceRoot":"","sources":["../../../src/components/picker/PhotoPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,sBAAsB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAClD,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAkDD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,GACP,EAAE,gBAAgB,+BAoHlB"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

package/dist/components/picker/index.js

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

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

@@ -0,0 +1,24 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+export interface AboutSettingsScreenStyles {
+    container?: StyleProp<ViewStyle>;
+    appName?: StyleProp<TextStyle>;
+    version?: StyleProp<TextStyle>;
+    separator?: StyleProp<ViewStyle>;
+    paragraph?: StyleProp<TextStyle>;
+    hint?: StyleProp<TextStyle>;
+}
+export interface AboutSettingsScreenLabels {
+    version?: (version: string) => string;
+    developedBy?: (name: string) => string;
+}
+export interface AboutSettingsScreenProps {
+    appName: string;
+    version: string;
+    /** One or more paragraphs describing the app, rendered in order. */
+    description: string | string[];
+    developerName: string;
+    labels?: AboutSettingsScreenLabels;
+    styles?: AboutSettingsScreenStyles;
+}
+export declare function AboutSettingsScreen({ appName, version, description, developerName, labels, styles, }: AboutSettingsScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=AboutSettingsScreen.d.ts.map

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

@@ -0,0 +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,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,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,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AA8BD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,+BA8B1B"}

package/dist/components/settings/AboutSettingsScreen.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View } from "react-native";
+const defaultLabels = {
+    version: (version) => `Version ${version}`,
+    developedBy: (name) => `Développée par ${name}.`,
+};
+const defaultStyles = {
+    container: {},
+    appName: { fontSize: 22, fontWeight: "700", color: "#111827" },
+    version: { fontSize: 13, color: "#6b7280", marginTop: 2 },
+    separator: {
+        height: 1,
+        marginVertical: 16,
+        backgroundColor: "#e5e7eb",
+    },
+    paragraph: {
+        fontSize: 14,
+        lineHeight: 20,
+        color: "#111827",
+        marginBottom: 12,
+    },
+    hint: { fontSize: 13, color: "#6b7280" },
+};
+// App name, version, a short description, and a "developed by" credit — the
+// standard "About" section of a settings tab. `appName`/`version` are
+// 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, 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],
+        hint: [defaultStyles.hint, styles?.hint],
+    };
+    const t = { ...defaultLabels, ...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))), _jsx(View, { style: merged.separator }), _jsx(Text, { style: merged.hint, children: t.developedBy(developerName) })] }));
+}

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

@@ -0,0 +1,52 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+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 BackupSettingsScreenStyles {
+    container?: StyleProp<ViewStyle>;
+    hint?: StyleProp<TextStyle>;
+    row?: StyleProp<ViewStyle>;
+    button?: StyleProp<ViewStyle>;
+    buttonDisabled?: StyleProp<ViewStyle>;
+    buttonText?: 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;
+    importConfirmTitle?: string;
+    importConfirmMessage?: string;
+    importConfirmLabel?: string;
+    importConfirmCancelLabel?: string;
+    reminderLabel?: string;
+    reminderHint?: (intervalDays: number) => string;
+    exportErrorTitle?: string;
+    importErrorTitle?: string;
+    genericErrorMessage?: string;
+}
+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>;
+    /**
+     * Imports data from a file the user picks, replacing what's currently
+     * stored. Only called after the user confirms the destructive-replace
+     * warning — this doesn't need to show its own confirmation.
+     */
+    onImport: () => Promise<void>;
+    /** Omit entirely to not show a reminder toggle at all. */
+    reminder?: BackupSettingsScreenReminder;
+    labels?: BackupSettingsScreenLabels;
+    styles?: BackupSettingsScreenStyles;
+}
+export declare function BackupSettingsScreen({ onExport, onImport, reminder, labels, styles, }: BackupSettingsScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=BackupSettingsScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackupSettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/components/settings/BackupSettingsScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYpE,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sFAAsF;IACtF,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,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,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,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,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;AAiED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,+BA8H3B"}

package/dist/components/settings/BackupSettingsScreen.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ActivityIndicator, Alert, Pressable, Switch, Text, View, } from "react-native";
+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",
+    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: {},
+    hint: { fontSize: 13, color: "#6b7280", marginBottom: 16 },
+    row: { flexDirection: "row", gap: 10 },
+    button: {
+        flex: 1,
+        paddingVertical: 12,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: "#2563eb",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    buttonDisabled: { opacity: 0.5 },
+    buttonText: { color: "#2563eb", fontWeight: "700" },
+    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,
+};
+function errorMessage(err, fallback) {
+    return err instanceof Error ? err.message : fallback;
+}
+// Export/import buttons plus an optional reminder-notification toggle — the
+// standard "Backup" section of a settings tab. Deliberately just a shell:
+// 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, labels, styles, }) {
+    const [exporting, setExporting] = useState(false);
+    const [importing, setImporting] = useState(false);
+    const merged = {
+        container: [defaultStyles.container, styles?.container],
+        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],
+        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;
+    async function handleExport() {
+        if (exporting)
+            return;
+        setExporting(true);
+        try {
+            await onExport();
+        }
+        catch (err) {
+            Alert.alert(t.exportErrorTitle, errorMessage(err, t.genericErrorMessage));
+        }
+        finally {
+            setExporting(false);
+        }
+    }
+    function handleImportPress() {
+        if (importing)
+            return;
+        confirmDestructive(t.importConfirmTitle, () => {
+            void (async () => {
+                setImporting(true);
+                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,
+        });
+    }
+    return (_jsxs(View, { style: merged.container, children: [_jsx(Text, { style: merged.hint, children: t.hint }), _jsxs(View, { style: merged.row, children: [_jsx(Pressable, { style: [merged.button, exporting && merged.buttonDisabled], disabled: exporting, onPress: () => {
+                            void handleExport();
+                        }, accessibilityRole: "button", accessibilityLabel: t.exportButton, children: exporting ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsx(Text, { style: merged.buttonText, children: t.exportButton })) }), _jsx(Pressable, { style: [merged.button, importing && merged.buttonDisabled], disabled: importing, onPress: handleImportPress, accessibilityRole: "button", accessibilityLabel: t.importButton, children: importing ? (_jsx(ActivityIndicator, { color: activityIndicatorColor })) : (_jsx(Text, { style: merged.buttonText, children: t.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 }))] }))] }));
+}