@nexub/react-native 0.0.0-stage → 2.1.0

package/lib/typescript/components/containers.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+import { type SurfaceProps } from '../primitives/Surface.js';
+export interface CardProps extends SurfaceProps {
+    /** Makes the whole card one pressable target (navigates to detail). */
+    onPress?: () => void;
+    /** Accessible name when pressable. */
+    accessibilityLabel?: string;
+}
+/** Content container on a tonal tier. Hierarchy through tone, not shadow (elevation for floating cards only). */
+export declare function Card({ onPress, accessibilityLabel, tone, radius, style, children, ...rest }: CardProps): React.JSX.Element;
+export type ListItemVariant = 'static' | 'navigation' | 'switch' | 'checkbox' | 'radio' | 'button' | 'value';
+export interface ListItemProps {
+    title: string;
+    subtitle?: string;
+    /** Icon, Avatar or flag before the text. */
+    leading?: React.ReactNode;
+    /** Trailing text (variant 'value' or 'navigation'), e.g. "English" or an amount. */
+    value?: string;
+    /** Custom trailing content (overrides the variant's). */
+    trailing?: React.ReactNode;
+    /** @default 'navigation' when onPress is set, else 'static' */
+    variant?: ListItemVariant;
+    /** For switch / checkbox / radio rows. */
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    onPress?: () => void;
+    /** Button rows: red, for destructive actions (Sign out, Delete). */
+    destructive?: boolean;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * One row of a list (Wise "List Item" model). The whole row is a single
+ * target and a single screen-reader element: "Title, subtitle, value".
+ */
+export declare function ListItem({ title, subtitle, leading, value, trailing, variant: variantProp, checked, onCheckedChange, onPress, destructive, disabled, style, }: ListItemProps): React.JSX.Element;
+export interface ListSectionProps extends ViewProps {
+    /** Section title above the group. */
+    header?: string;
+    /** Helper text below the group. */
+    footer?: string;
+    /** Divider inset: 16 for text rows, 56 when rows have a leading icon. @default 16 */
+    inset?: number;
+    children: React.ReactNode;
+}
+/** Inset-grouped rows on a container tier, hairlines between rows only. */
+export declare function ListSection({ header, footer, inset, children, style, ...rest }: ListSectionProps): React.JSX.Element;
+export interface AccordionProps {
+    title: string;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** Disclosure: a header row that shows or hides its content. */
+export declare function Accordion({ title, expanded, defaultExpanded, onExpandedChange, children, style, }: AccordionProps): React.JSX.Element;
+//# sourceMappingURL=containers.d.ts.map

package/lib/typescript/components/containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../../src/components/containers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAAuB,CAAC;AAQnE,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iHAAiH;AACjH,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,kBAAkB,EAClB,IAA8B,EAC9B,MAAoB,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,qBAsBX;AAID,MAAM,MAAM,eAAe,GACzB,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GACN,EAAE,aAAa,qBAqHf;AAID,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,KAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAwClB;AAID,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,gEAAgE;AAChE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,eAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,KAAK,GACN,EAAE,cAAc,qBAsChB"}

package/lib/typescript/components/display.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+import { type ToneValue } from '@nexub/core';
+import type { NativeIconProps } from '@nexub/icons/native';
+export interface AmountProps {
+    value: number;
+    /** ISO 4217 code, e.g. 'USD', 'EUR', 'INR'. */
+    currency: string;
+    /** BCP 47 locale. @default the provider's */
+    locale?: string;
+    /** `display`: a hero figure in the brand face with a quieter symbol and minor units. @default 'md' */
+    size?: 'sm' | 'md' | 'lg' | 'display';
+    /** `auto` colours gains success and losses error (use with signDisplay). @default 'neutral' */
+    tone?: 'neutral' | 'auto';
+    /** e.g. 'exceptZero' to show "+" on gains. */
+    signDisplay?: Intl.NumberFormatOptions['signDisplay'];
+    style?: StyleProp<ViewStyle>;
+}
+/** Money, formatted by Intl with tabular figures. Same API as web `Amount`. */
+export declare function Amount({ value, currency, locale, size, tone, signDisplay, style, }: AmountProps): React.JSX.Element;
+export interface BadgeProps extends ViewProps {
+    children?: string | number;
+    /** @default 'neutral' */
+    tone?: ToneValue;
+    /** @default 'soft' */
+    variant?: 'solid' | 'soft' | 'outline';
+    /** @default 'md' */
+    size?: 'sm' | 'md';
+    /** A status dot before the label (replaces web StatusPill). */
+    dot?: boolean;
+    leadingIcon?: React.ComponentType<NativeIconProps>;
+}
+/** Status, count or category label. Never tappable; use `Chip` for anything a user toggles. */
+export declare function Badge({ children, tone, variant, size, dot, leadingIcon: Lead, style, ...rest }: BadgeProps): React.JSX.Element;
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends ViewProps {
+    /** Image URL. Falls back to initials when missing or broken. */
+    src?: string;
+    /** Person or org name: initials and the accessible name. */
+    name?: string;
+    /** @default 'md' */
+    size?: AvatarSize;
+    /** Online/status dot. */
+    badge?: boolean;
+}
+export declare function Avatar({ src, name, size, badge, style, ...rest }: AvatarProps): React.JSX.Element;
+export interface AvatarGroupProps extends ViewProps {
+    children: React.ReactElement<AvatarProps>[];
+    /** Avatars shown before "+N". @default 4 */
+    max?: number;
+    size?: AvatarSize;
+}
+export declare function AvatarGroup({ children, max, size, style, ...rest }: AvatarGroupProps): React.JSX.Element;
+export interface DividerProps extends ViewProps {
+    /** Indent from the start edge (aligns with list text after a leading icon). */
+    inset?: number;
+    /** @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+}
+/** Hairline separator. Prefer spacing and tonal tiers first (Calm Depth: remove dividers before adding them). */
+export declare function Divider({ inset, orientation, style, ...rest }: DividerProps): React.JSX.Element;
+//# sourceMappingURL=display.d.ts.map

package/lib/typescript/components/display.d.ts.map

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

package/lib/typescript/components/feedback.d.ts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+import type { ToneValue } from '@nexub/core';
+import { type NativeIconProps } from '@nexub/icons/native';
+export interface BannerProps extends ViewProps {
+    title?: string;
+    children?: React.ReactNode;
+    /** @default 'info' */
+    tone?: ToneValue;
+    /** One action, e.g. <Button variant="text">Review</Button>. */
+    action?: React.ReactNode;
+    onDismiss?: () => void;
+}
+/** Persistent in-page message (web Banner / Alert / Callout). */
+export declare function Banner({ title, children, tone, action, onDismiss, style, ...rest }: BannerProps): React.JSX.Element;
+export interface ToastOptions {
+    message: string;
+    /** One short action ("Undo"). */
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    tone?: ToneValue;
+    /** 'short' 4 s, 'long' 10 s (Material snackbar timings). @default 'long' with an action (time to reach it, WCAG 2.2.1), else 'short' */
+    duration?: 'short' | 'long';
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Extra space above the bottom inset, e.g. the tab bar height. @default 0 */
+    bottomOffset?: number;
+}
+/** Hosts one toast at a time above the bottom safe area. Put it inside NexubNativeProvider. */
+export declare function ToastProvider({ children, bottomOffset }: ToastProviderProps): React.JSX.Element;
+/** `const toast = useToast(); toast({ message: 'Saved' })`. Needs ToastProvider. */
+export declare const useToast: () => (t: ToastOptions) => void;
+export interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    /** Extra content between the description and the actions. */
+    children?: React.ReactNode;
+    /** 1–2 Buttons; put the confirming action last. */
+    actions: React.ReactNode;
+    /** Tapping the scrim or Android back closes it. @default true */
+    dismissable?: boolean;
+}
+/** Modal alert for decisions that block the flow. Prefer a sheet for anything longer. */
+export declare function Dialog({ open, onOpenChange, title, description, children, actions, dismissable, }: DialogProps): React.JSX.Element;
+export interface ProgressProps {
+    /** 0–1. */
+    value: number;
+    label: string;
+    /** @default 'linear' */
+    variant?: 'linear' | 'circular';
+    /** Circular diameter. @default 40 */
+    size?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/** Determinate progress. For unknown waits use LoadingIndicator. */
+export declare function Progress({ value, label, variant, size, style }: ProgressProps): React.JSX.Element;
+/** The platform activity indicator in the primary role. */
+export declare function LoadingIndicator({ size, label, }: {
+    size?: 'small' | 'large';
+    label?: string;
+}): React.JSX.Element;
+export interface SkeletonProps {
+    width?: ViewStyle['width'];
+    /** @default 16 */
+    height?: number;
+    /** @default 'field' */
+    radius?: 'field' | 'control' | 'container' | number;
+    style?: StyleProp<ViewStyle>;
+}
+/** Loading placeholder. Pulses gently; static under Reduce Motion. Hidden from screen readers. */
+export declare function Skeleton({ width, height, radius, style }: SkeletonProps): React.JSX.Element;
+export interface EmptyStateProps extends ViewProps {
+    title: string;
+    description?: string;
+    icon?: React.ComponentType<NativeIconProps>;
+    /** @default 'neutral' */
+    tone?: ToneValue;
+    /** Primary next step, e.g. <Button>Add money</Button>. */
+    action?: React.ReactNode;
+}
+/** Nothing here yet: say why and offer the next step. */
+export declare function EmptyState({ title, description, icon: Glyph, tone, action, style, ...rest }: EmptyStateProps): React.JSX.Element;
+export interface ErrorStateProps extends Omit<EmptyStateProps, 'tone' | 'action'> {
+    /** Shows a Retry button (messages.retry). */
+    onRetry?: () => void;
+}
+export declare function ErrorState({ onRetry, icon, ...rest }: ErrorStateProps): React.JSX.Element;
+//# sourceMappingURL=feedback.d.ts.map

package/lib/typescript/components/feedback.d.ts.map

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

package/lib/typescript/components/inputs.d.ts

@@ -0,0 +1,141 @@
+import * as React from 'react';
+import { TextInput, type StyleProp, type TextInputProps, type ViewStyle } from 'react-native';
+import { type ControlSize } from '@nexub/core';
+import { type NativeIconProps } from '@nexub/icons/native';
+export interface TextFieldProps extends Omit<TextInputProps, 'style' | 'editable'> {
+    ref?: React.Ref<React.ComponentRef<typeof TextInput>>;
+    /** Visible label above the field (also its accessible name). */
+    label: string;
+    /** Hint under the field. Replaced by `error` when set. */
+    helperText?: string;
+    /** Error message: red outline, announced, replaces the helper text. */
+    error?: string;
+    disabled?: boolean;
+    /** @default 'lg' (48, the mobile field height) */
+    size?: Extract<ControlSize, 'md' | 'lg' | 'xl'>;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** Labelled text input (web Input + Label + HelperText + FormError in one). */
+export declare function TextField({ ref, label, helperText, error, disabled, size, leading, trailing, style, multiline, onFocus, onBlur, ...rest }: TextFieldProps): React.JSX.Element;
+export interface PasswordInputProps extends Omit<TextFieldProps, 'secureTextEntry' | 'trailing'> {
+}
+/** Password field with a show/hide toggle and the platform autofill hints. */
+export declare function PasswordInput(props: PasswordInputProps): React.JSX.Element;
+export interface SearchFieldProps extends Omit<TextInputProps, 'style'> {
+    /** Accessible name. @default messages.search */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/** Capsule search input with a clear button. */
+export declare function SearchField({ label, value, defaultValue, onChangeText, style, ...rest }: SearchFieldProps): React.JSX.Element;
+export interface MoneyInputProps extends Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange' | 'leading' | 'keyboardType'> {
+    currency: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    /** Parsed value (rounded to the currency's minor units), or null when empty. */
+    onValueChange?: (value: number | null) => void;
+    locale?: string;
+}
+/** Amount entry: decimal keypad, currency symbol, locale-aware parsing (de-DE "1.234,5" → 1234.5). */
+export declare function MoneyInput({ currency, value, defaultValue, onValueChange, locale, ...rest }: MoneyInputProps): React.JSX.Element;
+export interface StepperProps {
+    /** Accessible name of the value, e.g. "Guests". */
+    label: string;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** − value + for small counts. Adjustable with VoiceOver/TalkBack swipe up/down. */
+export declare function Stepper({ label, value, defaultValue, onValueChange, min, max, step, disabled, style, }: StepperProps): React.JSX.Element;
+export interface CheckboxProps {
+    label: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    description?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Checkbox with its label; the whole row is the target. */
+export declare function Checkbox({ label, checked, defaultChecked, onCheckedChange, description, disabled, style, }: CheckboxProps): React.JSX.Element;
+export interface RadioGroupProps {
+    /** Accessible name of the group. */
+    label: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function RadioGroup({ label, value, defaultValue, onValueChange, disabled, children, style, }: RadioGroupProps): React.JSX.Element;
+export interface RadioProps {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export declare function Radio({ value, label, description, disabled: own }: RadioProps): React.JSX.Element;
+export interface SwitchProps {
+    /** Accessible name (visible label lives in the ListItem / row next to it). */
+    label: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+}
+/** The platform switch (UISwitch / Material), coloured with Nexub roles. The OS plays its haptic. */
+export declare function Switch({ label, checked, defaultChecked, onCheckedChange, disabled, }: SwitchProps): React.JSX.Element;
+export interface SegmentedControlProps<T extends string> {
+    label: string;
+    options: readonly {
+        value: T;
+        label: string;
+    }[];
+    value?: T;
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/** 2–5 mutually exclusive views of the same content. */
+export declare function SegmentedControl<T extends string>({ label, options, value, defaultValue, onValueChange, style, }: SegmentedControlProps<T>): React.JSX.Element;
+export interface SliderProps {
+    label: string;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Announced value text, e.g. (v) => `${v}%`. */
+    formatValue?: (value: number) => string;
+    style?: StyleProp<ViewStyle>;
+}
+/** Continuous value. Drag anywhere on the track; VoiceOver/TalkBack adjust by `step`. */
+export declare function Slider({ label, value, defaultValue, onValueChange, min, max, step, disabled, formatValue, style, }: SliderProps): React.JSX.Element;
+export interface ChipProps {
+    label: string;
+    /** Toggle state (filter chips). */
+    selected?: boolean;
+    onPress?: () => void;
+    /** Shows a remove button (its label is messages.remove). */
+    onRemove?: () => void;
+    leadingIcon?: React.ComponentType<NativeIconProps>;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Capsule control: a filter, a choice or an input token. */
+export declare function Chip({ label, selected, onPress, onRemove, leadingIcon: Lead, disabled, style, }: ChipProps): React.JSX.Element;
+/** A toggleable Chip (selected → check icon). */
+export declare function FilterChip(props: ChipProps & {
+    selected: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=inputs.d.ts.map

package/lib/typescript/components/inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../src/components/inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgD,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAW7B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;IACtD,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,+EAA+E;AAC/E,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,cAAc,qBAsEhB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,EAAE,iBAAiB,GAAG,UAAU,CAAC;CAAG;AAEnG,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAqBtD;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACrE,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBA+ClB;AAID,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,EACd,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,cAAc,CACnE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,MAAM,EACN,GAAG,IAAI,EACR,EAAE,eAAe,qBAkCjB;AAID,MAAM,WAAW,YAAY;IAC3B,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAe,EACf,GAAc,EACd,IAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,YAAY,qBAmDd;AAID,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,KAAK,GACN,EAAE,aAAa,qBAwDf;AASD,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,qBAajB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,UAAU,qBAsD7E;AAID,MAAM,WAAW,WAAW;IAC1B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qGAAqG;AACrG,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,QAAQ,GACT,EAAE,WAAW,qBAkBb;AAID,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,GACN,EAAE,qBAAqB,CAAC,CAAC,CAAC,qBA2D1B;AAID,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,yFAAyF;AACzF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAwEb;AAID,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,6DAA6D;AAC7D,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EAAE,IAAI,EACjB,QAAQ,EACR,KAAK,GACN,EAAE,SAAS,qBA2DX;AAED,iDAAiD;AACjD,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,qBAElE"}

package/lib/typescript/components/mobile.d.ts

@@ -0,0 +1,173 @@
+import * as React from 'react';
+import { type ListRenderItem, type RefreshControlProps as RNRefreshControlProps, type StyleProp, type ViewStyle } from 'react-native';
+import { type NativeIconProps } from '@nexub/icons/native';
+import { Text } from '../primitives/Text.js';
+export interface SwipeAction {
+    label: string;
+    icon?: React.ComponentType<NativeIconProps>;
+    onPress: () => void;
+    /** @default 'neutral' */
+    tone?: 'neutral' | 'danger' | 'primary';
+}
+export interface SwipeableRowProps {
+    /** Accessible name of the whole row, e.g. "Amazon, minus $42.50, today". */
+    label: string;
+    /** Tap / double-tap action of the row (open details). */
+    onPress?: () => void;
+    /** Revealed by swiping toward the start edge. Each one is also an accessibility action. */
+    actions: SwipeAction[];
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Swipe a row to reveal actions. Never the only way to an action: they are
+ * custom accessibility actions too (VoiceOver rotor / TalkBack actions).
+ */
+export declare function SwipeableRow({ label, onPress, actions, children, style }: SwipeableRowProps): React.JSX.Element;
+/** The platform pull-to-refresh in the primary role. Pass to a ScrollView/FlatList `refreshControl`. */
+export declare function RefreshControl(props: RNRefreshControlProps): React.JSX.Element;
+export interface PageIndicatorProps {
+    count: number;
+    index: number;
+    style?: StyleProp<ViewStyle>;
+}
+/** Dots for paged content: "Page 2 of 4" to screen readers. */
+export declare function PageIndicator({ count, index, style }: PageIndicatorProps): React.JSX.Element;
+export interface CarouselProps<T> {
+    data: readonly T[];
+    renderItem: ListRenderItem<T>;
+    /** Page width. @default the window width */
+    width?: number;
+    onIndexChange?: (index: number) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/** Full-width paging (onboarding, card stacks) with a page indicator. */
+export declare function Carousel<T>({ data, renderItem, width: w, onIndexChange, style, }: CarouselProps<T>): React.JSX.Element;
+export interface StickyFooterProps {
+    /** Scrollable content above the footer. */
+    children: React.ReactNode;
+    /** The flow's primary action(s), kept above the keyboard and the home indicator. */
+    footer: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** Screen body + a footer that stays above the keyboard: the primary button of every flow. */
+export declare function StickyFooter({ children, footer, style }: StickyFooterProps): React.JSX.Element;
+export interface OTPInputProps {
+    /** Accessible name, e.g. "Verification code". */
+    label: string;
+    /** @default 6 */
+    length?: number;
+    value?: string;
+    onValueChange?: (code: string) => void;
+    /** Called once all digits are entered. */
+    onComplete?: (code: string) => void;
+    /** Dots instead of digits (PIN). Turns off one-time-code autofill. */
+    secure?: boolean;
+    error?: string;
+    autoFocus?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * One-time code / PIN entry: one hidden field (so paste and SMS autofill work:
+ * iOS oneTimeCode, Android sms-otp) drawn as boxes.
+ */
+export declare function OTPInput({ label, length, value, onValueChange, onComplete, secure, error, autoFocus, style, }: OTPInputProps): React.JSX.Element;
+export interface NumericKeypadProps {
+    /** Called with '0'–'9', the decimal key or 'delete'. */
+    onKey: (key: string) => void;
+    /** Show the decimal key (money). @default false */
+    decimal?: boolean;
+    locale?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/** On-screen digits for amounts and PINs (no system keyboard covering the screen). */
+export declare function NumericKeypad({ onKey, decimal, locale, style }: NumericKeypadProps): React.JSX.Element;
+export interface ExpressiveMoneyInputProps {
+    currency: string;
+    value?: number | null;
+    onValueChange?: (value: number | null) => void;
+    /** Accessible name, e.g. "Amount to send". */
+    label: string;
+    locale?: string;
+    /** Shown under the amount, e.g. "Balance $1,240.00" or an error. */
+    caption?: string;
+    error?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Big amount in the brand face + keypad (Wise-style money entry). */
+export declare function ExpressiveMoneyInput({ currency, value, onValueChange, label, locale, caption, error, style, }: ExpressiveMoneyInputProps): React.JSX.Element;
+export interface SensitiveValueProps {
+    /** What it is, e.g. "Balance" (used for the toggle and the masked reading). */
+    label: string;
+    /** The formatted value, e.g. "$12,480.50". */
+    children: string;
+    /** @default 'title-lg' */
+    variant?: React.ComponentProps<typeof Text>['variant'];
+    revealed?: boolean;
+    defaultRevealed?: boolean;
+    onRevealedChange?: (revealed: boolean) => void;
+}
+/**
+ * A value that can be hidden (balances, card numbers). Masked text reads as
+ * "Balance, hidden", never as dots, and it re-masks when the app backgrounds.
+ */
+export declare function SensitiveValue({ label, children, variant, revealed, defaultRevealed, onRevealedChange, }: SensitiveValueProps): React.JSX.Element;
+export interface PrivacyShieldProps {
+    children: React.ReactNode;
+    /** Shown over the app in the app switcher (e.g. your logo). */
+    cover?: React.ReactNode;
+    /** Block screenshots and recording (Android FLAG_SECURE; iOS hides the content in captures). Needs expo-screen-capture. @default false */
+    preventCapture?: boolean;
+}
+/**
+ * Covers the app when it leaves the foreground, so the app-switcher snapshot
+ * shows no balances. Wrap screens with sensitive data (or the whole app).
+ */
+export declare function PrivacyShield({ children, cover, preventCapture }: PrivacyShieldProps): React.JSX.Element;
+/** Slim notice while the app has no connection. Pass your network state (e.g. NetInfo). */
+export declare function OfflineBanner({ offline, style, }: {
+    offline: boolean;
+    style?: StyleProp<ViewStyle>;
+}): React.JSX.Element | null;
+export interface CoachmarkProps {
+    title?: string;
+    children: string;
+    /** Which side the arrow is on (towards the thing it explains). @default 'top' */
+    arrow?: 'top' | 'bottom';
+    onDismiss: () => void;
+    /** Dismiss label. @default messages.close */
+    dismissLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/** A one-time hint next to a new feature. Place it in your layout; it doesn't measure targets. */
+export declare function Coachmark({ title, children, arrow, onDismiss, dismissLabel, style, }: CoachmarkProps): React.JSX.Element;
+export interface FABProps {
+    icon: React.ComponentType<NativeIconProps>;
+    /** Accessible name; also shown when `extended`. */
+    label: string;
+    onPress: () => void;
+    extended?: boolean;
+    /** Platforms that render it (a FAB reads as Material; iOS uses a toolbar or nav-bar button). @default ['android'] */
+    platforms?: ('ios' | 'android')[];
+    /** Extra bottom offset, e.g. the tab bar. @default 0 */
+    bottomOffset?: number;
+}
+/** Floating primary action, bottom end. Android only by default (MOBILE_PLAN.md D7). */
+export declare function FAB({ icon: Glyph, label, onPress, extended, platforms, bottomOffset, }: FABProps): React.JSX.Element | null;
+export interface DateTimeFieldProps {
+    label: string;
+    value: Date | null;
+    onValueChange: (value: Date) => void;
+    /** @default 'date' */
+    mode?: 'date' | 'time';
+    minimumDate?: Date;
+    maximumDate?: Date;
+    placeholder?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A field that opens the platform picker (Android dialog, iOS inline calendar
+ * in a sheet). Needs @react-native-community/datetimepicker.
+ */
+export declare function DateTimeField({ label, value, onValueChange, mode, minimumDate, maximumDate, placeholder, style, }: DateTimeFieldProps): React.JSX.Element;
+//# sourceMappingURL=mobile.d.ts.map

package/lib/typescript/components/mobile.d.ts.map

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

package/lib/typescript/components/overlays.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type SheetDetent = 'content' | number;
+export interface BottomSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Heights the sheet rests at: 'content' (fits its content) or a 0–1 fraction of the screen. @default ['content'] */
+    detents?: SheetDetent[];
+    title?: string;
+    children: React.ReactNode;
+    /** Drag down, tap the scrim or Android back closes it. @default true */
+    dismissable?: boolean;
+    /** Let the content scroll (long lists). @default false */
+    scroll?: boolean;
+}
+/**
+ * A modal sheet from the bottom edge (one at a time, per Apple and Material).
+ * Drag the grabber to resize or dismiss; tapping it cycles the detents, which
+ * also works with VoiceOver/TalkBack.
+ */
+export declare function BottomSheet({ open, onOpenChange, detents, title, children, dismissable, scroll, }: BottomSheetProps): React.JSX.Element;
+export interface SheetAction {
+    label: string;
+    onPress: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+}
+export interface ActionSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    message?: string;
+    actions: SheetAction[];
+}
+/**
+ * Choices about an action the user started. iOS: the system action sheet
+ * (destructive in red, Cancel at the bottom). Android: a bottom sheet list.
+ */
+export declare function ActionSheet({ open, onOpenChange, title, message, actions }: ActionSheetProps): React.JSX.Element | null;
+export interface ContextMenuProps {
+    actions: SheetAction[];
+    title?: string;
+    children: React.ReactNode;
+    /** Tap action of the wrapped content (long-press opens the menu). */
+    onPress?: () => void;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Long-press menu. The same actions are custom accessibility actions, so
+ * VoiceOver/TalkBack users reach them from the actions rotor. Always keep a
+ * visible way to every action too (HIG).
+ */
+export declare function ContextMenu({ actions, title, children, onPress, accessibilityLabel, style, }: ContextMenuProps): React.JSX.Element;
+export interface SelectOption<T extends string> {
+    value: T;
+    label: string;
+    description?: string;
+}
+export interface SelectProps<T extends string> {
+    label: string;
+    options: readonly SelectOption<T>[];
+    value?: T;
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
+    placeholder?: string;
+    helperText?: string;
+    error?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** A field that opens a sheet of choices (web Select / Combobox on mobile). */
+export declare function Select<T extends string>({ label, options, value, defaultValue, onValueChange, placeholder, helperText, error, disabled, style, }: SelectProps<T>): React.JSX.Element;
+//# sourceMappingURL=overlays.d.ts.map