@krizaka/ui 3.4.0 → 3.6.0

package/dist/native.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
 import { StyleProp, ViewStyle, ViewProps, PressableProps, TextProps, ImageProps, TextInput, TextInputProps, Animated, NativeSyntheticEvent, NativeScrollEvent, TextStyle, RefreshControlProps, DimensionValue, ActivityIndicatorProps } from 'react-native';
 
@@ -71,7 +71,7 @@ type ActionSheetAction = {
     /** A destructive action wears the danger text. */
     destructive?: boolean;
     /** A decorative icon before the words. */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** Cannot be chosen now. */
     disabled?: boolean;
 };
@@ -86,7 +86,7 @@ type ActionSheetProps = Controlled & {
     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.JSX.Element;
+declare function ActionSheet({ title, description, actions, cancelLabel, ...controlled }: ActionSheetProps): React$1.JSX.Element;
 
 type ActivityTone = "neutral" | "accent" | "success" | "warning" | "danger" | "info";
 type ActivityEvent = {
@@ -130,16 +130,16 @@ type ActivityFeedProps<T extends ActivityEvent> = {
     /** Announce new events (a stream). */
     live?: boolean;
     /** Before an event's text: its actor's `Avatar`. */
-    leading?: (event: T) => React.ReactNode;
+    leading?: (event: T) => React$1.ReactNode;
     /** Shown when there is no event (an `EmptyState`). */
-    empty?: React.ReactNode;
+    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.JSX.Element;
+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"> & {
@@ -154,7 +154,7 @@ 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;
     /** A dot at the bottom right: `online` (success), `away` (warning), `busy` (danger), `offline` (hollow). */
@@ -164,7 +164,7 @@ type AvatarProps = Omit<ViewProps, "children"> & {
     /** 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.JSX.Element;
+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;
@@ -172,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;
@@ -188,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";
@@ -211,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";
@@ -233,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;
@@ -279,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;
@@ -290,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;
@@ -316,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;
@@ -333,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). */
@@ -355,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"> & {
@@ -364,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). */
@@ -387,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;
@@ -398,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";
@@ -412,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;
@@ -454,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;
@@ -481,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. */
@@ -507,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. */
@@ -542,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`. */
@@ -554,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"). */
@@ -593,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;
@@ -614,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;
@@ -642,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;
@@ -680,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;
@@ -710,13 +801,13 @@ 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.ReactNode;
+    details: React$1.ReactNode;
     /** A line under the value (a date, a unit). */
     hint?: string;
     /** A stable key, when the terms are not unique. */
@@ -731,7 +822,7 @@ type DescriptionListProps = {
     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.JSX.Element;
+declare function DescriptionList({ items, layout, style }: DescriptionListProps): React$1.JSX.Element;
 
 type SheetProps = {
     /** Open (controlled). */
@@ -743,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>;
 };
@@ -752,26 +843,26 @@ 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.ReactNode;
+    icon: React$1.ReactNode;
     /** What it does. */
     onPress: () => void;
     /** Shows the words beside the icon (collapse it while the list scrolls down). */
@@ -787,7 +878,7 @@ type FabProps = {
  * 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.JSX.Element;
+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). */
@@ -805,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>;
 };
@@ -816,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. */
@@ -837,7 +928,7 @@ 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. */
@@ -853,9 +944,9 @@ type HeaderProps = {
     /** Called by the back button. */
     onBack?: () => void;
     /** Buttons at the right of the bar (`IconButton`s). */
-    actions?: React.ReactNode;
+    actions?: React$1.ReactNode;
     /** Under the title: a `SearchField`, `Tabs`. */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
 };
@@ -864,7 +955,7 @@ type HeaderProps = {
  * 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.JSX.Element;
+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;
@@ -896,7 +987,7 @@ type ImageViewerProps = {
  * 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.JSX.Element | null;
+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;
 
@@ -929,7 +1020,7 @@ type LoaderGlyphProps = {
     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.JSX.Element;
+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 = {
@@ -953,11 +1044,16 @@ type LoaderProps = {
     endDuration?: number;
     /** inline (default) · block (a region's centre) · overlay (over its parent, frosted) · page (the whole screen). */
     variant?: "inline" | "block" | "overlay" | "page";
+    /**
+     * The product whose animated mark waits in place of the Krizaka glyph (`orochia`, `orazaka`, `yazakia`, `yororis`,
+     * `krizaka`). Still when the system reduces motion; the ending stays the check or the cross.
+     */
+    product?: BrandId;
     /** 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.JSX.Element | null;
+declare function Loader({ label, status, successLabel, errorLabel, value, eta, delay, minDuration, endDuration, variant, product, 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
@@ -992,7 +1088,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. */
@@ -1006,16 +1102,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). */
@@ -1039,6 +1135,36 @@ 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;
@@ -1074,12 +1200,12 @@ type MeterProps = {
     /** Shows the label and the value above the bar. */
     showLabel?: boolean;
     /** A ring's centre: the value, a word. */
-    children?: React.ReactNode;
+    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.JSX.Element;
+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. */
@@ -1105,11 +1231,11 @@ type NumberTickerProps = {
  * 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.JSX.Element;
+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.ReactNode;
+    visual?: React$1.ReactNode;
     /** The promise, in a few words — passed translated. */
     title: string;
     /** One or two sentences. */
@@ -1138,7 +1264,7 @@ type OnboardingProps = {
  * 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.JSX.Element;
+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
@@ -1179,7 +1305,7 @@ type OtpInputProps = {
  * 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.JSX.Element;
+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"). */
@@ -1217,7 +1343,7 @@ 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 = {
@@ -1244,7 +1370,7 @@ type PermissionPromptProps = {
     /** 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.ReactNode;
+    children?: React$1.ReactNode;
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
 };
@@ -1252,7 +1378,7 @@ type PermissionPromptProps = {
  * 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.JSX.Element;
+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. */
@@ -1269,6 +1395,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;
@@ -1286,7 +1464,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. */
@@ -1300,12 +1478,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`. */
@@ -1321,7 +1499,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>;
 };
@@ -1329,7 +1507,7 @@ 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. */
@@ -1339,7 +1517,34 @@ type PullToRefreshProps = Omit<RefreshControlProps, "colors" | "tintColor" | "pr
  * 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.JSX.Element;
+declare function PullToRefresh({ label, ...props }: PullToRefreshProps): React$1.JSX.Element;
+/** What `BrandedRefresh` hands to the scrollable: spread it on a `ScrollView` / `FlatList` (`{...scroll}`). */
+type BrandedRefreshScrollProps = {
+    refreshControl: React$1.ReactElement<RefreshControlProps>;
+    onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    scrollEventThrottle: number;
+};
+type BrandedRefreshProps = {
+    /** The product whose mark is drawn as the person pulls and turns while it refreshes. */
+    product: BrandId;
+    /** Whether the data is refreshing: keep it true until the new data is there. */
+    refreshing: boolean;
+    /** Called when the person pulls past the threshold. */
+    onRefresh: () => void;
+    /** The words announced when the refresh starts (“Refreshing your videos”) — passed translated. */
+    label: string;
+    /** The scrollable, given the props to spread: `{(scroll) => <ScrollView {...scroll}>…</ScrollView>}`. */
+    children: (scroll: BrandedRefreshScrollProps) => React$1.ReactElement;
+    /** The pull (in points) at which the mark is complete. Default 72. */
+    threshold?: number;
+};
+/**
+ * The product's mark as the pull-to-refresh: it grows and turns into place as the person pulls (iOS, where the content
+ * overscrolls) and keeps its own motion while it refreshes (iOS and Android). The platform's control still does the
+ * gesture, so the system announces it too; ours announces `label` when the refresh starts. Under reduced motion the mark
+ * is still and appears without the growing.
+ */
+declare function BrandedRefresh({ product, refreshing, onRefresh, label, children, threshold }: BrandedRefreshProps): 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 = {
@@ -1377,7 +1582,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. */
@@ -1407,7 +1636,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, cancelLabel, onCancel, style, placeholder, onFocus, onBlur, ...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;
@@ -1432,7 +1661,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). */
@@ -1447,7 +1676,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> = {
@@ -1496,7 +1725,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. */
@@ -1505,7 +1734,57 @@ 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 SplashHandoffProps = {
+    /** The product whose animated mark holds the screen. */
+    product: BrandId;
+    /** `true` once the first screen is ready to show: the splash dissolves into it. */
+    ready: boolean;
+    /**
+     * Called once the splash is on screen and painted — hide the native splash here
+     * (`SplashScreen.hideAsync()` of expo-splash-screen), so the static image dissolves into this one with no flash.
+     */
+    onShown?: () => void;
+    /** Called when the dissolve is over and the splash has left. */
+    onDone?: () => void;
+    /** The mark's side, in points. Default 96 — the size of the native splash icon, so nothing jumps. */
+    size?: number;
+    /** The background. Default: the theme's page colour, the one `app.json` gives the native splash. */
+    background?: string;
+    /** The words a screen reader hears while it waits (“Orochia is opening”) — passed translated. */
+    label: string;
+    /** The dissolve, in milliseconds. Default 320; none under reduced motion. */
+    duration?: number;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The splash hand-off: the app's first frame is the static native splash; this puts the product's animated mark at the
+ * same place and size over the same background, then dissolves it away once `ready`. Render it above the app's root
+ * (absolute, full screen) and unmount nothing yourself: it removes its own content when the dissolve ends. Reduced
+ * motion: the mark stands still and the splash leaves without fading.
+ */
+declare function SplashHandoff({ product, ready, onShown, onDone, size, background, label, duration, style }: SplashHandoffProps): React$1.JSX.Element | null;
+
+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 = {
@@ -1518,7 +1797,7 @@ type Step = {
     /** 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.ReactNode;
+    content?: React$1.ReactNode;
 };
 type StepperProps = {
     /** The steps, in order. */
@@ -1535,7 +1814,70 @@ type StepperProps = {
     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.JSX.Element;
+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. */
@@ -1545,11 +1887,11 @@ type SwipeAction = {
     /** 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.ReactNode;
+    icon?: React$1.ReactNode;
 };
 type SwipeableRowProps = {
     /** The row's content (a `ListItem`). */
-    children: React.ReactNode;
+    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. */
@@ -1573,7 +1915,7 @@ type SwipeableRowProps = {
  * 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.JSX.Element;
+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. */
@@ -1602,7 +1944,7 @@ 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). */
@@ -1610,7 +1952,7 @@ type TabBarItem<T extends string> = {
     /** 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.ReactNode;
+    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. */
@@ -1635,7 +1977,7 @@ type TabBarProps<T extends string> = {
  * 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.JSX.Element;
+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. */
@@ -1645,7 +1987,7 @@ type TabItem<T extends string> = {
     /** A count after the words (unread, results). */
     count?: number;
     /** The panel shown while it is selected. */
-    content?: React.ReactNode;
+    content?: React$1.ReactNode;
     /** Cannot be selected. */
     disabled?: boolean;
 };
@@ -1669,7 +2011,30 @@ type TabsProps<T extends string> = {
  * 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.JSX.Element;
+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). */
@@ -1788,7 +2153,7 @@ type ThemeContextValue = {
     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. */
@@ -1809,7 +2174,7 @@ type ThemeProviderProps = {
     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, insets }: 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. */
@@ -1824,7 +2189,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. */
@@ -1864,7 +2229,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 = {
@@ -1876,7 +2254,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). */
@@ -1887,11 +2265,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;
@@ -1912,7 +2290,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
@@ -1928,4 +2306,4 @@ declare function YazakiaMark({ size, animated, title, neutral }: NativeMarkProps
  */
 declare function YororisMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
 
-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, 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 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, 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, Phoenix, type PhoenixProps, ProductMark, ProfileCard, type ProfileCardProps, type ProfileStat, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, 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, type Step, type StepStatus, Stepper, type StepperProps, SuccessState, type SwipeAction, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, type TabItem, Tabs, type TabsProps, 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, 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 };
+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, BrandedRefresh, type BrandedRefreshProps, type BrandedRefreshScrollProps, 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, SplashHandoff, type SplashHandoffProps, 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 };