@nexub/react-native 0.0.0-stage → 2.2.0

package/lib/module/theme/navigation.js

@@ -0,0 +1,99 @@
+"use strict";
+
+// Native chrome, Nexub colours: options for the system navigation (native
+// stack header, tabs, React Navigation theme). We theme it; we never redraw it.
+import { fontStyle } from "./fonts.js";
+import { useTheme } from "./ThemeProvider.js";
+
+/** Native stack `screenOptions`: large titles on a surface-coloured native header, Nexub type and tint. */
+export function nexubStackOptions(theme) {
+  const {
+    roles,
+    fonts
+  } = theme;
+  return {
+    headerLargeTitle: true,
+    // Opaque: a transparent header hid the expanded large title (iOS 26); the
+    // system still draws its scroll-edge effect on an opaque native header.
+    headerTransparent: false,
+    headerShadowVisible: false,
+    headerLargeTitleShadowVisible: false,
+    headerTintColor: roles.primary,
+    headerStyle: {
+      backgroundColor: roles.surface
+    },
+    headerTitleStyle: {
+      color: roles['on-surface'],
+      ...fontStyle('sans', 600, fonts)
+    },
+    headerLargeTitleStyle: {
+      color: roles['on-surface'],
+      ...fontStyle('display', 700, fonts)
+    },
+    contentStyle: {
+      backgroundColor: roles.surface
+    }
+  };
+}
+
+/** React Navigation `theme` (also Expo Router's ThemeProvider). */
+export function nexubNavigationTheme(theme) {
+  const {
+    roles,
+    fonts,
+    scheme
+  } = theme;
+  const font = weight => {
+    const f = fontStyle('sans', weight, fonts);
+    return {
+      fontFamily: 'fontFamily' in f ? f.fontFamily : 'System',
+      fontWeight: String(weight)
+    };
+  };
+  return {
+    dark: scheme === 'dark',
+    colors: {
+      primary: roles.primary,
+      background: roles.surface,
+      card: roles['surface-container'],
+      text: roles['on-surface'],
+      border: roles['outline-variant'],
+      notification: roles.error
+    },
+    fonts: {
+      regular: font(400),
+      medium: font(500),
+      bold: font(600),
+      heavy: font(700)
+    }
+  };
+}
+
+/** Colours for native tab bars (Expo Router NativeTabs / react-native-bottom-tabs). */
+export function nexubTabsOptions(theme) {
+  const {
+    roles,
+    fonts
+  } = theme;
+  return {
+    tintColor: roles.primary,
+    inactiveTintColor: roles['on-surface-variant'],
+    backgroundColor: roles['surface-container'],
+    badgeBackgroundColor: roles.error,
+    labelStyle: {
+      ...fontStyle('sans', 500, fonts),
+      fontSize: 11
+    }
+  };
+}
+
+/** All three for the current theme: `const nav = useNexubNavigation()`. */
+export function useNexubNavigation() {
+  const theme = useTheme();
+  return {
+    stack: nexubStackOptions(theme),
+    theme: nexubNavigationTheme(theme),
+    tabs: nexubTabsOptions(theme)
+  };
+}
+//# sourceMappingURL=navigation.js.map

