@krizaka/ui 3.2.0 → 3.4.0

package/dist/native.d.ts

@@ -1,6 +1,6 @@
 import * as React 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.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.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.ReactNode;
+    /** Shown when there is no event (an `EmptyState`). */
+    empty?: React.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;
+
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarProps = Omit<ViewProps, "children"> & {
     /**
@@ -70,8 +157,14 @@ type AvatarProps = Omit<ViewProps, "children"> & {
     fallback?: React.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). */
+    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, style, ...props }: AvatarProps): React.JSX.Element;
+declare function AvatarRoot({ src, svg, alt, fallback, size, presence, presenceLabel, ring, style, ...props }: AvatarProps): React.JSX.Element;
 type AvatarGroupProps = ViewProps & {
     /** How many avatars are shown; the rest becomes a `+n` avatar. */
     max?: number;
@@ -325,6 +418,71 @@ declare const Chip: typeof ChipBase & {
     Group: typeof ChipGroup;
 };
 
+/** An option: the value stored and its words (passed translated), a line under them. */
+type SelectOption = {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+type FieldShared = {
+    /** The visible label, passed translated (the field's name). */
+    label: string;
+    /** Shown while nothing is chosen ("Choose a category"), passed translated. */
+    placeholder?: string;
+    /** A help text under the field. */
+    hint?: string;
+    /** An error under the field: a danger edge, read and announced. Replaces the hint. */
+    error?: string;
+    /** Not available. */
+    disabled?: boolean;
+    /** Called when the sheet closes (the field is left). */
+    onBlur?: () => void;
+    /** Styles merged last, on the field. */
+    style?: StyleProp<ViewStyle>;
+};
+type SelectProps = FieldShared & {
+    /** The choices. */
+    options: readonly SelectOption[];
+    /** The chosen value (controlled); `null` or `""` for none. */
+    value?: string | null;
+    /** The chosen value at first, uncontrolled. */
+    defaultValue?: string | null;
+    /** Called with the value picked. */
+    onValueChange?: (value: string) => void;
+    /** The sheet's title. Default: the label. */
+    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;
+type ComboboxLabels = {
+    /** The search box's name and placeholder ("Search"). */
+    search: string;
+    /** While a search runs ("Searching…"). */
+    loading: string;
+    /** When nothing matches ("No results"). */
+    empty: string;
+    /** The button that closes a multiple choice ("Done"). */
+    done: string;
+};
+declare const comboboxLabels: ComboboxLabels;
+type ComboboxProps = FieldShared & {
+    /** The options, filtered by what is typed. */
+    options?: readonly SelectOption[];
+    /** Fetches the options for a query (debounced 250 ms, aborted by a newer one). */
+    onSearch?: (query: string, signal: AbortSignal) => Promise<readonly SelectOption[]>;
+    /** Several values (`string[]`, checkboxes, a Done button); one by default. */
+    multiple?: boolean;
+    /** The chosen value(s) (controlled): a string, or strings with `multiple`. */
+    value?: string | readonly string[] | null;
+    /** Called with the value — or the values — chosen. */
+    onValueChange?: (value: string | string[]) => void;
+    /** The words, passed translated; English by default. */
+    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;
+
 type CountdownProps = {
     /** The moment it counts down to: a Date, an ISO string or epoch milliseconds. */
     target: Date | string | number;
@@ -554,6 +712,48 @@ type DateWheelProps = {
 /** 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;
 
+type DescriptionItem = {
+    /** The term (“Status”, “Credits”) — passed translated. */
+    term: string;
+    /** The value: text, a `Badge`. */
+    details: React.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.JSX.Element;
+
+type SheetProps = {
+    /** Open (controlled). */
+    open: boolean;
+    /** Called to close it: the scrim pressed, the back button, a choice made. */
+    onOpenChange: (open: boolean) => void;
+    /** The title at the top of the sheet (its accessible name), passed translated. */
+    title?: string;
+    /** 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;
+    /** Styles merged last, on the sheet. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A bottom sheet: it rises over a dimmed screen, its grip on top, the scrim closes it. The web `Dialog` on a phone —
+ * 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;
+
 type EmptyStateProps = Omit<ViewProps, "children"> & {
     /** A decorative icon (hidden from screen readers). */
     icon?: React.ReactNode;
@@ -567,6 +767,28 @@ type EmptyStateProps = Omit<ViewProps, "children"> & {
 /** 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;
 
+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;
+    /** 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.JSX.Element;
+
 type TextFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeText" | "style" | "editable"> & {
     /** The visible label above the input, passed translated (also its accessible name). */
     label: string;
@@ -617,6 +839,67 @@ type GoalGaugeProps = Omit<ViewProps, "children"> & {
 /** 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;
 
+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.ReactNode;
+    /** Under the title: a `SearchField`, `Tabs`. */
+    children?: React.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.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.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. */
     size?: number;
@@ -635,6 +918,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.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.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,
@@ -715,6 +1039,107 @@ interface MascotProps {
  */
 declare function Mascot({ bird, mood, tone, size, animated, title, style }: MascotProps): React__default.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.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;
+
+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.JSX.Element;
+
+type OnboardingSlide = {
+    /** The picture: a `Mascot`, an illustration, a product mark (decorative). */
+    visual?: React.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.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.
@@ -728,6 +1153,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.JSX.Element;
+
 type PaginationLabels = {
     /** The previous-page button ("Previous page"). */
     previous: string;
@@ -766,6 +1219,41 @@ type PaginationProps = {
  */
 declare function Pagination({ page, pageCount, onPageChange, hasPrevious, hasNext, onPrevious, onNext, status, disabled, labels, style }: PaginationProps): React.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.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.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. */
     tone?: "own" | "brand";
@@ -843,6 +1331,54 @@ type ProgressProps = {
  */
 declare function Progress({ variant, size, value, max, label, valueText, children, style }: ProgressProps): React.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.JSX.Element;
+
+/** A choice: the value stored and its words (passed translated), a line under them, a second line on a key. */
+type RadioOption = {
+    value: string;
+    label: string;
+    description?: string;
+    hint?: string;
+    disabled?: boolean;
+};
+type RadioGroupProps = {
+    /** The group's accessible name (the question), passed translated. */
+    label: string;
+    /** The choices, all visible (two to five, a few more for `buttons`). */
+    options: readonly RadioOption[];
+    /** The chosen value (controlled). */
+    value?: string | null;
+    /** The chosen value at first, uncontrolled. */
+    defaultValue?: string | null;
+    /** Called with the value pressed. */
+    onValueChange?: (value: string) => void;
+    /**
+     * `list` (a dot and its words, 44-pt rows), `cards` (whole cards, the check lit), `buttons` (tactile keys that press
+     * in: an `impact` haptic), `segmented` (a track of equal segments).
+     * @default "list"
+     */
+    variant?: "list" | "cards" | "buttons" | "segmented";
+    /** An error under the group, read and announced. */
+    error?: string;
+    /** Not available. */
+    disabled?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * 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;
+
 type SearchFieldProps = Omit<TextInputProps, "value" | "defaultValue" | "onChangeText" | "style" | "onSubmitEditing"> & {
     /** The accessible name of the input ("Search videos"), passed translated. */
     label: string;
@@ -860,6 +1396,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>;
 };
@@ -867,7 +1407,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.JSX.Element;
 
 type SegmentedOption<T extends string> = {
     value: T;
@@ -909,6 +1449,55 @@ type SkeletonProps = {
 /** 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;
 
+type SliderValue = number | [number, number];
+type SliderProps<V extends SliderValue = number> = {
+    /** The accessible name of the thumb (or of both thumbs of a range), passed translated. */
+    label: string;
+    /** For a range: each thumb's own name (["Minimum", "Maximum"]), passed translated. */
+    thumbLabels?: [string, string];
+    /** One number (a thumb) or two (a range), controlled. */
+    value?: V;
+    /** The value at first, uncontrolled. */
+    defaultValue?: V;
+    /** Called on every step the thumb passes. */
+    onValueChange?: (value: V) => void;
+    /** Called once the thumb is released (or an accessibility action is done). */
+    onValueCommit?: (value: V) => void;
+    /** The lowest value. Default 0. */
+    min?: number;
+    /** The highest value. Default 100. */
+    max?: number;
+    /** The step. Default 1. */
+    step?: number;
+    /** The value as words (read, and shown): "1.5×", "15 %". */
+    formatValue?: (value: number) => string;
+    /** Shows the label and the value above the track. */
+    showLabel?: boolean;
+    /** Shows the value floating over the thumb while it is dragged (`"always"`: at all times). */
+    floatingValue?: boolean | "always";
+    /** A graduation at every step (`true`, up to 40) or at the values given. */
+    ticks?: boolean | readonly number[];
+    /** Words under the track at some values. Horizontal only. */
+    marks?: readonly {
+        value: number;
+        label: string;
+    }[];
+    /** `gradient` (accent → accent-2, default) or `solid`. */
+    tone?: "gradient" | "solid";
+    /** `horizontal` (default) or `vertical` (give the slider a height). */
+    orientation?: "horizontal" | "vertical";
+    /** Not available. */
+    disabled?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A slider for React Native — the web `Slider`: one value or a range, drawn by the theme, dragged anywhere on the track.
+ * 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;
+
 type SpinnerProps = Omit<ActivityIndicatorProps, "size" | "color"> & {
     /** The accessible name of the wait, e.g. "Loading" — passed translated. */
     label: string;
@@ -918,6 +1507,170 @@ type SpinnerProps = Omit<ActivityIndicatorProps, "size" | "color"> & {
 /** An indeterminate wait: the platform's activity indicator in the accent, named by `label`. */
 declare function Spinner({ label, size, ...props }: SpinnerProps): React.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.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.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.ReactNode;
+};
+type SwipeableRowProps = {
+    /** The row's content (a `ListItem`). */
+    children: React.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.JSX.Element;
+
+type SwitchProps = {
+    /** The accessible name ("Push notifications"), passed translated — also the visible words when `children` is not given and `showLabel` is set. */
+    label: string;
+    /** On (controlled). */
+    checked?: boolean;
+    /** On at first, uncontrolled. */
+    defaultChecked?: boolean;
+    /** Called with the new state. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** A line under the label, read with the switch ("Auctions you follow, new messages"). Shown with `showLabel`. */
+    description?: string;
+    /** Draws the label (and the description) beside the switch, the whole row pressable: a settings row. */
+    showLabel?: boolean;
+    /** sm · md (default). */
+    size?: "sm" | "md";
+    /** An error under the row, read and announced. */
+    error?: string;
+    /** Not available. */
+    disabled?: boolean;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * An on/off switch for React Native — the web `Switch`, drawn by the theme (the accent when on, the material's knob),
+ * 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;
+
+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.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.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.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.JSX.Element;
+
 type ThemeName = "dark" | "light";
 /** The colour roles of one theme (the @krizaka/tokens roles). */
 type Theme = {
@@ -1011,6 +1764,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;
@@ -1024,6 +1784,8 @@ 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;
@@ -1043,9 +1805,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.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. */
@@ -1117,11 +1881,13 @@ type WheelPickerProps = {
     visible?: 3 | 5 | 7;
     /** Marks the group invalid (a danger edge). */
     invalid?: boolean;
+    /** Nothing is chosen yet: the values under the band stay quiet (secondary) until a wheel is turned. */
+    unset?: boolean;
     /** Styles merged last. */
     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, style }: WheelPickerProps): React.JSX.Element;
+declare function WheelPicker({ label, children, visible, invalid, unset, style }: WheelPickerProps): React.JSX.Element;
 /** A divider between two wheels (`:` between the hours and the minutes). */
 declare function WheelDivider({ children }: {
     children: string;
@@ -1162,4 +1928,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, 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, type Radius, SearchField, type SearchFieldProps, Segmented, type SegmentedOption, type SegmentedProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, SuccessState, 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, 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, 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 };