@webority/mobile-ui 0.8.1 → 0.9.0

package/lib/typescript/commonjs/components/FieldBase/Chevron.d.ts

@@ -8,7 +8,7 @@
  * be a filled triangle drawn with view borders. Pass `open` to get the 180°
  * rotate-on-open animation; omit it for a static chevron.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 export interface ChevronProps {
     color: string;

package/lib/typescript/commonjs/components/FilePicker/FilePicker.d.ts

@@ -20,7 +20,7 @@
  *     (compression, EXIF strip, local copy) before it lands in `files` —
  *     plug the app's image pipeline in there.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export type FilePickerVariant = 'card' | 'list';

package/lib/typescript/commonjs/components/ForceUpdateDialog/ForceUpdateDialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export interface ForceUpdateDialogProps {
     /** Whether the dialog is visible. */

package/lib/typescript/commonjs/components/InlineSelect/InlineSelect.d.ts

@@ -21,7 +21,7 @@
  * />
  * ```
  */
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 import type { SelectOption, SelectValue } from '../OptionSheet/OptionSheet';

package/lib/typescript/commonjs/components/ListItem/ListItem.d.ts

@@ -6,6 +6,12 @@ import type { ButtonProps } from '../Button';
 import type { IconBadgeTone } from '../IconBadge';
 import type { SwipeableAction } from '../Swipeable';
 export type ListItemSize = 'sm' | 'md' | 'lg';
+/**
+ * Where the `right` slot sits. `side` is beside the text, `below` is under the
+ * subtitle and description, and `auto` is `side` until the user's text size is
+ * above 1.2 times the default, then `below`, so a badge stops squeezing the title.
+ */
+export type ListItemRightPlacement = 'auto' | 'side' | 'below';
 /** One button of the `actions` row, drawn with the library Button at size `sm`. */
 export interface ListItemAction {
     label: string;
@@ -46,6 +52,24 @@ export interface ListItemProps {
     /** Tone of the `icon` circle. Default `'primary'`. */
     iconTone?: IconBadgeTone;
     right?: React.ReactNode;
+    /**
+     * Where the `right` slot is drawn. Default `'auto'`: beside the text, and
+     * under the subtitle when the font scale is above 1.2. The chevron always
+     * stays at the side.
+     */
+    rightPlacement?: ListItemRightPlacement;
+    /**
+     * Selection mode. The whole row becomes one checkbox (role `checkbox`, with
+     * its `checked` state announced) and the box is drawn in the leading slot,
+     * before any `left` or `icon`. Pressing the row calls `onCheckedChange` and
+     * `onPress` is not used. The box is a drawing, not a control, so nothing
+     * nests inside the row's press target.
+     */
+    selectable?: boolean;
+    /** Whether the row is checked. Controlled: update it from `onCheckedChange`. Used only with `selectable`. */
+    checked?: boolean;
+    /** Called with the next value when a `selectable` row is pressed. */
+    onCheckedChange?: (checked: boolean) => void;
     /**
      * A row of buttons under the item: a node drawn as is, or an array of
      * `ListItemAction` drawn as small Buttons. They sit outside the row's press

package/lib/typescript/commonjs/components/ListItem/index.d.ts

@@ -1,4 +1,4 @@
 export type { SwipeableAction } from '../Swipeable';
-export type { ListItemAction, ListItemProps, ListItemSize } from './ListItem';
+export type { ListItemAction, ListItemProps, ListItemRightPlacement, ListItemSize } from './ListItem';
 export { default, ListItem } from './ListItem';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/LoaderOverlay/LoaderOverlay.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export declare const loader: {
     show: (message?: string) => void;
     hide: () => void;

package/lib/typescript/commonjs/components/Markdown/Markdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export interface MarkdownProps {
     /** The markdown source. An empty or missing string renders nothing. */

package/lib/typescript/commonjs/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type ModalPresentation = 'centered' | 'bottom' | 'fullScreen';

package/lib/typescript/commonjs/components/ProfilePicker/ProfilePicker.d.ts

@@ -14,7 +14,7 @@
  * once (optimistic) while the app uploads it and reflects the result back
  * through `value`.
  */
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 import type { IconName, SlotIconRef } from '../AppIcon';

package/lib/typescript/commonjs/components/Radio/RadioDot.d.ts

@@ -6,7 +6,7 @@
  * animation or the disabled/selected colour rules. Purely visual — no press
  * handling, no a11y role; the parent control owns those.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 export type RadioDotSize = 'sm' | 'md' | 'lg';
 export interface RadioDotProps {

package/lib/typescript/commonjs/components/Radio/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { RadioValue } from './Radio';
 export interface RadioGroupProps {

package/lib/typescript/commonjs/components/Rating/Rating.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type RatingTone = 'primary' | 'warning';

package/lib/typescript/commonjs/components/Repeater/Repeater.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export interface RepeaterRenderArgs<T> {

package/lib/typescript/commonjs/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { TextInput as RNTextInput, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 import type { MarkdownAction } from './markdownActions';

package/lib/typescript/commonjs/components/SectionHeader/SectionHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, TextStyle } from 'react-native';
 export type SectionHeaderVariant = 'title' | 'caps' | 'sub';
 export interface SectionHeaderProps {

package/lib/typescript/commonjs/components/SegmentedControl/SegmentedControl.d.ts

@@ -71,6 +71,13 @@ export interface SegmentedControlProps {
      * default under this prop.
      */
     radius?: SegmentedControlRadius;
+    /**
+     * Lines a segment label may take before it is truncated: 1 (default) or 2.
+     * At 2 the segment is taller by one line, so a two-word label ("Second
+     * half") wraps instead of ending in an ellipsis; a one-word label stays on
+     * one line, centred.
+     */
+    labelLines?: 1 | 2;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
     accessibilityLabel?: string;

package/lib/typescript/commonjs/components/Skeleton/Skeleton.d.ts

@@ -22,7 +22,7 @@
  * circle (50%), or text (small radius, slightly inset height). Set width /
  * height directly for full control.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { RadiusScale } from '../../theme/types';
 import type { SkeletonColors } from './SkeletonProvider';

package/lib/typescript/commonjs/components/Skeleton/SkeletonClock.d.ts

@@ -13,8 +13,8 @@
  * Skeleton interpolates that value into its own translateX / opacity output.
  * One native-driver loop, no drift, ~zero JS cost.
  */
+import type React from 'react';
 import type { ReactNode } from 'react';
-import React from 'react';
 import { Animated } from 'react-native';
 import type { SkeletonSpeed, SkeletonVariant } from './Skeleton';
 export interface SkeletonClockValue {

package/lib/typescript/commonjs/components/Skeleton/SkeletonProvider.d.ts

@@ -13,8 +13,8 @@
  * if the user toggles the setting while the app is open the skeletons stop
  * shimmering immediately.
  */
+import type React from 'react';
 import type { ReactNode } from 'react';
-import React from 'react';
 import type { SkeletonRadius, SkeletonSpeed, SkeletonVariant } from './Skeleton';
 /**
  * Per-instance color override for a skeleton. `background` is the resting

package/lib/typescript/commonjs/components/Skeleton/SkeletonSkip.d.ts

@@ -1,5 +1,5 @@
+import type React from 'react';
 import type { ReactNode } from 'react';
-import React from 'react';
 export interface SkeletonSkipProps {
     children: ReactNode;
 }

package/lib/typescript/commonjs/components/Spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 export type SpinnerSize = 'sm' | 'md' | 'lg';
 export type SpinnerVariant = 'circular' | 'dots';

package/lib/typescript/commonjs/components/StatusBadge/StatusBadge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 /**
  * The same semantic vocabulary Chip and Badge use, and the web library's

package/lib/typescript/commonjs/components/Stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 /**

package/lib/typescript/commonjs/components/Swipeable/Swipeable.d.ts

@@ -14,7 +14,7 @@
  *   <ListItem title="Inbox item" />
  * </Swipeable>
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export type SwipeableTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';

package/lib/typescript/commonjs/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { TextProps as RNTextProps, Text as RNTextRef, StyleProp, TextStyle } from 'react-native';
 import type { FontWeightKey } from '../../theme';
 import type { Theme, TypographyScale } from '../../theme/types';

package/lib/typescript/commonjs/components/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 import type { FieldBaseSize, FieldBaseVariant } from '../FieldBase';

package/lib/typescript/commonjs/components/Timeline/Timeline.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 /**
  * The status vocabulary is shared with the web library's AppTimeline so a

package/lib/typescript/commonjs/components/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';

package/lib/typescript/commonjs/components/Toast/ToastProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { HapticType } from '../../utils/hapticUtils';
 import type { ToastOptions, ToastPosition, ToastVariant } from './Toast';
 export interface ToastApi {

package/lib/typescript/commonjs/components/ZoomableImage/ZoomableImage.d.ts

@@ -21,7 +21,7 @@
  * a `source` prop would force re-implementing that per app. Wrapping keeps
  * this component ignorant of how the image is fetched.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export interface ZoomableImageProps {

package/lib/typescript/commonjs/components/index.d.ts

@@ -26,6 +26,8 @@ export type { BoxProps, RowProps, SpacerProps, StackProps } from './Box';
 export { Box, Row, Spacer, Stack } from './Box';
 export type { ButtonProps, ButtonSize, ButtonTone, ButtonVariant } from './Button';
 export { Button } from './Button';
+export type { CalendarMarkedDate, CalendarMarkKind, CalendarMode, CalendarProps, CalendarRange, CalendarWeekStart } from './Calendar';
+export { Calendar } from './Calendar';
 export type { CardElevation, CardPadding, CardProps, CardRadius, CardTextAction, CardVariant } from './Card';
 export { Card } from './Card';
 export type { CarouselProps, CarouselRef, PaginationStyle } from './Carousel';
@@ -80,7 +82,7 @@ export type { KeyboardAwareScrollViewProps, KeyboardAwareScrollViewRef } from '.
 export { KeyboardAwareScrollView } from './KeyboardAwareScrollView';
 export type { KeyboardToolbarProps } from './KeyboardToolbar';
 export { KeyboardToolbar } from './KeyboardToolbar';
-export type { ListItemAction, ListItemProps, ListItemSize } from './ListItem';
+export type { ListItemAction, ListItemProps, ListItemRightPlacement, ListItemSize } from './ListItem';
 export { ListItem } from './ListItem';
 export type { LoaderOverlayProps } from './LoaderOverlay';
 export { LoaderOverlay, loader, useLoader } from './LoaderOverlay';

package/lib/typescript/commonjs/form/FormContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { FormApi, FormValues } from './types';
 export interface FormProps<Values extends FormValues = FormValues> {
     /** The object returned by {@link useForm}. */

package/lib/typescript/commonjs/network/NetworkStatusBanner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { ViewStyle } from 'react-native';
 export interface NetworkStatusBannerProps {
     /** Override the default offline message. */

package/lib/typescript/commonjs/theme/ThemeContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { ColorMode, Theme, ThemeOverrides } from './types';
 export type ColorSchemePreference = 'light' | 'dark' | 'system';
 export interface ThemeProviderProps {

package/lib/typescript/commonjs/theme/textStyle.d.ts

@@ -10,9 +10,12 @@ export type FontWeightKey = keyof TypographyScale['fontWeight'];
  * file controls the weight glyph itself. Falls back to `fontWeight` when no
  * brand font is registered for that weight.
  *
+ * `face: 'display'` picks `fontFamily.display` when the theme sets it and is
+ * otherwise identical to the call without it.
+ *
  * Note: the fontWeight scale uses `normal` while FontFamilyScale uses
  * `regular` (the conventional font-name suffix). The helper maps between
  * them transparently.
  */
-export declare const fontFor: (theme: Theme, weight: FontWeightKey) => Pick<TextStyle, "fontFamily" | "fontWeight">;
+export declare const fontFor: (theme: Theme, weight: FontWeightKey, face?: "display") => Pick<TextStyle, "fontFamily" | "fontWeight">;
 //# sourceMappingURL=textStyle.d.ts.map

package/lib/typescript/commonjs/theme/toneInk.d.ts

@@ -0,0 +1,38 @@
+/** WCAG 2.x contrast ratio of two opaque `#RRGGBB` colours. */
+export declare const contrastRatio: (a: string, b: string) => number;
+/**
+ * A tone colour as text that reads at 4.5:1 on the given surfaces and on the
+ * tone's own soft tint over each. The colour is returned as it is when it
+ * already reads; otherwise its lightness moves (down on a light scheme, up on
+ * a dark one) with hue and saturation kept, so the ink stays the brand's own
+ * colour, only deeper or lighter. A value that is not a six-digit hex has no
+ * lightness to move and is returned unchanged.
+ */
+export declare const deriveToneInk: (tone: string, surfaces: readonly string[], scheme: "light" | "dark") => string;
+/**
+ * A tone colour as a solid fill under its `on*` ink, at 4.5:1. The fill is
+ * returned as it is when the pair already reads; otherwise its lightness moves
+ * away from the ink (darker under a light ink, lighter under a dark one) with
+ * hue and saturation kept. A colour that is not a six-digit hex has no
+ * lightness to move and is returned unchanged.
+ */
+export declare const deriveSolidFill: (fill: string, on: string) => string;
+/**
+ * The hover and pressed fills of a moved or brand-named solid fill, in its own
+ * hue. Each takes the size of the library's lightness step from `reference`
+ * (the library fill and its two state fills) and moves away from the `on` ink,
+ * as the library does (darker under white, lighter under a dark ink), so the
+ * label keeps its contrast while pressed and pressed stays further from the
+ * fill than hover. A fill with no room for the step on that side steps the
+ * other way. A value that is not a six-digit hex has no lightness to step and
+ * returns the reference states.
+ */
+export declare const deriveStateFills: (fill: string, on: string, reference: {
+    fill: string;
+    hover: string;
+    pressed: string;
+}) => {
+    hover: string;
+    pressed: string;
+};
+//# sourceMappingURL=toneInk.d.ts.map

package/lib/typescript/commonjs/theme/types.d.ts

@@ -43,10 +43,13 @@ export interface ColorPalette {
      * Foreground (text/icon) colour to render ON a solid fill of each semantic
      * tone. Solid Button / Badge / Chip / Banner backgrounds read these instead
      * of assuming `text.inverse` (white) — white-on-pale (notably `warning`
-     * amber) fails contrast. Library defaults keep the historical white for
-     * primary/success/error/info, use dark ink for `warning`, and `text.primary`
-     * for the surface-like `secondary` tone. Override per-brand to match your
-     * palette's luminance.
+     * amber) fails contrast. Library defaults use white on the light scheme's
+     * primary/success/error/info and dark ink on `warning` and on every dark
+     * scheme tone, each pair at 4.5:1 or more, and `text.primary` for the
+     * surface-like `secondary` tone. A brand that overrides a tone colour (or
+     * its `on*` ink) gets the FILL moved, in its own hue, until the pair reads
+     * at 4.5:1 (`mergeTheme`); override per-brand to match your palette's
+     * luminance.
      */
     onPrimary: string;
     onSecondary: string;
@@ -56,6 +59,24 @@ export interface ColorPalette {
     onInfo: string;
     /** Ink on a scrim (`background.overlay`), which is dark in both schemes. */
     onOverlay: string;
+    /**
+     * Each tone as TEXT, on the page surfaces and on that tone's own soft tint
+     * (14% of the tone). The tone colours above are fills: `warning` amber and
+     * `success` green sit near 2:1 as small text on a light page. These hold
+     * 4.5:1 against every `background.*` and the soft tint in both schemes, in
+     * the tone's own hue. Every component that draws a tone as text (soft and
+     * outline `StatusBadge`, `Banner`, `Chip`, `Button` soft / outline / ghost
+     * labels, `Avatar` initials on a tint, a field's required marker, the
+     * `FormField` hint and `ErrorBoundary` text) reads them. A brand that
+     * overrides a tone colour overrides its ink too.
+     */
+    toneText: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+    };
     text: {
         primary: string;
         secondary: string;
@@ -173,6 +194,14 @@ export interface FontFamilyScale {
     medium?: string;
     semibold?: string;
     bold?: string;
+    /**
+     * The title face (a serif, say). The built-in `display`, `h1`, `h2` and
+     * `title` `Text` variants, and a registered variant with
+     * `fontFamily: 'display'`, draw in it; when unset they use the weight faces
+     * above. It is one face: the variant's weight is not sent alongside it, so
+     * register the weight you want as this face.
+     */
+    display?: string;
 }
 export interface TypographyScale {
     fontSize: {
@@ -377,6 +406,7 @@ export interface ToastTokens {
     iconCircleSize: number;
     iconCircleBorderRadius: number;
     iconGlyphFontSize: number;
+    /** Width of the leading tone bar. Library default: 0 (none; the icon carries the tone). Set 4 to restore the bar. */
     tintBarWidth: number;
     /** Default auto-dismiss duration (ms) when toast.duration is unset. 0 = persistent. Library default: 3000. */
     defaultDurationMs?: number;
@@ -819,6 +849,7 @@ export interface AppBarTokens {
     badgeLineHeight?: number;
 }
 export interface BannerTokens {
+    /** Width of the leading tone bar. Library default: 0 (none; the icon carries the tone). Set 4 to restore the bar. */
     tintBarWidth?: number;
     iconCircleSize?: number;
     iconCircleRadius?: number;
@@ -1129,6 +1160,8 @@ export interface TextVariantSpec {
     letterSpacing?: number | keyof TypographyScale['letterSpacing'];
     italic?: boolean;
     fontVariant?: TextStyle['fontVariant'];
+    /** `'display'` draws the variant in `typography.fontFamily.display` when the theme sets it; otherwise the weight faces. */
+    fontFamily?: 'display';
 }
 export interface Theme {
     mode: ColorMode;

package/lib/typescript/commonjs/utils/ariaState.d.ts

@@ -0,0 +1,10 @@
+import type { AccessibilityState, ViewProps } from 'react-native';
+type AriaStateProps = Pick<ViewProps, 'aria-busy' | 'aria-checked' | 'aria-disabled' | 'aria-expanded' | 'aria-selected'>;
+/**
+ * The `aria-*` twin of an `accessibilityState`. React Native Web reads only the
+ * `aria-*` props, so a control that builds its state at run time spreads this
+ * beside `accessibilityState`; phones read the same values from either.
+ */
+export declare const ariaFromState: (state: AccessibilityState | undefined) => AriaStateProps;
+export {};
+//# sourceMappingURL=ariaState.d.ts.map

package/lib/typescript/module/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils.js';
 export type AccordionVariant = 'plain' | 'card';

package/lib/typescript/module/components/AnimatePresence/AnimatePresence.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 export type PresencePreset = 'fade' | 'scale' | 'slide-up' | 'slide-down';
 export interface AnimatePresenceProps {

package/lib/typescript/module/components/AppBar/AppBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils.js';

package/lib/typescript/module/components/AppIcon/AppIcon.d.ts

@@ -18,7 +18,7 @@
  * them in an `<svg>` at the requested size, substitute the colour, and hand
  * the string to react-native-svg's `SvgXml`.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from './catalog.g.js';
 import { ICON_NAMES } from './catalog.g.js';

package/lib/typescript/module/components/AsyncBlock/AsyncBlock.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 /** Which failure the error state describes. */
 export type AsyncBlockErrorVariant = 'default' | 'offline';

package/lib/typescript/module/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { ImageSourcePropType, ImageStyle, View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { Theme } from '../../theme/types.js';
 /**
@@ -33,7 +33,7 @@ export type AvatarStatusPosition = 'topRight' | 'bottomRight';
  * primary text; `secondary` is the theme's secondary surface and its ink.
  */
 export type AvatarTone = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-/** The fill and the ink of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
+/** The fill and the ink (the tone as text, `toneText`) of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
 export declare const avatarToneColors: (theme: Theme, tone: AvatarTone) => {
     background: string;
     color: string;

package/lib/typescript/module/components/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type BadgeVariant = 'standard' | 'dot';
 export type BadgeTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral' | 'info';

package/lib/typescript/module/components/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils.js';
 export type BannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';

package/lib/typescript/module/components/BottomNavigation/BottomNavigation.d.ts

@@ -204,6 +204,12 @@ export interface BottomNavigationProps {
     /** Style applied to the active indicator of every variant (pill, line, bubble or expanded pill). */
     indicatorStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Largest font scale the tab label follows (React Native's
+     * `maxFontSizeMultiplier`). The icon and the badge keep their size. Default
+     * 1.2, or the theme's `maxFontSizeMultiplier` when that is set.
+     */
+    labelMaxFontScale?: number;
     testID?: string;
 }
 declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<RNView>>;

package/lib/typescript/module/components/BottomSheet/BottomSheet.d.ts

@@ -16,7 +16,7 @@
  * ref.current?.collapse(); // animate to smallest snap point
  * ref.current?.close();    // dismiss
  */
-import React from 'react';
+import type React from 'react';
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 import { ScrollView } from 'react-native';
 /**

package/lib/typescript/module/components/Box/Box.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { ColorPalette, RadiusScale, SpacingScale, Theme } from '../../theme/types.js';
 export type SpacingToken = keyof SpacingScale;