package/lib/module/theme/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontStyle","useTheme","nexubStackOptions","theme","roles","fonts","headerLargeTitle","headerTransparent","headerShadowVisible","headerLargeTitleShadowVisible","headerTintColor","primary","headerStyle","backgroundColor","surface","headerTitleStyle","color","headerLargeTitleStyle","contentStyle","nexubNavigationTheme","scheme","font","weight","f","fontFamily","fontWeight","String","dark","colors","background","card","text","border","notification","error","regular","medium","bold","heavy","nexubTabsOptions","tintColor","inactiveTintColor","badgeBackgroundColor","labelStyle","fontSize","useNexubNavigation","stack","tabs"],"sourceRoot":"../../../src","sources":["theme/navigation.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { ControlSize, ToneValue } from '@nexub/core';
+import type { NativeIconProps } from '@nexub/icons/native';
+import { type PressableProps } from '../primitives/Pressable.js';
+import type { HapticToken } from '../theme/haptics.js';
+export type ButtonVariant = 'filled' | 'tonal' | 'outlined' | 'text' | 'glass';
+export interface ButtonProps extends Omit<PressableProps, 'children'> {
+    children: React.ReactNode;
+    /** @default 'filled' */
+    variant?: ButtonVariant;
+    /** Solid semantic or product colour (overrides the variant colour). */
+    tone?: ToneValue;
+    /** The control ladder. Primary actions on mobile use 'lg' (48). @default 'md' */
+    size?: ControlSize;
+    /** Shows a spinner, blocks presses and announces `loadingLabel`. */
+    loading?: boolean;
+    loadingLabel?: string;
+    fullWidth?: boolean;
+    leadingIcon?: React.ComponentType<NativeIconProps>;
+    trailingIcon?: React.ComponentType<NativeIconProps>;
+}
+/** Capsule button. One `filled` (or toned) action per screen; the rest tonal/outlined/text. */
+export declare function Button({ children, variant, tone, size, loading, loadingLabel, fullWidth, leadingIcon: Leading, trailingIcon: Trailing, disabled, style, accessibilityLabel, ...rest }: ButtonProps): React.JSX.Element;
+export interface IconButtonProps extends Omit<PressableProps, 'children'> {
+    icon: React.ComponentType<NativeIconProps>;
+    /** Required: the accessible name (what it does, not "button"). */
+    label: string;
+    /** @default 'text' */
+    variant?: ButtonVariant;
+    tone?: ToneValue;
+    /** @default 'md' */
+    size?: ControlSize;
+    /** Toggle state for icon toggles (favourite, mute). */
+    selected?: boolean;
+    haptic?: HapticToken;
+}
+/** Circular icon-only button; always 44pt+ to touch. */
+export declare function IconButton({ icon: Glyph, label, variant, tone, size, selected, disabled, style, ...rest }: IconButtonProps): React.JSX.Element;
+export interface ButtonGroupProps {
+    children: React.ReactNode;
+    /** 'stack' puts actions full-width in a column (bottom of forms). @default 'row' */
+    direction?: 'row' | 'stack';
+    style?: StyleProp<ViewStyle>;
+}
+/** Related actions together. In a stack, put the primary action first. */
+export declare function ButtonGroup({ children, direction, style }: ButtonGroupProps): React.JSX.Element;
+export interface LinkProps extends Omit<PressableProps, 'children'> {
+    children: string;
+}
+/** Inline text action. Opens nothing by itself: pass `onPress` (e.g. router.push / Linking.openURL). */
+export declare function Link({ children, style, ...rest }: LinkProps): React.JSX.Element;
+//# sourceMappingURL=actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/components/actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,4BAAyB,CAAC;AAIzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAkB,CAAC;AAGpD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AA2B/E,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;CACrD;AAED,+FAA+F;AAC/F,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAkB,EAClB,IAAI,EACJ,IAAW,EACX,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,EAAE,OAAO,EACpB,YAAY,EAAE,QAAQ,EACtB,QAAQ,EACR,KAAK,EACL,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,WAAW,qBA0Eb;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACvE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3C,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAgB,EAChB,IAAI,EACJ,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,qBAqCjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,KAAK,EAAE,EAAE,gBAAgB,qBAkBnF;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wGAAwG;AACxG,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,qBAgB3D"}

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;AAKtB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAAuB,CAAC;AASnE,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,qBAiDlB;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,68 @@
+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 {
+    /**
+     * Animate value changes: the new figure rises in on the spatial spring.
+     * Wraps the text in a view, so leave it off when Amount sits inside other text.
+     * @default false
+     */
+    animate?: boolean;
+    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, animate, 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,96 @@
+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. Breathes between full and half opacity (a slow, calm
+ * shimmer); 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":"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"}