@krizaka/ui 3.3.0 → 3.5.0

package/dist/native.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
-import { ViewProps, PressableProps, StyleProp, ViewStyle, TextProps, ImageProps, TextInput, TextInputProps, DimensionValue, ActivityIndicatorProps } from 'react-native';
+import { StyleProp, ViewStyle, ViewProps, PressableProps, TextProps, ImageProps, TextInput, TextInputProps, Animated, NativeSyntheticEvent, NativeScrollEvent, TextStyle, RefreshControlProps, DimensionValue, ActivityIndicatorProps } from 'react-native';
 
 /** Milliseconds left until `target` (never negative), ticking every second. `skewMs` = server clock − this clock. */
 declare function useCountdown(target: Date | string | number, skewMs?: number): number;
@@ -54,6 +54,93 @@ declare const addMonths: (iso: string, months: number) => string;
 
 type BrandId = "krizaka" | "orazaka" | "orochia" | "yazakia" | "yororis";
 
+type Controlled = {
+    /** Open (controlled). */
+    open?: boolean;
+    /** Open at first, uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when it opens or closes (the back button, the scrim, an action). */
+    onOpenChange?: (open: boolean) => void;
+};
+
+type ActionSheetAction = {
+    /** The action's words — passed translated. */
+    label: string;
+    /** What it does; the sheet closes first. */
+    onPress: () => void;
+    /** A destructive action wears the danger text. */
+    destructive?: boolean;
+    /** A decorative icon before the words. */
+    icon?: React$1.ReactNode;
+    /** Cannot be chosen now. */
+    disabled?: boolean;
+};
+type ActionSheetProps = Controlled & {
+    /** What the choices are about (“Your video”) — the accessible name. */
+    title: string;
+    /** One line under the title. */
+    description?: string;
+    /** The choices, in order. */
+    actions: readonly ActionSheetAction[];
+    /** The cancel button's words (“Cancel”) — passed translated. */
+    cancelLabel: string;
+};
+/** A short list of actions from the bottom edge — share, edit, delete — and a cancel button apart, as the platforms do. */
+declare function ActionSheet({ title, description, actions, cancelLabel, ...controlled }: ActionSheetProps): React$1.JSX.Element;
+
+type ActivityTone = "neutral" | "accent" | "success" | "warning" | "danger" | "info";
+type ActivityEvent = {
+    /** A stable id. */
+    id: string;
+    /** When it happened: an ISO date-time, an epoch in ms or a `Date`. */
+    at: string | number | Date;
+    /** What happened, in a sentence — passed translated (“Mina tipped your video $5”). */
+    title: string;
+    /** A detail under it. */
+    description?: string;
+    /** Who did it (folds a run of the same `kind` by the same actor). */
+    actor?: string;
+    /** The kind of event (`tip`, `bid`, `job.done`): with `actor`, what folds. */
+    kind?: string;
+    /** The tone of its marker: success for a payout, danger for a failure. */
+    tone?: ActivityTone;
+};
+
+type ActivityFeedLabels = {
+    /** The heading of today's events. */
+    today: string;
+    /** The heading of yesterday's. */
+    yesterday: string;
+    /** A folded run: `(n) => "×" + n`. */
+    times: (count: number) => string;
+    /** Announced when new events arrive in a live feed. */
+    newEvents: (count: number) => string;
+};
+type ActivityFeedProps<T extends ActivityEvent> = {
+    /** The events, in any order. */
+    events: readonly T[];
+    /** The feed's accessible name. */
+    "aria-label"?: string;
+    /** The locale of the dates and the “… ago”. Default `en-US`. */
+    locale?: string;
+    /** Now, for the “… ago” and the headings. Default: now, refreshed every minute. */
+    now?: Date;
+    /** Fold the runs of the same actor and kind. Default true. */
+    fold?: boolean;
+    /** Announce new events (a stream). */
+    live?: boolean;
+    /** Before an event's text: its actor's `Avatar`. */
+    leading?: (event: T) => React$1.ReactNode;
+    /** Shown when there is no event (an `EmptyState`). */
+    empty?: React$1.ReactNode;
+    /** The words, passed translated. */
+    labels?: Partial<ActivityFeedLabels>;
+    /** Styles of the list. */
+    style?: StyleProp<ViewStyle>;
+};
+/** What happened, newest first — the web `ActivityFeed`: by day under sticky headings, runs folded, “2 min ago”, new events announced. */
+declare function ActivityFeed<T extends ActivityEvent>({ events, "aria-label": label, locale, now: given, fold, live, leading, empty, labels: words, style }: ActivityFeedProps<T>): React$1.JSX.Element;
+
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarProps = Omit<ViewProps, "children"> & {
     /**
@@ -67,11 +154,17 @@ type AvatarProps = Omit<ViewProps, "children"> & {
     /** The person's name: the image's accessible name and the source of the default initial. */
     alt?: string;
     /** Shown while there is no image or when it fails: default, the first letter of `alt`. */
-    fallback?: React.ReactNode;
+    fallback?: React$1.ReactNode;
     /** A size of the scale, or points. */
     size?: AvatarSize | number;
-};
-declare function AvatarRoot({ src, svg, alt, fallback, size, style, ...props }: AvatarProps): React.JSX.Element;
+    /** A dot at the bottom right: `online` (success), `away` (warning), `busy` (danger), `offline` (hollow). */
+    presence?: "online" | "away" | "busy" | "offline";
+    /** The words of the presence for screen readers (“online”) — passed translated; read after the name. */
+    presenceLabel?: string;
+    /** A ring around it: `story` (an unseen story, in the accent gradient), `seen` (a story already watched), `live` (danger). */
+    ring?: "story" | "seen" | "live";
+};
+declare function AvatarRoot({ src, svg, alt, fallback, size, presence, presenceLabel, ring, style, ...props }: AvatarProps): React$1.JSX.Element;
 type AvatarGroupProps = ViewProps & {
     /** How many avatars are shown; the rest becomes a `+n` avatar. */
     max?: number;
@@ -79,7 +172,7 @@ type AvatarGroupProps = ViewProps & {
     size?: AvatarSize | number;
 };
 /** Overlapping avatars; past `max`, a `+n` avatar counts the rest. */
-declare function AvatarGroup({ max, size, style, children, ...props }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarGroup({ max, size, style, children, ...props }: AvatarGroupProps): React$1.JSX.Element;
 /** `Avatar` (an image with a fallback) and `Avatar.Group`. */
 declare const Avatar: typeof AvatarRoot & {
     Group: typeof AvatarGroup;
@@ -95,10 +188,10 @@ type BadgeProps = ViewProps & {
     dot?: boolean;
     /** The dot breathes (still when the system reduces motion). */
     pulse?: boolean;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 };
 /** A short status in capitals: a tone, a size, an optional (pulsing) dot. */
-declare function Badge({ tone, size, dot, pulse, style, children, ...props }: BadgeProps): React.JSX.Element;
+declare function Badge({ tone, size, dot, pulse, style, children, ...props }: BadgeProps): React$1.JSX.Element;
 
 type ButtonVariant = "primary" | "gradient" | "secondary" | "outline" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -118,18 +211,18 @@ type ButtonProps = BaseProps & {
     /** The visible text — passed translated. It is also the accessible name. */
     label: string;
     /** Before the label (an icon component from the app's icon set). */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
 };
 /** The action. `variant` × `size` × `shape`, `loading`, `icon`; the haptics, if any, belong to the app's `onPress`. */
-declare function Button({ label, icon, variant, size, shape, loading, disabled, style, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ label, icon, variant, size, shape, loading, disabled, style, ...props }: ButtonProps): React$1.JSX.Element;
 type IconButtonProps = BaseProps & {
     /** The accessible name — required, passed translated. */
     label: string;
     /** The icon (from the app's icon set); the button shows nothing else. */
-    icon: React.ReactNode;
+    icon: React$1.ReactNode;
 };
 /** A square button holding only an icon: `label` is required, it is its accessible name. */
-declare function IconButton({ label, icon, variant, size, shape, loading, disabled, style, ...props }: IconButtonProps): React.JSX.Element;
+declare function IconButton({ label, icon, variant, size, shape, loading, disabled, style, ...props }: IconButtonProps): React$1.JSX.Element;
 
 type TxtVariant = "display" | "title" | "body" | "caption" | "label" | "mono";
 type TxtTone = "text" | "secondary" | "muted" | "accent" | "success" | "warning" | "danger" | "onAccent" | "onMedia";
@@ -140,7 +233,7 @@ type TxtProps = TextProps & {
     tone?: TxtTone;
 };
 /** Text in the platform's scale, coloured by a role of the current theme. `title` and `display` are headers for screen readers. */
-declare function Txt({ variant, tone, style, ...props }: TxtProps): React.JSX.Element;
+declare function Txt({ variant, tone, style, ...props }: TxtProps): React$1.JSX.Element;
 declare const textStyles: {
     display: {
         fontSize: number;
@@ -186,7 +279,7 @@ type CardRootProps = ViewProps & {
     onPress?: PressableProps["onPress"];
 };
 /** The frame: the theme's surface, a hairline border, rounded corners; `onPress` makes it a pressable card. */
-declare function CardRoot({ tone, radius, onPress, style, ...props }: CardRootProps): React.JSX.Element;
+declare function CardRoot({ tone, radius, onPress, style, ...props }: CardRootProps): React$1.JSX.Element;
 declare const ASPECT: {
     readonly video: number;
     readonly square: 1;
@@ -197,22 +290,22 @@ type CardMediaProps = ViewProps & {
     aspect?: keyof typeof ASPECT | "auto";
 };
 /** The media area at the top of a card: a fixed ratio, the `media` role behind (what shows while an image loads). */
-declare function CardMedia({ aspect, style, ...props }: CardMediaProps): React.JSX.Element;
+declare function CardMedia({ aspect, style, ...props }: CardMediaProps): React$1.JSX.Element;
 type CardImageProps = Omit<ImageProps, "source" | "src"> & {
     /** The image URI; absent or `null`: the `fallback` on the media colour. */
     src?: string | null;
     /** Shown when there is no image: an icon, an illustration (decorative). */
-    fallback?: React.ReactNode;
+    fallback?: React$1.ReactNode;
 };
 /** The image of a media (it fills it), or its `fallback` when there is none. Decorative unless `alt` is given. */
-declare function CardImage({ src, fallback, alt, style, ...props }: CardImageProps): React.JSX.Element;
+declare function CardImage({ src, fallback, alt, style, ...props }: CardImageProps): React$1.JSX.Element;
 declare const CORNER: Record<"top-left" | "top-right" | "bottom-left" | "bottom-right", ViewStyle>;
 type CardOverlayProps = ViewProps & {
     /** The corner of the media it sits in: top-left (default) · top-right · bottom-left · bottom-right. */
     corner?: keyof typeof CORNER;
 };
 /** What sits on the media (badges, a caption), in a corner. */
-declare function CardOverlay({ corner, style, ...props }: CardOverlayProps): React.JSX.Element;
+declare function CardOverlay({ corner, style, ...props }: CardOverlayProps): React$1.JSX.Element;
 declare const PADDING: {
     readonly none: 0;
     readonly sm: 12;
@@ -223,11 +316,11 @@ type CardBodyProps = ViewProps & {
     /** none · sm · md (default) · lg. */
     padding?: keyof typeof PADDING;
 };
-declare function CardBody({ padding, style, ...props }: CardBodyProps): React.JSX.Element;
+declare function CardBody({ padding, style, ...props }: CardBodyProps): React$1.JSX.Element;
 /** The card's name: one line, a header for screen readers. */
-declare function CardTitle({ numberOfLines, ...props }: Omit<TxtProps, "variant">): React.JSX.Element;
-declare function CardDescription({ numberOfLines, ...props }: Omit<TxtProps, "variant">): React.JSX.Element;
-declare function CardFooter({ style, ...props }: ViewProps): React.JSX.Element;
+declare function CardTitle({ numberOfLines, ...props }: Omit<TxtProps, "variant">): React$1.JSX.Element;
+declare function CardDescription({ numberOfLines, ...props }: Omit<TxtProps, "variant">): React$1.JSX.Element;
+declare function CardFooter({ style, ...props }: ViewProps): React$1.JSX.Element;
 /** `Card.Root/Media/Image/Overlay/Body/Title/Description/Footer` — the web parts, on View, Image and Text. */
 declare const Card: {
     Root: typeof CardRoot;
@@ -240,9 +333,100 @@ declare const Card: {
     Footer: typeof CardFooter;
 };
 
+/** Where a sent message stands. */
+type MessageStatus = "sending" | "sent" | "delivered" | "read" | "failed";
+type MessageBubbleLabels = {
+    /** The words of each status (“Sent”, “Read”…), shown under the last message of yours. */
+    status?: Partial<Record<MessageStatus, string>>;
+    /** The retry hint of a failed message (“Tap to retry”). */
+    retry?: string;
+};
+type MessageBubbleProps = {
+    /** The text. */
+    text: string;
+    /** Yours (right, in the accent) or theirs (left). */
+    mine?: boolean;
+    /** The time, written by the app (“14:02”). */
+    time?: string;
+    /** Where a message of yours stands; shown when `showStatus`. */
+    status?: MessageStatus;
+    /** Show the status under the bubble (the last message of yours). */
+    showStatus?: boolean;
+    /** A line above the text: what it answers (“Replied to your story”). */
+    context?: string;
+    /** Called when a failed message is pressed: send it again. */
+    onRetry?: () => void;
+    /** Part of a run of the same sender: the corner towards the next one is tighter. */
+    grouped?: "first" | "middle" | "last" | "single";
+    /** The words, passed translated. */
+    labels?: MessageBubbleLabels;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** A message: yours in the accent on the right, theirs on the left, the time inside, the receipt under the last of yours. */
+declare function MessageBubble({ text, mine, time, status, showStatus, context, onRetry, grouped, labels, style }: MessageBubbleProps): React$1.JSX.Element;
+type TypingIndicatorProps = {
+    /** What is said to screen readers and shown beside the dots (“Elena is typing”) — passed translated. */
+    label: string;
+    /** Show the words beside the dots. Default false. */
+    showLabel?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** Three dots that breathe in a bubble while the other person types; still under reduced motion. */
+declare function TypingIndicator({ label, showLabel, style }: TypingIndicatorProps): React$1.JSX.Element;
+type MessageComposerProps = {
+    /** The draft (controlled). */
+    value: string;
+    /** Called on every key (send the typing signal from here). */
+    onValueChange: (text: string) => void;
+    /** Sends the draft; the composer does not clear it — the app does once sent. */
+    onSend: () => void;
+    /** The input's name and placeholder (“Message”) — passed translated. */
+    placeholder: string;
+    /** The send button's name (“Send”). */
+    sendLabel: string;
+    /** Before the input: an attach button. */
+    leading?: React$1.ReactNode;
+    /** Cannot write (blocked, read-only): the reason in its place. */
+    disabledReason?: string;
+    /** The longest message. Default 4000. */
+    maxLength?: number;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** Where a message is written: a growing input, an attach slot, a send button that wakes when there is something to send. */
+declare function MessageComposer({ value, onValueChange, onSend, placeholder, sendLabel, leading, disabledReason, maxLength, style }: MessageComposerProps): React$1.JSX.Element;
+type ConversationItemProps = {
+    /** The other person's name. */
+    name: string;
+    /** Their avatar's URI. */
+    avatar?: string | null;
+    /** Their presence (a dot on the avatar). */
+    presence?: "online" | "away" | "busy" | "offline";
+    /** The presence in words (“online”). */
+    presenceLabel?: string;
+    /** The last message, or “typing…”. */
+    preview: string;
+    /** The preview is the typing signal: in the accent. */
+    typing?: boolean;
+    /** When (“14:02”, “Mon”). */
+    time?: string;
+    /** Unread messages: a count in the accent, the name in bold. */
+    unread?: number;
+    /** The unread count in words (“3 unread”). */
+    unreadLabel?: string;
+    /** Opens the conversation. */
+    onPress?: () => void;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** A conversation in the list: avatar and presence, name, the last message or typing, the time, the unread count. */
+declare function ConversationItem({ name, avatar, presence, presenceLabel, preview, typing, time, unread, unreadLabel, onPress, style }: ConversationItemProps): React$1.JSX.Element;
+
 type CheckboxProps = {
     /** The words next to the box: text (pressable with it), or a `Txt` with links inside (terms, privacy) — then the box alone is pressed and `label` names it. */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** The accessible name when `children` is not plain text (a sentence with links), passed translated. */
     label?: string;
     /** Ticked (controlled). */
@@ -262,7 +446,7 @@ type CheckboxProps = {
  * A checkbox for React Native: a 44-pt row — the box and its words, pressed as one — with an error under it. The web
  * `Checkbox` with `children`.
  */
-declare function Checkbox({ children, label, checked, defaultChecked, onCheckedChange, error, disabled, style }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ children, label, checked, defaultChecked, onCheckedChange, error, disabled, style }: CheckboxProps): React$1.JSX.Element;
 
 type ChipSize = "sm" | "md";
 type CommonProps = Omit<PressableProps, "children" | "style" | "onPress"> & {
@@ -271,7 +455,7 @@ type CommonProps = Omit<PressableProps, "children" | "style" | "onPress"> & {
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
     /** The text (passed translated) or a node (an icon and a text). */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
 type ToggleChipProps = CommonProps & {
     /** Inside `Chip.Group`: the value this chip stands for (required there, ignored alone). */
@@ -294,7 +478,7 @@ type RemovableChipProps = CommonProps & {
 };
 type ChipProps = ToggleChipProps | RemovableChipProps;
 /** A selectable pill (`selected` / `onSelectedChange`), an item of `Chip.Group` (`value`), or `removable`. */
-declare function ChipBase(props: ChipProps): React.JSX.Element;
+declare function ChipBase(props: ChipProps): React$1.JSX.Element;
 type GroupBase = {
     /** sm · md (default); in a group, the group's size. */
     size?: ChipSize;
@@ -305,7 +489,7 @@ type GroupBase = {
     "aria-label"?: string;
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
 type ChipGroupProps = (GroupBase & {
     type: "single";
@@ -319,7 +503,7 @@ type ChipGroupProps = (GroupBase & {
     onValueChange?: (value: string[]) => void;
 });
 /** A set of chips: `single` (one value, a radio group; pressing the chosen chip keeps it) or `multiple` (toggles). */
-declare function ChipGroup(props: ChipGroupProps): React.JSX.Element;
+declare function ChipGroup(props: ChipGroupProps): React$1.JSX.Element;
 /** `Chip` and `Chip.Group`. */
 declare const Chip: typeof ChipBase & {
     Group: typeof ChipGroup;
@@ -361,7 +545,7 @@ type SelectProps = FieldShared & {
     sheetTitle?: string;
 };
 /** One choice among many — the web `<select>`: a field that opens a sheet of options; picking one closes it. */
-declare function Select({ options, value: valueProp, defaultValue, onValueChange, sheetTitle, ...shared }: SelectProps): React.JSX.Element;
+declare function Select({ options, value: valueProp, defaultValue, onValueChange, sheetTitle, ...shared }: SelectProps): React$1.JSX.Element;
 type ComboboxLabels = {
     /** The search box's name and placeholder ("Search"). */
     search: string;
@@ -388,7 +572,7 @@ type ComboboxProps = FieldShared & {
     labels?: Partial<ComboboxLabels>;
 };
 /** A choice among many, searched: a field that opens a sheet with a search box and the matching options. */
-declare function Combobox({ options, onSearch, multiple, value, onValueChange, labels: given, ...shared }: ComboboxProps): React.JSX.Element;
+declare function Combobox({ options, onSearch, multiple, value, onValueChange, labels: given, ...shared }: ComboboxProps): React$1.JSX.Element;
 
 type CountdownProps = {
     /** The moment it counts down to: a Date, an ISO string or epoch milliseconds. */
@@ -414,7 +598,7 @@ type CountdownProps = {
  * danger text role (≥ 4.5:1 in both themes) and its last segment breathes (still when the system reduces motion).
  * `showLabel` writes `label` before the segments; it is the accessible name either way.
  */
-declare function Countdown({ target, skewMs, units, urgentBelowMs, size, label, showLabel, style }: CountdownProps): React.JSX.Element;
+declare function Countdown({ target, skewMs, units, urgentBelowMs, size, label, showLabel, style }: CountdownProps): React$1.JSX.Element;
 
 type DateFieldLabels = {
     /** The name of the day's box. */
@@ -449,7 +633,7 @@ type DateFieldProps = {
     /** Not available. */
     disabled?: boolean;
     /** The first box (in the locale's order), to focus the field from the one before it. */
-    inputRef?: React.Ref<TextInput>;
+    inputRef?: React$1.Ref<TextInput>;
     /** Called by the last box's return key (`returnKeyType`): move to the next field, or send the form. */
     onSubmitEditing?: () => void;
     /** The last box's return key. Default `done`. */
@@ -461,7 +645,7 @@ type DateFieldProps = {
  * A date typed as day, month and year — a memorable date (a birth date, an expiry) that a calendar would make slow to
  * reach: numeric keypads, the boxes in the locale's order, the next box focused once one is full. No native module.
  */
-declare function DateField({ label, hint, error, value, defaultValue, onValueChange, onBlur, locale, labels: given, autoComplete, disabled, inputRef, onSubmitEditing, returnKeyType, style }: DateFieldProps): React.JSX.Element;
+declare function DateField({ label, hint, error, value, defaultValue, onValueChange, onBlur, locale, labels: given, autoComplete, disabled, inputRef, onSubmitEditing, returnKeyType, style }: DateFieldProps): React$1.JSX.Element;
 
 type CalendarLabels = {
     /** The previous-month button ("Previous month"). */
@@ -500,7 +684,7 @@ type CalendarProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** A month to pick a day or the ends of a period — the web `Calendar`: 44-pt days, today's node, the range as a band. */
-declare function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDateDisabled, weekStartsOn, today: todayProp, labels: given, style }: CalendarProps): React.JSX.Element;
+declare function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDateDisabled, weekStartsOn, today: todayProp, labels: given, style }: CalendarProps): React$1.JSX.Element;
 type MonthPickerProps = {
     /** The BCP 47 locale of the month names: always explicit. */
     locale: string;
@@ -521,7 +705,7 @@ type MonthPickerProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** A month of a year: the twelve months in a grid, the year above them — the web `MonthPicker`. */
-declare function MonthPicker({ locale, value, onValueChange, min, max, labels, style }: MonthPickerProps): React.JSX.Element;
+declare function MonthPicker({ locale, value, onValueChange, min, max, labels, style }: MonthPickerProps): React$1.JSX.Element;
 type DayStripProps = {
     /** The group's accessible name ("Delivery day"), passed translated. */
     label: string;
@@ -549,7 +733,7 @@ type DayStripProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** The days ahead in a row that scrolls sideways — the web `DayStrip`: a radio group of 56×72-pt days. */
-declare function DayStrip({ label, locale, value: valueProp, defaultValue, onValueChange, start, days, isDateDisabled, isDateMarked, markedLabel, today: todayProp, style }: DayStripProps): React.JSX.Element;
+declare function DayStrip({ label, locale, value: valueProp, defaultValue, onValueChange, start, days, isDateDisabled, isDateMarked, markedLabel, today: todayProp, style }: DayStripProps): React$1.JSX.Element;
 type TimePickerLabels = {
     /** The hours' wheel ("Hours"). */
     hours: string;
@@ -587,7 +771,7 @@ type TimePickerProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** A time of day: wheels to set one, or slots to book one — the web `TimePicker`. */
-declare function TimePicker({ label, locale, value: valueProp, defaultValue, onValueChange, variant, minuteStep, hour12, labels: given, slots, isTimeDisabled, disabled, style }: TimePickerProps): React.JSX.Element;
+declare function TimePicker({ label, locale, value: valueProp, defaultValue, onValueChange, variant, minuteStep, hour12, labels: given, slots, isTimeDisabled, disabled, style }: TimePickerProps): React$1.JSX.Element;
 type DateWheelProps = {
     /** The visible label, passed translated (the group's name). */
     label: string;
@@ -617,7 +801,28 @@ type DateWheelProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** Day, month and year as three wheels in the locale's order, bounded by `min` and `max` — the web `DateWheel`. */
-declare function DateWheel({ label, locale, value: valueProp, defaultValue, onValueChange, min, max, defaultView, hint, error, labels: given, disabled, style }: DateWheelProps): React.JSX.Element;
+declare function DateWheel({ label, locale, value: valueProp, defaultValue, onValueChange, min, max, defaultView, hint, error, labels: given, disabled, style }: DateWheelProps): React$1.JSX.Element;
+
+type DescriptionItem = {
+    /** The term (“Status”, “Credits”) — passed translated. */
+    term: string;
+    /** The value: text, a `Badge`. */
+    details: React$1.ReactNode;
+    /** A line under the value (a date, a unit). */
+    hint?: string;
+    /** A stable key, when the terms are not unique. */
+    id?: string;
+};
+type DescriptionListProps = {
+    /** The pairs, in reading order. */
+    items: readonly DescriptionItem[];
+    /** stacked (default) · inline (term left, value right: a receipt) · grid (cards, two per row). */
+    layout?: "stacked" | "inline" | "grid";
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** Term and value pairs — the web `DescriptionList`: a job's details, a payout's breakdown; each pair read as one. */
+declare function DescriptionList({ items, layout, style }: DescriptionListProps): React$1.JSX.Element;
 
 type SheetProps = {
     /** Open (controlled). */
@@ -629,7 +834,7 @@ type SheetProps = {
     /** The name of the close action read by screen readers ("Close"), passed translated. */
     closeLabel?: string;
     /** The content: a list, details, a form. */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Styles merged last, on the sheet. */
     style?: StyleProp<ViewStyle>;
 };
@@ -638,20 +843,42 @@ type SheetProps = {
  * a choice (`Select`, `Combobox`), the details of a pin on a map, a short form. React Native's `Modal`: focus stays
  * inside, the back button closes it. Rises with the theme's ease; still under reduced motion.
  */
-declare function Sheet({ open, onOpenChange, title, closeLabel, children, style }: SheetProps): React.JSX.Element;
+declare function Sheet({ open, onOpenChange, title, closeLabel, children, style }: SheetProps): React$1.JSX.Element;
 
 type EmptyStateProps = Omit<ViewProps, "children"> & {
     /** A decorative icon (hidden from screen readers). */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** What is empty, in a few words ("No notifications yet"). */
     title: string;
     /** Why, or what will fill it. */
     description?: string;
     /** What to do next: a Button. */
-    action?: React.ReactNode;
+    action?: React$1.ReactNode;
 };
 /** What a list, a search or a screen says when it has nothing to show — every word is a prop. */
-declare function EmptyState({ icon, title, description, action, style, ...props }: EmptyStateProps): React.JSX.Element;
+declare function EmptyState({ icon, title, description, action, style, ...props }: EmptyStateProps): React$1.JSX.Element;
+
+type FabProps = {
+    /** The action in words (“New challenge”) — passed translated: the accessible name, and shown when `extended`. */
+    label: string;
+    /** The icon (decorative). */
+    icon: React$1.ReactNode;
+    /** What it does. */
+    onPress: () => void;
+    /** Shows the words beside the icon (collapse it while the list scrolls down). */
+    extended?: boolean;
+    /** Which corner. Default `end` (bottom right in left-to-right). */
+    placement?: "end" | "center" | "start";
+    /** Extra distance from the bottom, above a tab bar (its height). Default 0. */
+    offset?: number;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The screen's main action, floating above the content in the accent — one per screen (create, compose, record). It
+ * keeps clear of the safe area and the tab bar (`offset`), shows its words when `extended`, a light tap confirms.
+ */
+declare function Fab({ label, icon, onPress, extended, placement, offset, style }: FabProps): React$1.JSX.Element;
 
 type TextFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeText" | "style" | "editable"> & {
     /** The visible label above the input, passed translated (also its accessible name). */
@@ -669,9 +896,9 @@ type TextFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeT
     /** Not available: dimmed, not focusable. */
     disabled?: boolean;
     /** Something at the end of the input: a spinner while a value is checked, a check once it is, a show-password button. */
-    end?: React.ReactNode;
+    end?: React$1.ReactNode;
     /** The input itself, to focus it (`ref.current?.focus()`) or move to the next field. */
-    inputRef?: React.Ref<TextInput>;
+    inputRef?: React$1.Ref<TextInput>;
     /** Styles merged last, on the field (label, input, caption). */
     style?: StyleProp<ViewStyle>;
 };
@@ -680,7 +907,7 @@ type TextFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeT
  * `autoComplete`, `returnKeyType`…), a hint or an error under it — the web `Field` + `Input`. `multiline` makes it a
  * text area.
  */
-declare function TextField({ label, hint, error, value, defaultValue, onValueChange, disabled, end, inputRef, style, multiline, onFocus, onBlur, ...props }: TextFieldProps): React.JSX.Element;
+declare function TextField({ label, hint, error, value, defaultValue, onValueChange, disabled, end, inputRef, style, multiline, onFocus, onBlur, ...props }: TextFieldProps): React$1.JSX.Element;
 
 type GoalGaugeProps = Omit<ViewProps, "children"> & {
     /** What the gauge counts (“Backers”) — passed translated; the meter's accessible name. */
@@ -701,7 +928,68 @@ type GoalGaugeProps = Omit<ViewProps, "children"> & {
     animated?: boolean;
 };
 /** A goal in steps for React Native: `role="meter"`, the reached steps lit, the value in words beside the label. */
-declare function GoalGauge({ label, segments, value, valueText, mode, showLabel, variant, animated, style, ...props }: GoalGaugeProps): React.JSX.Element;
+declare function GoalGauge({ label, segments, value, valueText, mode, showLabel, variant, animated, style, ...props }: GoalGaugeProps): React$1.JSX.Element;
+
+type HeaderProps = {
+    /** The screen's title — a heading, shown large under the bar until the content scrolls under it. */
+    title: string;
+    /** A line under the large title (a count, a date). */
+    subtitle?: string;
+    /** The scroll position of the screen's list (`useCollapsingHeader().scrollY`): the large title folds into the bar. Absent: always large. */
+    scrollY?: Animated.Value;
+    /** `large` (default: the top of a section) or `inline` (a detail screen: the title in the bar only). */
+    size?: "large" | "inline";
+    /** The back button's words (“Back”) — passed translated; with `onBack` it shows. */
+    backLabel?: string;
+    /** Called by the back button. */
+    onBack?: () => void;
+    /** Buttons at the right of the bar (`IconButton`s). */
+    actions?: React$1.ReactNode;
+    /** Under the title: a `SearchField`, `Tabs`. */
+    children?: React$1.ReactNode;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A screen's header: the bar (back, title, actions) under the status bar's safe area, and a large title that folds into
+ * the bar as the content scrolls — the iOS idiom, readable on Android. Feed it the list's scroll with
+ * `useCollapsingHeader()`. The title is the screen's heading for screen readers either way.
+ */
+declare function Header({ title, subtitle, scrollY, size, backLabel, onBack, actions, children, style }: HeaderProps): React$1.JSX.Element;
+/** The scroll position a `Header` folds with: `<ScrollView onScroll={onScroll} scrollEventThrottle={16}>` and `<Header scrollY={scrollY}>`. */
+declare function useCollapsingHeader(): {
+    scrollY: Animated.Value;
+    onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+};
+
+type ViewerImage = {
+    /** The image's URI. */
+    uri: string;
+    /** What it shows — passed translated; its accessible name. */
+    alt: string;
+    /** A caption under it. */
+    caption?: string;
+};
+type ImageViewerProps = {
+    /** The images, in order. */
+    images: readonly ViewerImage[];
+    /** The image open (its index); `null` closes the viewer. */
+    index: number | null;
+    /** Called when the person moves to another image or closes the viewer (`null`). */
+    onIndexChange: (index: number | null) => void;
+    /** The close button's words (“Close”) — passed translated. */
+    closeLabel: string;
+    /** The position for screen readers and the counter: `(n, total) => "2 of 5"`. */
+    positionLabel?: (position: number, total: number) => string;
+};
+/**
+ * Images full screen, on black: pinch to zoom (to 4×), double tap to zoom in and out, drag a zoomed image, swipe left
+ * and right between images, swipe down to close. Screen readers get the image's words, its position, and the close
+ * button; their swipes move between images (accessibility actions).
+ */
+declare function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel }: ImageViewerProps): React$1.JSX.Element | null;
+/** Preloads the neighbours of the image open, so a swipe shows the next one at once. */
+declare function prefetchNeighbours(images: readonly ViewerImage[], index: number | null): void;
 
 interface NativeMarkProps {
     /** Width and height in points. */
@@ -721,6 +1009,47 @@ interface NativeMarkProps {
  */
 declare function KrizakaMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
 
+type LoaderGlyphProps = {
+    /** loading · success · error. */
+    state?: "loading" | "success" | "error";
+    /** Between 0 and 1: the trace grows to it. Absent: indeterminate (the trace turns). */
+    value?: number | null;
+    /** The side, in points. Default 20. */
+    size?: number;
+    /** The stroke colour. Default: the accent (success and error: their tones). */
+    color?: string;
+};
+/** The Krizaka loader glyph (decorative): a hexagon traced by a segment of light around a node; done, a check or a cross. */
+declare function LoaderGlyph({ state, value, size, color }: LoaderGlyphProps): React$1.JSX.Element;
+/** `active` once it has lasted `delay` ms, then held at least `minDuration` ms: a wait never flashes nor blinks. */
+declare function useDelayedWait(active: boolean, delay?: number, minDuration?: number): boolean;
+type LoaderProps = {
+    /** What is loading, in words (“Loading your jobs”) — passed translated; shown and announced. */
+    label: string;
+    /** loading (default) · success · error: the ending shows for `endDuration` ms, then the loader goes. */
+    status?: "loading" | "success" | "error";
+    /** The words of a success — passed translated. Default: the label. */
+    successLabel?: string;
+    /** The words of a failure — passed translated. */
+    errorLabel?: string;
+    /** Between 0 and 1: a determinate wait, the percentage shows. */
+    value?: number | null;
+    /** The time left, in words (“About 20 s left”). */
+    eta?: string;
+    /** Milliseconds before anything shows. Default 250. */
+    delay?: number;
+    /** Once shown, the least milliseconds it stays. Default 600. */
+    minDuration?: number;
+    /** Milliseconds the ending stays. Default 1600; `0` never shows it. */
+    endDuration?: number;
+    /** inline (default) · block (a region's centre) · overlay (over its parent, frosted) · page (the whole screen). */
+    variant?: "inline" | "block" | "overlay" | "page";
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** A wait from start to end — the web `Loader`: delayed, never blinking, announced when it shows and when it ends. */
+declare function Loader({ label, status, successLabel, errorLabel, value, eta, delay, minDuration, endDuration, variant, style }: LoaderProps): React$1.JSX.Element | null;
+
 /**
  * The Krizaka flock — the geometry of the mascots, drawn by the web `Mascot` (`./mascot.tsx`) and the native one
  * (`../native/mascots.tsx`). Five birds that have carried the Krizaka story since the first site (the sentry falcon,
@@ -754,7 +1083,7 @@ type MascotStateProps = Omit<ViewProps, "children"> & {
     /** Why, or what comes next. */
     description?: string;
     /** What to do next: a Button. */
-    action?: React.ReactNode;
+    action?: React$1.ReactNode;
     /** The bird's size: `sm` 64, `md` 96 (default), `lg` 128 points. */
     size?: keyof typeof SIZE;
     /** `stacked` (default): the bird above centred words. `inline`: the bird beside the words. */
@@ -768,16 +1097,16 @@ type MascotStateProps = Omit<ViewProps, "children"> & {
  * A moment told by a bird of the flock — an empty list, a long wait, a success, an error, a welcome — for React Native.
  * Announced: `alert` for an error, a polite live region otherwise (`busy` while thinking).
  */
-declare function MascotState({ bird, mood, title, description, action, size, layout, tone, animated, style, ...props }: MascotStateProps): React.JSX.Element;
+declare function MascotState({ bird, mood, title, description, action, size, layout, tone, animated, style, ...props }: MascotStateProps): React$1.JSX.Element;
 type PresetProps = Omit<MascotStateProps, "mood">;
 /** It failed: what went wrong and what to do. */
-declare const ErrorState: (props: PresetProps) => React.JSX.Element;
+declare const ErrorState: (props: PresetProps) => React$1.JSX.Element;
 /** It is done: a payment, a verification, a delivery. */
-declare const SuccessState: (props: PresetProps) => React.JSX.Element;
+declare const SuccessState: (props: PresetProps) => React$1.JSX.Element;
 /** A long task runs: what runs, beside the bird. */
-declare const LoadingState: (props: PresetProps) => React.JSX.Element;
+declare const LoadingState: (props: PresetProps) => React$1.JSX.Element;
 /** A first screen, an onboarding step. */
-declare const WelcomeState: (props: PresetProps) => React.JSX.Element;
+declare const WelcomeState: (props: PresetProps) => React$1.JSX.Element;
 
 interface MascotProps {
     /** Which bird of the flock: `falcon` (watch), `owl` (reading), `duck` (building), `flamingo` (answers), `pigeon` (delivery), `lovebird` (introductions), `crane` (listening). */
@@ -801,6 +1130,137 @@ interface MascotProps {
  */
 declare function Mascot({ bird, mood, tone, size, animated, title, style }: MascotProps): React__default.JSX.Element;
 
+type MatchDialogProps = {
+    /** Shown (controlled). */
+    open: boolean;
+    /** Called when it closes. */
+    onOpenChange: (open: boolean) => void;
+    /** The headline (“It's a match!”) — passed translated, announced. */
+    title: string;
+    /** A line under it (“You and Elena liked each other”). */
+    description?: string;
+    /** The two people: their avatar URIs and names. */
+    people: readonly [{
+        src?: string | null;
+        name: string;
+    }, {
+        src?: string | null;
+        name: string;
+    }];
+    /** The main action (“Send a message”). */
+    primaryLabel: string;
+    /** What it does. */
+    onPrimary: () => void;
+    /** The way back (“Keep swiping”). */
+    secondaryLabel: string;
+};
+/**
+ * The moment two people choose each other — a match, a pair, a deal: full screen in the brand gradient, the two avatars
+ * meeting at a heart, a success tick, the next step. Under reduced motion they are simply there.
+ */
+declare function MatchDialog({ open, onOpenChange, title, description, people, primaryLabel, onPrimary, secondaryLabel }: MatchDialogProps): React$1.JSX.Element;
+
+type MeterPart = {
+    /** Its name (“To the creator”) — passed translated. */
+    label: string;
+    /** Its value, in the meter's unit. */
+    value: number;
+    /** Its value in words (“€9.00”); default: its percentage. */
+    valueText?: string;
+};
+type MeterProps = {
+    /** The accessible name (“Storage”, “Credits”) — passed translated; shown with `showLabel`. */
+    label: string;
+    /** The value, between `min` and `max` (ignored with `parts`). */
+    value?: number;
+    /** The start of the range. Default 0. */
+    min?: number;
+    /** The end of the range. Default 100. */
+    max?: number;
+    /** The value in words (“42 GB of 50 GB”); default: the percentage. */
+    valueText?: string;
+    /** The shares where the tone changes: below `low` good, up to `high` warning, past it the other end. */
+    thresholds?: {
+        readonly low: number;
+        readonly high: number;
+    };
+    /** Which end is good: `low` (default: a quota) or `high` (a score). */
+    optimum?: "low" | "high";
+    /** Split into parts that add up to `max`: a stacked bar or ring, with its legend. */
+    parts?: readonly MeterPart[];
+    /** bar (default) · ring. */
+    variant?: "bar" | "ring";
+    /** sm · md (default) · lg: the bar's thickness, the ring's diameter. */
+    size?: "sm" | "md" | "lg";
+    /** Shows the label and the value above the bar. */
+    showLabel?: boolean;
+    /** A ring's centre: the value, a word. */
+    children?: React$1.ReactNode;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** A measure within a range — a quota, a balance, a share — toned by thresholds or split into parts: the web `Meter`. */
+declare function Meter({ label, value, min, max, valueText, thresholds, optimum, parts, variant, size, showLabel, children, style }: MeterProps): React$1.JSX.Element;
+
+type NumberTickerProps = {
+    /** The value to show. */
+    value: number;
+    /** The locale of the digits and separators (`"fr"`: 1 204,5) — the app's locale. */
+    locale?: string;
+    /** How to write it (`{ style: "currency", currency: "EUR" }`): Intl.NumberFormat options. */
+    format?: Intl.NumberFormatOptions;
+    /** `mount` (default): climbs from zero once, when shown. `change`: rolls from the previous value on every change. */
+    trigger?: "mount" | "change";
+    /** Milliseconds of the roll. Default 1100. */
+    duration?: number;
+    /** Announce each new value (`trigger="change"`): a live total the person should hear. */
+    announce?: boolean;
+    /** The type scale. Default `display`. */
+    variant?: TxtVariant;
+    /** The text role. Default `text`. */
+    tone?: TxtTone;
+    /** Styles merged last. */
+    style?: StyleProp<TextStyle>;
+};
+/**
+ * A figure that climbs to its value — the web `NumberTicker`: tabular digits (no jitter), the final value for screen
+ * readers from the first frame, still under reduced motion.
+ */
+declare function NumberTicker({ value, locale, format, trigger, duration, announce, variant, tone, style }: NumberTickerProps): React$1.JSX.Element;
+
+type OnboardingSlide = {
+    /** The picture: a `Mascot`, an illustration, a product mark (decorative). */
+    visual?: React$1.ReactNode;
+    /** The promise, in a few words — passed translated. */
+    title: string;
+    /** One or two sentences. */
+    description: string;
+};
+type OnboardingProps = {
+    /** The slides, three or four. */
+    slides: readonly OnboardingSlide[];
+    /** The words of the buttons — passed translated. */
+    labels: {
+        /** To the next slide (“Next”). */
+        next: string;
+        /** On the last slide (“Get started”). */
+        done: string;
+        /** Skips to the end (“Skip”). */
+        skip: string;
+        /** The position, for screen readers: `(n, total) => "Step 2 of 3"`. */
+        position: (n: number, total: number) => string;
+    };
+    /** Called by “Get started” and “Skip”: remember it and leave. */
+    onDone: () => void;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A first launch in a few slides: swipe or tap Next, Skip at any time, dots that say where you are, the safe areas
+ * kept. Each slide is announced with its position; the buttons do everything a swipe does.
+ */
+declare function Onboarding({ slides, labels, onDone, style }: OnboardingProps): React$1.JSX.Element;
+
 /**
  * The Orazaka mark for React Native — the geometry of the web mark (marks/orazaka-geometry.ts): the three shards turn
  * slowly around the core, which breathes; still when the system reduces motion.
@@ -814,6 +1274,34 @@ declare function OrazakaMark({ size, animated, title, neutral }: NativeMarkProps
  */
 declare function OrochiaMark({ size, animated, title, neutral: neutralProp }: NativeMarkProps): React__default.JSX.Element;
 
+type OtpInputProps = {
+    /** The accessible name (“Verification code”) — passed translated. */
+    label: string;
+    /** How many characters. Default 6. */
+    length?: number;
+    /** The code (controlled). */
+    value?: string;
+    /** Called on every change with the code typed so far. */
+    onValueChange?: (code: string) => void;
+    /** Called once all the characters are there (check it here); a tick confirms. */
+    onComplete?: (code: string) => void;
+    /** `numeric` (default) or `text` (letters and digits). */
+    mode?: "numeric" | "text";
+    /** The code was refused: the boxes turn to danger, and an error tick. */
+    invalid?: boolean;
+    /** Cannot be typed in (checking). */
+    disabled?: boolean;
+    /** Focus it when shown. */
+    autoFocus?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A one-time code in boxes — one real input underneath, so the keyboard's suggestion of the code from a message
+ * (iOS `oneTimeCode`, Android `sms-otp`) and pasting fill every box at once; the caret shows in the next empty box.
+ */
+declare function OtpInput({ label, length, value, onValueChange, onComplete, mode, invalid, disabled, autoFocus, style }: OtpInputProps): React$1.JSX.Element;
+
 type PaginationLabels = {
     /** The previous-page button ("Previous page"). */
     previous: string;
@@ -850,7 +1338,42 @@ type PaginationProps = {
  * Previous / next with where the list stands ("Page 3 of 12"), or the two buttons of a cursor — the web
  * `Pagination` folded, the form a phone's thumb reaches. On a feed, prefer loading more at the end of the list.
  */
-declare function Pagination({ page, pageCount, onPageChange, hasPrevious, hasNext, onPrevious, onNext, status, disabled, labels, style }: PaginationProps): React.JSX.Element;
+declare function Pagination({ page, pageCount, onPageChange, hasPrevious, hasNext, onPrevious, onNext, status, disabled, labels, style }: PaginationProps): React$1.JSX.Element;
+
+type PermissionStatus = "undetermined" | "granted" | "denied" | "blocked";
+type PermissionPromptProps = {
+    /** Where the permission stands (from expo-camera, expo-notifications…): `blocked` = denied and the system will not ask again. */
+    status: PermissionStatus;
+    /** What it is for, in a few words (“Film your challenge”) — passed translated. */
+    title: string;
+    /** Why the app needs it, said plainly, before the system asks. */
+    description: string;
+    /** The button that asks (“Allow the camera”). */
+    allowLabel: string;
+    /** Asks the system (`requestPermission()` of the module). */
+    onAllow: () => void;
+    /** The button when the system will not ask again (“Open settings”) — with `onOpenSettings`. */
+    settingsLabel?: string;
+    /** Opens the app's settings (`Linking.openSettings()`). */
+    onOpenSettings?: () => void;
+    /** The words when it is blocked (“The camera is off for Orochia. Turn it on in the settings.”). */
+    blockedDescription?: string;
+    /** A secondary way out (“Not now”), with `onDismiss`. */
+    dismissLabel?: string;
+    /** Called by the way out. */
+    onDismiss?: () => void;
+    /** The bird above (decorative): the falcon watches (camera), the pigeon delivers (notifications). Default falcon. */
+    mascot?: MascotProps["bird"];
+    /** Rendered once granted: the camera, the screen. Absent: nothing. */
+    children?: React$1.ReactNode;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Before the system's permission dialog, the app says why: a bird, what it is for, the button that asks — and, once the
+ * system will not ask again, the way to the settings. Once granted, its children (the camera, the feature) show.
+ */
+declare function PermissionPrompt({ status, title, description, allowLabel, onAllow, settingsLabel, onOpenSettings, blockedDescription, dismissLabel, onDismiss, mascot, children, style, }: PermissionPromptProps): React$1.JSX.Element;
 
 interface PhoenixProps {
     /** `own` (default): the violet wing and the gold wing of the Krizaka story. `brand`: the theme's accent and accent-2. */
@@ -867,6 +1390,58 @@ interface PhoenixProps {
 /** The phoenix of the Krizaka story — the comeback — for React Native: the web `Phoenix`'s geometry. */
 declare function Phoenix({ tone, size, animated, title, style }: PhoenixProps): React__default.JSX.Element;
 
+/** A photo of the grid. */
+type GridPhoto = {
+    /** A stable id. */
+    id: string;
+    /** Its URI. */
+    uri: string;
+    /** What it shows — its accessible name. */
+    alt?: string;
+};
+type PhotoGridLabels = {
+    /** An empty slot's button (“Add a photo”). */
+    add: string;
+    /** The first photo's badge (“Main”). */
+    main: string;
+    /** A photo's menu title: `(n) => "Photo " + n`. */
+    photo: (position: number) => string;
+    /** Make it the main photo. */
+    makeMain: string;
+    /** Move it one place earlier. */
+    moveEarlier: string;
+    /** Move it one place later. */
+    moveLater: string;
+    /** Remove it. */
+    remove: string;
+    /** Cancel. */
+    cancel: string;
+};
+type PhotoGridProps = {
+    /** The photos, in order: the first is the main one. */
+    value: readonly GridPhoto[];
+    /** Called with the new order, or without a removed photo. */
+    onValueChange: (photos: GridPhoto[]) => void;
+    /** Called by an empty slot: open the `MediaPicker`, the camera or the editor, then add what comes back. */
+    onAdd?: () => void;
+    /** How many slots. Default 6. */
+    slots?: number;
+    /** Fewest photos required: the empty slots up to it are marked. Default 1. */
+    required?: number;
+    /** Columns. Default 3. */
+    columns?: number;
+    /** The words, passed translated. */
+    labels: PhotoGridLabels;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A profile's photos in a grid of slots — the first one is the main photo, empty slots invite to add. A long press (or
+ * a tap) opens a photo's menu: make it the main one, move it earlier or later, remove it; every move is a tick, and
+ * screen readers get the same actions on each photo.
+ */
+declare function PhotoGrid({ value, onValueChange, onAdd, slots, required, columns, labels, style }: PhotoGridProps): React$1.JSX.Element;
+
 /** The mark of a Krizaka brand by id, for React Native — the counterpart of the web `ProductLogo`. */
 declare function ProductMark({ id, ...props }: NativeMarkProps & {
     id: BrandId;
@@ -884,7 +1459,7 @@ interface ProfileStat {
 }
 type ProfileCardProps = Omit<ViewProps, "children"> & {
     /** The portrait: an `Avatar`, an image, a mark. Decorative — the name carries the meaning. */
-    visual: React.ReactNode;
+    visual: React$1.ReactNode;
     /** The name (the card's heading). */
     name: string;
     /** The headline gauge's label (“Profile complete”); without it, no headline gauge. */
@@ -898,12 +1473,12 @@ type ProfileCardProps = Omit<ViewProps, "children"> & {
     /** One line under the gauges. */
     caption?: string;
     /** Under everything: actions (a `Button`), chips. */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** The gauges fill once on mount; still when the system reduces motion. */
     animated?: boolean;
 };
 /** A profile at a glance for React Native: portrait, name, a headline gauge, stats in words, a line, actions. */
-declare function ProfileCard({ visual, name, statLabel, value, valueText, stats, caption, children, animated, style, ...props }: ProfileCardProps): React.JSX.Element;
+declare function ProfileCard({ visual, name, statLabel, value, valueText, stats, caption, children, animated, style, ...props }: ProfileCardProps): React$1.JSX.Element;
 
 type ProgressProps = {
     /** `bar` (default) or `ring`. */
@@ -919,7 +1494,7 @@ type ProgressProps = {
     /** The value in words for screen readers ("$420 of $1,000") — default: the percentage. */
     valueText?: string;
     /** A ring's centre: an amount, a percentage, an icon. */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
 };
@@ -927,7 +1502,17 @@ type ProgressProps = {
  * A progress bar or ring in the accent gradient (`accent` → `accent2`): it moves to `value` / `max` when it changes,
  * indeterminate without a value. Still under reduced motion. A `progressbar` with its value for screen readers.
  */
-declare function Progress({ variant, size, value, max, label, valueText, children, style }: ProgressProps): React.JSX.Element;
+declare function Progress({ variant, size, value, max, label, valueText, children, style }: ProgressProps): React$1.JSX.Element;
+
+type PullToRefreshProps = Omit<RefreshControlProps, "colors" | "tintColor" | "progressBackgroundColor" | "titleColor" | "title"> & {
+    /** The words of the pull (“Pull to refresh”) — passed translated; shown on iOS under the spinner. */
+    label?: string;
+};
+/**
+ * The platform's pull to refresh in the theme's accent: the `refreshControl` of a ScrollView or a FlatList. `List`
+ * draws it already with `onRefresh`.
+ */
+declare function PullToRefresh({ label, ...props }: PullToRefreshProps): React$1.JSX.Element;
 
 /** A choice: the value stored and its words (passed translated), a line under them, a second line on a key. */
 type RadioOption = {
@@ -965,7 +1550,31 @@ type RadioGroupProps = {
  * One choice among a few, all visible — the web `RadioGroup` in its four looks. A radio group for VoiceOver and
  * TalkBack; each press plays a haptic (`selection`, `impact` for a tactile key) when the app passes `haptics`.
  */
-declare function RadioGroup({ label, options, value: valueProp, defaultValue, onValueChange, variant, error, disabled, style }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ label, options, value: valueProp, defaultValue, onValueChange, variant, error, disabled, style }: RadioGroupProps): React$1.JSX.Element;
+
+type ScreenProps = {
+    /** At the top: a `Header`, a `StepProgress` (they keep clear of the status bar themselves). */
+    header?: React$1.ReactNode;
+    /** At the bottom: a `TabBar`, a `MessageComposer`, a main `Button` (they keep clear of the home indicator). */
+    footer?: React$1.ReactNode;
+    /** The content. */
+    children: React$1.ReactNode;
+    /** The content scrolls (default) — or not, for a list that scrolls itself (`List`, `FlatList`). */
+    scroll?: boolean;
+    /** The content rises with the keyboard (a form, a chat). Default true. */
+    keyboard?: boolean;
+    /** Padding around the content. Default 16. */
+    padding?: number;
+    /** The surface: `surface0` (default) or `surface1`. */
+    surface?: "surface0" | "surface1";
+    /** Styles of the content. */
+    contentStyle?: StyleProp<ViewStyle>;
+};
+/**
+ * A screen of the app: a header, the content (scrolling, rising with the keyboard), a footer — on the theme's surface,
+ * clear of the safe areas through its parts. The base of the templates: app shell, sign-in, profile, feed, chat, settings.
+ */
+declare function Screen({ header, footer, children, scroll, keyboard, padding, surface, contentStyle }: ScreenProps): React$1.JSX.Element;
 
 type SearchFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeText" | "style" | "onSubmitEditing"> & {
     /** The accessible name of the input ("Search videos"), passed translated. */
@@ -984,6 +1593,10 @@ type SearchFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChang
     onSubmit?: (query: string) => void;
     /** The clear button's name ("Clear search"), passed translated. */
     clearLabel: string;
+    /** The words of a cancel button beside the field (“Cancel”, iOS search bars) — passed translated; with `onCancel` it shows while the field has the focus or a query. */
+    cancelLabel?: string;
+    /** Called by the cancel button: the query is cleared and the keyboard closes. */
+    onCancel?: () => void;
     /** Styles merged last, on the field's frame. */
     style?: StyleProp<ViewStyle>;
 };
@@ -991,7 +1604,7 @@ type SearchFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChang
  * A search box: the glyph, the input with the keyboard's search key, a clear button, and a debounced `onSearch` —
  * the web `SearchField` without the shortcut and the suggestions (a screen of results is the native idiom).
  */
-declare function SearchField({ label, value, defaultValue, onValueChange, onSearch, debounce, onSubmit, clearLabel, style, placeholder, ...props }: SearchFieldProps): React.JSX.Element;
+declare function SearchField({ label, value, defaultValue, onValueChange, onSearch, debounce, onSubmit, clearLabel, cancelLabel, onCancel, style, placeholder, onFocus, onBlur, ...props }: SearchFieldProps): React$1.JSX.Element;
 
 type SegmentedOption<T extends string> = {
     value: T;
@@ -1016,7 +1629,7 @@ type SegmentedProps<T extends string> = {
  * Switches between views of one screen: equal segments on a track, the chosen one raised — the web
  * `Tabs variant="segmented"`. A tab list for screen readers. To filter a list, use `Chip.Group`.
  */
-declare function Segmented<T extends string>({ options, value, onValueChange, size, "aria-label": label, style }: SegmentedProps<T>): React.JSX.Element;
+declare function Segmented<T extends string>({ options, value, onValueChange, size, "aria-label": label, style }: SegmentedProps<T>): React$1.JSX.Element;
 
 type SkeletonProps = {
     /** `text` (a line), `circle` (an avatar), `rect` (a media, a card). */
@@ -1031,7 +1644,7 @@ type SkeletonProps = {
     testID?: string;
 };
 /** A pulsing placeholder the size of what is loading — hidden from screen readers; still when the system reduces motion. */
-declare function Skeleton({ shape, width, height, style, testID }: SkeletonProps): React.JSX.Element;
+declare function Skeleton({ shape, width, height, style, testID }: SkeletonProps): React$1.JSX.Element;
 
 type SliderValue = number | [number, number];
 type SliderProps<V extends SliderValue = number> = {
@@ -1080,7 +1693,7 @@ type SliderProps<V extends SliderValue = number> = {
  * Each step the thumb passes ticks under the thumb (`selection` haptic); for VoiceOver and TalkBack each thumb is an
  * adjustable control (swipe up or down by a step), its value read as words.
  */
-declare function Slider<V extends SliderValue = number>({ label, thumbLabels, value, defaultValue, onValueChange, onValueCommit, min, max, step, formatValue, showLabel, floatingValue, ticks, marks, tone, orientation, disabled, style, }: SliderProps<V>): React.JSX.Element;
+declare function Slider<V extends SliderValue = number>({ label, thumbLabels, value, defaultValue, onValueChange, onValueCommit, min, max, step, formatValue, showLabel, floatingValue, ticks, marks, tone, orientation, disabled, style, }: SliderProps<V>): React$1.JSX.Element;
 
 type SpinnerProps = Omit<ActivityIndicatorProps, "size" | "color"> & {
     /** The accessible name of the wait, e.g. "Loading" — passed translated. */
@@ -1089,7 +1702,157 @@ type SpinnerProps = Omit<ActivityIndicatorProps, "size" | "color"> & {
     size?: "sm" | "md" | "lg";
 };
 /** An indeterminate wait: the platform's activity indicator in the accent, named by `label`. */
-declare function Spinner({ label, size, ...props }: SpinnerProps): React.JSX.Element;
+declare function Spinner({ label, size, ...props }: SpinnerProps): React$1.JSX.Element;
+
+type StepProgressProps = {
+    /** The current step, from 1. */
+    step: number;
+    /** How many steps. */
+    total: number;
+    /** The position in words: `(n, total) => "Step " + n + " of " + total` — passed translated. */
+    label: (step: number, total: number) => string;
+    /** The back button's words (“Back”); with `onBack` it shows. */
+    backLabel?: string;
+    /** Goes back a step. */
+    onBack?: () => void;
+    /** At the right: a Skip button. */
+    trailing?: React.ReactNode;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** The head of a multi-step flow (a sign-up, a profile to fill): back, segments that fill, the position in words. */
+declare function StepProgress({ step, total, label, backLabel, onBack, trailing, style }: StepProgressProps): React$1.JSX.Element;
+
+type StepStatus = "done" | "current" | "upcoming" | "error";
+type Step = {
+    /** Its name — passed translated. */
+    title: string;
+    /** One line under it (what happens, a time) — passed translated. */
+    description?: string;
+    /** Where it stands; by default from `current`. */
+    status?: StepStatus;
+    /** Between 0 and 1 for the current step: its glyph grows to it. */
+    value?: number;
+    /** Anything under the step while it is current or failed: a progress bar, an action. */
+    content?: React$1.ReactNode;
+};
+type StepperProps = {
+    /** The steps, in order. */
+    steps: readonly Step[];
+    /** The index of the current step (the steps before are done). */
+    current?: number;
+    /** vertical (default: a job's run, a checkout) · horizontal (a few short steps across the screen). */
+    orientation?: "vertical" | "horizontal";
+    /** The words read after each step's title (`{ done: "done", current: "in progress", upcoming: "to come", error: "failed" }`) — passed translated. */
+    statusLabels?: Partial<Record<StepStatus, string>>;
+    /** The accessible name of the list (“Run of the dubbing job”). */
+    "aria-label"?: string;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** The steps of a process, where it stands — the web `Stepper`: done steps checked, the current one tracing, a failure crossed. */
+declare function Stepper({ steps, current, orientation, statusLabels, "aria-label": label, style }: StepperProps): React$1.JSX.Element;
+
+type PersonCardProps = {
+    /** The person's photos (URIs), the first shown first; tap the left or right side to move between them. */
+    photos: readonly {
+        uri: string;
+        alt?: string;
+    }[];
+    /** The name. */
+    name: string;
+    /** The age, written after the name. */
+    age?: number;
+    /** Beside the name: a `VerifiedBadge`. */
+    badge?: React$1.ReactNode;
+    /** A line under the name: a `DistanceChip`, a job. */
+    meta?: React$1.ReactNode;
+    /** A sentence about the person. */
+    bio?: string;
+    /** At the bottom: the interests as chips. */
+    footer?: React$1.ReactNode;
+    /** The photo position, read: `(n, total) => "Photo " + n + " of " + total`. */
+    photoLabel?: (position: number, total: number) => string;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** A person on a card: the photos full bleed (tap a side to change), the name and age over a scrim, a line, a bio, chips. */
+declare function PersonCard({ photos, name, age, badge, meta, bio, footer, photoLabel, style }: PersonCardProps): React$1.JSX.Element;
+type SwipeDirection = "like" | "pass";
+type SwipeDeckLabels = {
+    /** The like button and action (“Like”). */
+    like: string;
+    /** The pass button and action (“Pass”). */
+    pass: string;
+    /** The stamp shown while dragging right (“LIKE”). */
+    likeStamp?: string;
+    /** The stamp shown while dragging left (“NOPE”). */
+    passStamp?: string;
+    /** Announced when the deck is empty. */
+    empty?: string;
+};
+type SwipeDeckProps<T> = {
+    /** The cards still to decide, the first on top. */
+    items: readonly T[];
+    /** A card's id. */
+    getId: (item: T) => string;
+    /** A card (usually a `PersonCard`). */
+    renderCard: (item: T) => React$1.ReactNode;
+    /** Called with the card decided and the decision; remove it from `items`. */
+    onSwipe: (item: T, direction: SwipeDirection) => void;
+    /** Shown when there is no card left (an `EmptyState`). */
+    empty?: React$1.ReactNode;
+    /** The words, passed translated. */
+    labels: SwipeDeckLabels;
+    /** Hide the like and pass buttons (the app draws its own). */
+    hideButtons?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A deck of cards to decide one by one: drag the top card right to like, left to pass (it tilts, a stamp says what it
+ * will do, past a third of the screen it flies off), or press the buttons; a tick marks the decision. Screen readers
+ * get “Like” and “Pass” as actions of the card. Under reduced motion the card leaves without flying.
+ */
+declare function SwipeDeck<T>({ items, getId, renderCard, onSwipe, empty, labels, hideButtons, style }: SwipeDeckProps<T>): React$1.JSX.Element;
+
+type SwipeAction = {
+    /** The action's words — passed translated; also its accessibility action. */
+    label: string;
+    /** What it does; the row closes first. */
+    onPress: () => void;
+    /** The tone: `danger` (delete), `accent` (pin, reply), `neutral` (archive, mute). Default `neutral`. */
+    tone?: "neutral" | "accent" | "success" | "warning" | "danger";
+    /** A decorative icon above the words. */
+    icon?: React$1.ReactNode;
+};
+type SwipeableRowProps = {
+    /** The row's content (a `ListItem`). */
+    children: React$1.ReactNode;
+    /** Revealed by a swipe to the left, at the right edge (the first is the outermost). */
+    trailing?: readonly SwipeAction[];
+    /** Revealed by a swipe to the right, at the left edge. */
+    leading?: readonly SwipeAction[];
+    /** A full swipe past this share of the row runs the outermost action (delete, archive). Default 0.6; `false` never. */
+    fullSwipe?: number | false;
+    /** Width of each action, in points. Default 80. */
+    actionWidth?: number;
+    /**
+     * The row's own action, for screen readers: the row is one element whose actions are the swipe actions, and
+     * activating it calls this (pass the `onPress` of the `ListItem` inside).
+     */
+    onActivate?: () => void;
+    /** The test id of the row's moving part (the accessibility element). */
+    testID?: string;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A row whose actions show under a swipe — mail-style: swipe left for the trailing actions, right for the leading ones,
+ * a full swipe runs the outermost one, a tick marks the threshold. Screen readers get the same actions from the
+ * rotor (accessibility actions): nothing is reachable only by a gesture.
+ */
+declare function SwipeableRow({ children, trailing, leading, fullSwipe, actionWidth, onActivate, testID, style }: SwipeableRowProps): React$1.JSX.Element;
 
 type SwitchProps = {
     /** The accessible name ("Push notifications"), passed translated — also the visible words when `children` is not given and `showLabel` is set. */
@@ -1118,7 +1881,97 @@ type SwitchProps = {
  * not the system's: the same look on iOS and Android, a `selection` haptic when it flips. `showLabel` makes it a
  * settings row (the label and its description beside it, all pressable).
  */
-declare function Switch({ label, checked, defaultChecked, onCheckedChange, description, showLabel, size, error, disabled, style }: SwitchProps): React.JSX.Element;
+declare function Switch({ label, checked, defaultChecked, onCheckedChange, description, showLabel, size, error, disabled, style }: SwitchProps): React$1.JSX.Element;
+
+type TabBarItem<T extends string> = {
+    /** The section's key (the route name). */
+    value: T;
+    /** Its name under the icon — passed translated. */
+    label: string;
+    /** The icon: a function of the selected state and the colour (`(on, color) => <HomeIcon color={color} />`). */
+    icon: (selected: boolean, color: string) => React$1.ReactNode;
+    /** A count on the icon (`99+` past 99); `true` for a dot without a number. */
+    badge?: number | boolean;
+    /** The badge in words for screen readers (“3 unread”) — passed translated. */
+    badgeLabel?: string;
+};
+type TabBarProps<T extends string> = {
+    /** The app's main sections, two to five. */
+    items: readonly TabBarItem<T>[];
+    /** The current section. */
+    value: T;
+    /** Called with the section pressed (navigate there); a light tick confirms it. */
+    onValueChange: (value: T) => void;
+    /** Called when the current section is pressed again: scroll it to the top, refresh it. */
+    onReselect?: (value: T) => void;
+    /** The accessible name of the bar (“Main sections”) — passed translated. */
+    "aria-label"?: string;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The app's main sections, at the bottom of the screen: an icon and a word each, the current one in the accent, a
+ * badge for what is new; clear of the home indicator (the safe area), a tick on change, a second press to go back to
+ * the top. Plug it in expo-router's or React Navigation's `tabBar`.
+ */
+declare function TabBar<T extends string>({ items, value, onValueChange, onReselect, "aria-label": label, style }: TabBarProps<T>): React$1.JSX.Element;
+
+type TabItem<T extends string> = {
+    /** The tab's key. */
+    value: T;
+    /** Its words — passed translated. */
+    label: string;
+    /** A count after the words (unread, results). */
+    count?: number;
+    /** The panel shown while it is selected. */
+    content?: React$1.ReactNode;
+    /** Cannot be selected. */
+    disabled?: boolean;
+};
+type TabsProps<T extends string> = {
+    /** The tabs, in order. */
+    items: readonly TabItem<T>[];
+    /** The selected tab (controlled). */
+    value?: T;
+    /** The selected tab at first, uncontrolled. Default: the first. */
+    defaultValue?: T;
+    /** Called with the tab pressed; a light tick confirms it. */
+    onValueChange?: (value: T) => void;
+    /** The accessible name of the tab list — passed translated. */
+    "aria-label"?: string;
+    /** `underline` (default: sections of a screen, scrolls sideways when they do not fit) or `segmented` (two to four views). */
+    variant?: "underline" | "segmented";
+    /** Styles merged last, on the root. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Sections of one screen — the web `Tabs`: a tab list (underlined, scrolling sideways when long, or segmented) and the
+ * selected panel under it. For the app's main sections, use `TabBar`.
+ */
+declare function Tabs<T extends string>({ items, value, defaultValue, onValueChange, "aria-label": label, variant, style }: TabsProps<T>): React$1.JSX.Element;
+
+type TagOption = {
+    value: string;
+    label: string;
+};
+type TagSelectorProps = {
+    /** The group's name (“Interests”) — passed translated. */
+    label: string;
+    /** The tags offered. */
+    options: readonly TagOption[];
+    /** The tags chosen. */
+    value: readonly string[];
+    /** Called with the tags chosen. */
+    onValueChange: (value: string[]) => void;
+    /** The most that can be chosen; the others turn off once reached. */
+    max?: number;
+    /** The count under the tags: `(n, max) => n + " of " + max`. */
+    countLabel?: (count: number, max: number) => string;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/** Interests, languages, what one is looking for: toggle chips with a limit and a count — the others rest once it is reached. */
+declare function TagSelector({ label, options, value, onValueChange, max, countLabel, style }: TagSelectorProps): React$1.JSX.Element;
 
 type ThemeName = "dark" | "light";
 /** The colour roles of one theme (the @krizaka/tokens roles). */
@@ -1213,6 +2066,13 @@ type ThemeFonts = {
  * pressed in), `success` / `warning` (an outcome).
  */
 type HapticKind = "selection" | "impact" | "success" | "warning";
+/** The screen's safe-area insets, in points (`useSafeAreaInsets()` of react-native-safe-area-context). */
+type Insets = {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+};
 type ThemeContextValue = {
     /** The chosen mode: dark, light or follow the system. */
     mode: Mode;
@@ -1226,9 +2086,11 @@ type ThemeContextValue = {
     fonts: ThemeFonts;
     /** Plays a haptic (the app's `haptics`, through expo-haptics or another module); nothing without one. */
     haptic: (kind: HapticKind) => void;
+    /** The safe-area insets the app passed (zero by default): the tab bar, the header and the FAB keep clear of them. */
+    insets: Insets;
 };
 type ThemeProviderProps = {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Controlled mode (with `onModeChange`). */
     mode?: Mode;
     /** Uncontrolled: the mode before the user picks one. Default: follow the system. */
@@ -1245,9 +2107,11 @@ type ThemeProviderProps = {
      * with expo-haptics. Absent: no haptics.
      */
     haptics?: (kind: HapticKind) => void;
+    /** The safe-area insets (`useSafeAreaInsets()` of react-native-safe-area-context): bars and floating buttons keep clear of them. */
+    insets?: Insets;
 };
 /** Once, at the root of the app. Without it, `useTheme()` follows the system with the platform's roles. */
-declare function ThemeProvider({ children, mode: controlled, defaultMode, onModeChange, overrides, fonts, haptics }: ThemeProviderProps): React.JSX.Element;
+declare function ThemeProvider({ children, mode: controlled, defaultMode, onModeChange, overrides, fonts, haptics, insets }: ThemeProviderProps): React$1.JSX.Element;
 /** The current theme: `{ mode, setMode, scheme, theme, radius, motion, fonts }`. */
 declare function useTheme(): ThemeContextValue;
 /** True while the system asks to reduce motion: every loop and transition of /native stops. */
@@ -1262,7 +2126,7 @@ type ToastOptions = {
     description?: string;
     tone?: ToastTone;
     /** A decorative icon before the text. */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** Milliseconds on screen; `Infinity` keeps it until dismissed. Default: the Toaster's `duration`. */
     duration?: number;
     /** Pressing the toast (opening what it is about); it is then dismissed. */
@@ -1302,7 +2166,20 @@ type ToasterProps = {
     max?: number;
 };
 /** Mount once, at the root (inside `ThemeProvider`). Then call `toast()` from anywhere. */
-declare function Toaster({ closeLabel, position, offset, duration, max }: ToasterProps): React.JSX.Element | null;
+declare function Toaster({ closeLabel, position, offset, duration, max }: ToasterProps): React$1.JSX.Element | null;
+
+type VerifiedBadgeProps = {
+    /** Its words, read (and shown with `showLabel`): “Verified” — passed translated. */
+    label: string;
+    /** Show the words beside the seal. Default false: the seal alone, named. */
+    showLabel?: boolean;
+    /** The seal's side, in points. Default 16. */
+    size?: number;
+    /** On a photo (white seal on the accent, a ring of the media): `media`. Default `surface`. */
+    on?: "surface" | "media";
+};
+/** A seal that says the person or the account was verified (a selfie check, an ID) — the accent, named in words. */
+declare function VerifiedBadge({ label, showLabel, size, on }: VerifiedBadgeProps): React$1.JSX.Element;
 
 /** A value of a wheel: what is stored, and its words (passed translated or formatted for the locale). */
 type WheelOption = {
@@ -1314,7 +2191,7 @@ type WheelPickerProps = {
     /** The group's accessible name ("Departure time"), passed translated. */
     label: string;
     /** The wheels (`Wheel`), and dividers (`WheelDivider`) between them. */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** How many values are visible: 3, 5 (default) or 7. */
     visible?: 3 | 5 | 7;
     /** Marks the group invalid (a danger edge). */
@@ -1325,11 +2202,11 @@ type WheelPickerProps = {
     style?: StyleProp<ViewStyle>;
 };
 /** The frame of one or several wheels: a raised surface, the lit band across them — the web `WheelPicker`. */
-declare function WheelPicker({ label, children, visible, invalid, unset, style }: WheelPickerProps): React.JSX.Element;
+declare function WheelPicker({ label, children, visible, invalid, unset, style }: WheelPickerProps): React$1.JSX.Element;
 /** A divider between two wheels (`:` between the hours and the minutes). */
 declare function WheelDivider({ children }: {
     children: string;
-}): React.JSX.Element;
+}): React$1.JSX.Element;
 type WheelProps = {
     /** The column's accessible name ("Hour", "Month"), passed translated. */
     label: string;
@@ -1350,7 +2227,7 @@ type WheelProps = {
  * One column of a `WheelPicker`: values that snap under the band, a tick of the hand (`selection` haptic) at each one
  * passed. For VoiceOver and TalkBack it is an adjustable control: swipe up or down to change it, its value read as words.
  */
-declare function Wheel({ label, options, value: valueProp, defaultValue, onValueChange, disabled, style }: WheelProps): React.JSX.Element;
+declare function Wheel({ label, options, value: valueProp, defaultValue, onValueChange, disabled, style }: WheelProps): React$1.JSX.Element;
 
 /**
  * The Yazakia mark for React Native — the geometry of the web mark (marks/yazakia-geometry.ts): two voices, two
@@ -1366,4 +2243,4 @@ declare function YazakiaMark({ size, animated, title, neutral }: NativeMarkProps
  */
 declare function YororisMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
 
-export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, AvatarRoot, type AvatarSize, Badge, type BadgeProps, type BadgeTone, type BrandId, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarLabels, type CalendarProps, Card, CardBody, type CardBodyProps, CardDescription, CardFooter, CardImage, type CardImageProps, CardMedia, type CardMediaProps, CardOverlay, type CardOverlayProps, CardRoot, type CardRootProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipGroupProps, type ChipProps, type ChipSize, Combobox, type ComboboxLabels, type ComboboxProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, EmptyState, type EmptyStateProps, ErrorState, GoalGauge, type GoalGaugeProps, type HapticKind, IconButton, type IconButtonProps, KrizakaMark, LoadingState, Mascot, type MascotProps, MascotState, type MascotStateProps, type Mode, MonthPicker, type MonthPickerProps, type Motion, type NativeMarkProps, OrazakaMark, OrochiaMark, Pagination, type PaginationLabels, type PaginationProps, Phoenix, type PhoenixProps, ProductMark, ProfileCard, type ProfileCardProps, type ProfileStat, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, type Radius, SearchField, type SearchFieldProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, Sheet, type SheetProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, SuccessState, Switch, type SwitchProps, TextField, type TextFieldProps, type Theme, type ThemeContextValue, type ThemeFonts, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, TimePicker, type TimePickerLabels, type TimePickerProps, type TimeValue, type ToastItem, type ToastOptions, type ToastTone, Toaster, type ToasterProps, Txt, type TxtProps, type TxtTone, type TxtVariant, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YazakiaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, formatTime, isRealDate, latestBirthDate, monthNames, splitDuration, textStyles, timeSlots, timeToMinutes, toast, todayIso, useCountdown, useReducedMotion, useTheme, uses12Hours };
+export { ActionSheet, type ActionSheetAction, type ActionSheetProps, type ActivityEvent, ActivityFeed, type ActivityFeedLabels, type ActivityFeedProps, type ActivityTone, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, AvatarRoot, type AvatarSize, Badge, type BadgeProps, type BadgeTone, type BrandId, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarLabels, type CalendarProps, Card, CardBody, type CardBodyProps, CardDescription, CardFooter, CardImage, type CardImageProps, CardMedia, type CardMediaProps, CardOverlay, type CardOverlayProps, CardRoot, type CardRootProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipGroupProps, type ChipProps, type ChipSize, Combobox, type ComboboxLabels, type ComboboxProps, ConversationItem, type ConversationItemProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, type DescriptionItem, DescriptionList, type DescriptionListProps, EmptyState, type EmptyStateProps, ErrorState, Fab, type FabProps, GoalGauge, type GoalGaugeProps, type GridPhoto, type HapticKind, Header, type HeaderProps, IconButton, type IconButtonProps, ImageViewer, type ImageViewerProps, type Insets, KrizakaMark, Loader, LoaderGlyph, type LoaderGlyphProps, type LoaderProps, LoadingState, Mascot, type MascotProps, MascotState, type MascotStateProps, MatchDialog, type MatchDialogProps, MessageBubble, type MessageBubbleLabels, type MessageBubbleProps, MessageComposer, type MessageComposerProps, type MessageStatus, Meter, type MeterPart, type MeterProps, type Mode, MonthPicker, type MonthPickerProps, type Motion, type NativeMarkProps, NumberTicker, type NumberTickerProps, Onboarding, type OnboardingProps, type OnboardingSlide, OrazakaMark, OrochiaMark, OtpInput, type OtpInputProps, Pagination, type PaginationLabels, type PaginationProps, PermissionPrompt, type PermissionPromptProps, type PermissionStatus, PersonCard, type PersonCardProps, Phoenix, type PhoenixProps, PhotoGrid, type PhotoGridLabels, type PhotoGridProps, ProductMark, ProfileCard, type ProfileCardProps, type ProfileStat, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, RadioGroup, type RadioGroupProps, type RadioOption, type Radius, Screen, type ScreenProps, SearchField, type SearchFieldProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, Sheet, type SheetProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, type Step, StepProgress, type StepProgressProps, type StepStatus, Stepper, type StepperProps, SuccessState, type SwipeAction, SwipeDeck, type SwipeDeckLabels, type SwipeDeckProps, type SwipeDirection, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, type TabItem, Tabs, type TabsProps, type TagOption, TagSelector, type TagSelectorProps, TextField, type TextFieldProps, type Theme, type ThemeContextValue, type ThemeFonts, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, TimePicker, type TimePickerLabels, type TimePickerProps, type TimeValue, type ToastItem, type ToastOptions, type ToastTone, Toaster, type ToasterProps, Txt, type TxtProps, type TxtTone, type TxtVariant, TypingIndicator, type TypingIndicatorProps, VerifiedBadge, type VerifiedBadgeProps, type ViewerImage, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YazakiaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, formatTime, isRealDate, latestBirthDate, monthNames, prefetchNeighbours, splitDuration, textStyles, timeSlots, timeToMinutes, toast, todayIso, useCollapsingHeader, useCountdown, useDelayedWait, useReducedMotion, useTheme, uses12Hours };