@nexub/react-native 0.0.0-stage → 2.2.0

package/README.md

@@ -1,3 +1,114 @@
-# Temporary Holding Version
+# @nexub/react-native
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+React Native components and screen patterns for Nexub Design System. They use the same tokens, brands and prop names as `@nexub/react` on the web.
+
+**Native chrome, Nexub content.** The system draws the tab bar, stack header, back gesture, action sheets, pickers and iOS 26 Liquid Glass; Nexub themes them. Everything inside a screen (lists, cards, buttons, inputs, money) is drawn by Nexub, so it looks the same on iOS, Android and the web.
+
+Status: **alpha**. Built for Expo SDK 57+ / React Native 0.86+ (New Architecture). Works in Expo apps and bare React Native apps.
+
+## Install
+
+```bash
+npx expo install @nexub/react-native react-native-reanimated react-native-worklets react-native-svg react-native-safe-area-context expo-font
+```
+
+Optional peers. Add only what you use; without them the feature is a no-op or the component tells you what to install:
+
+| Package | Used by |
+|---|---|
+| `expo-haptics` | Semantic haptics on every control |
+| `expo-glass-effect` | Native Liquid Glass (`Surface material="glass"`) on iOS 26+ |
+| `expo-screen-capture` | `PrivacyShield preventCapture` |
+| `@react-native-community/datetimepicker` | `DateTimeField` |
+
+`@nexub/tokens`, `@nexub/core`, `@nexub/icons` and the fonts (Inter, Plus Jakarta Sans, Geist Mono; OFL) come with the package.
+
+## Set up
+
+```tsx
+import { useFonts } from 'expo-font';
+import { Stack } from 'expo-router';
+import { NexubNativeProvider, ToastProvider, nexubFonts, useNexubNavigation } from '@nexub/react-native';
+
+function Screens() {
+  const nav = useNexubNavigation(); // native stack in Nexub colours and type
+  return <Stack screenOptions={nav.stack} />;
+}
+
+export default function RootLayout() {
+  const [ready] = useFonts(nexubFonts);
+  if (!ready) return null;
+  return (
+    <NexubNativeProvider product="payub">
+      <ToastProvider>
+        <Screens />
+      </ToastProvider>
+    </NexubNativeProvider>
+  );
+}
+```
+
+`NexubNativeProvider` props:
+
+| Prop | Default | |
+|---|---|---|
+| `scheme` | `'system'` | `'light'`, `'dark'` or follow the OS |
+| `contrast` | `'system'` | follows iOS Increase Contrast / Android high-contrast text (re-read on foreground) |
+| `product` | none | `'leap' \| 'bookub' \| 'payub' \| 'founderub'`: remaps the tertiary family |
+| `seed`, `seedTarget` | none | white-label colour: regenerates the primary (or tertiary) family with contrast-safe tones |
+| `glass` | `'balanced'` | the user's glass dial; forced `'off'` under Reduce Transparency |
+| `haptics` | `true` | the user's haptics setting |
+| `fonts` | `'nexub'` | `'system'` to use the platform font |
+| `locale`, `dir`, `messages` | `'en'` | Intl locale, RTL (derived from the locale) and translated strings, same as web `NexubProvider` |
+
+Hooks: `useTheme()`, `useRoles()`, `useHaptics()`, `useNexubMessages()`, `useNexubNavigation()`.
+
+## Components
+
+Names and props match `@nexub/react` where a web twin exists.
+
+- **Primitives:** `Text`, `Heading`, `Pressable` (state layer, 0.97 press spring, haptic), `Surface` (tonal tiers, elevation, glass), `Box`, `Stack`, `Inline`, `Icon`, `ScreenContainer`.
+- **Actions:** `Button`, `IconButton`, `ButtonGroup`, `Link`.
+- **Data:** `Amount`, `Badge`, `Avatar`, `AvatarGroup`, `Divider`.
+- **Inputs:** `TextField`, `PasswordInput`, `SearchField`, `MoneyInput`, `Stepper`, `Checkbox`, `RadioGroup` / `Radio`, `Switch` (the platform switch), `SegmentedControl`, `Slider`, `Chip`, `FilterChip`, `Select`, `DateTimeField`, `OTPInput`, `NumericKeypad`, `ExpressiveMoneyInput`.
+- **Containers:** `Card`, `ListItem` (navigation, switch, checkbox, radio, button and value rows), `ListSection`, `Accordion`.
+- **Overlays:** `BottomSheet` (detents), `ActionSheet` (system sheet on iOS), `ContextMenu`, `Dialog`.
+- **Feedback:** `Banner`, `ToastProvider` / `useToast`, `Progress`, `LoadingIndicator`, `Skeleton`, `EmptyState`, `ErrorState`, `OfflineBanner`, `Coachmark`.
+- **Mobile:** `SwipeableRow`, `RefreshControl`, `Carousel`, `PageIndicator`, `StickyFooter`, `SensitiveValue`, `PrivacyShield`, `FAB` (Android only by default).
+- **Navigation helpers:** `nexubStackOptions`, `nexubNavigationTheme`, `nexubTabsOptions`.
+
+- **Motion:** `nxEnter`, `nxExit`, `nxLayout` (Reanimated layout animations) and `nxSpring` (a `withSpring` config), built from the same spring tokens as the web. `<Animated.View entering={nxEnter('up')} exiting={nxExit('down')} layout={nxLayout()} />`. Toast, Banner, `ListSection` rows, `SwipeableRow`, `Chip`, the `SegmentedControl` pill and `Amount` (`animate`) already use them. In a `FlatList`, pass `nxLayout()` as `itemLayoutAnimation`.
+
+Icons: `import { Search } from '@nexub/icons/native'`. These are the same names as `@nexub/icons`. Colour them with `<Icon icon={Search} color="primary" />`.
+
+## Patterns
+
+`import { SignInScreen, AmountStep, ActivityList } from '@nexub/react-native/patterns'`. Each pattern is a screen template that takes data and callbacks, so it works with any router.
+
+- **Auth:** `AuthScreen`, `SignInScreen`, `VerifyCodeScreen`, `LockScreen`.
+- **Money:** `FlowStep`, `AmountStep`, `ReviewStep`, `ActivityList`, `TransactionDetail`, `ResultScreen`.
+- **App:** `OnboardingScreen`, `PermissionPrimer`, `SettingsScreen`, `ProfileHeader`, `AppearanceSection`, `NotificationsInbox`, `SearchScreen`, `ChatScreen`, `PaywallScreen`, `AppSwitcherSheet`.
+
+## Rules the components follow
+
+- **Touch targets:** every control reaches 44pt (`hitSlop` on smaller visuals). Primary actions use `size="lg"` (48).
+- **Text scaling:** every role scales with the system text size. iOS follows Apple's Dynamic Type curve per role, and display and headline roles are capped so they don't push content off screen.
+- **Screen readers:**
+  - A list row is one element ("Amazon, −$42.50, today").
+  - Swipe and long-press actions are also accessibility actions.
+  - Masked values read as "hidden".
+  - Toasts are announced.
+- **Haptics are semantic** (`selection`, `toggleOn`/`toggleOff`, `confirm`, `reject`, `warning`, `snap`), never on plain taps, and never the only feedback.
+- **Motion:** M3 springs. Enter rides the spatial spring; exit is quicker on the effects spring and never overshoots. Every preset follows the OS Reduce Motion setting.
+- **Glass:** for the control layer only, never content. It is native Liquid Glass on iOS 26+, solid elsewhere and whenever the user turns transparency down.
+- **Security:** `OTPInput` uses one field, so SMS autofill works. `PasswordInput` sets the platform autofill hints. `SensitiveValue` re-masks when the app backgrounds. `PrivacyShield` covers the app-switcher snapshot. The library makes no network calls and stores nothing.
+
+## Testing your app
+
+The library's own tests use Jest (jest-expo) and React Native Testing Library. In your Jest setup, stub `react-native-reanimated`'s APIs and use `react-native-safe-area-context/jest/mock`; `packages/react-native/jest.setup.js` in the repo shows the pattern.
+
+## Links
+
+- Docs: https://nexub-ds-docs.pages.dev/getting-started/react-native
+- Plan and decisions: [MOBILE_PLAN.md](https://github.com/Nexub-AI/nexub-ds/blob/development/MOBILE_PLAN.md)
+- Web components: `@nexub/react`

package/lib/module/components/actions.js

@@ -0,0 +1,222 @@
+"use strict";
+
+import * as React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { Pressable } from "../primitives/Pressable.js";
+import { Surface } from "../primitives/Surface.js";
+import { Text } from "../primitives/Text.js";
+import { useTheme } from "../theme/ThemeProvider.js";
+import { TONE_ROLES, controlHeight, disabledOpacity, hitSlopFor } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// [container role | undefined, content role]
+const VARIANT = {
+  filled: ['primary', 'on-primary'],
+  tonal: ['secondary-container', 'on-secondary-container'],
+  outlined: [undefined, 'on-surface'],
+  text: [undefined, 'primary'],
+  glass: [undefined, 'on-surface']
+};
+const LABEL = {
+  xs: 'label-md',
+  sm: 'label-md',
+  md: 'label-lg',
+  lg: 'label-lg',
+  xl: 'title-md'
+};
+const PAD = {
+  xs: 10,
+  sm: 14,
+  md: 20,
+  lg: 24,
+  xl: 28
+};
+const ICON = {
+  xs: 'xs',
+  sm: 'sm',
+  md: 'sm',
+  lg: 'md',
+  xl: 'md'
+};
+/** Capsule button. One `filled` (or toned) action per screen; the rest tonal/outlined/text. */
+export function Button({
+  children,
+  variant = 'filled',
+  tone,
+  size = 'md',
+  loading,
+  loadingLabel,
+  fullWidth,
+  leadingIcon: Leading,
+  trailingIcon: Trailing,
+  disabled,
+  style,
+  accessibilityLabel,
+  ...rest
+}) {
+  const theme = useTheme();
+  const {
+    roles
+  } = theme;
+  const [bgRole, fgRole] = tone ? TONE_ROLES[tone] : VARIANT[variant];
+  const height = controlHeight(theme, size);
+  const fg = roles[fgRole];
+  const inactive = disabled || loading;
+  const label = typeof children === 'string' ? children : undefined;
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8,
+      opacity: disabled ? disabledOpacity(theme) : 1
+    },
+    children: [loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: fg
+    }) : Leading && /*#__PURE__*/_jsx(Leading, {
+      size: ICON[size],
+      color: fg
+    }), typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      variant: LABEL[size],
+      style: {
+        color: fg
+      },
+      numberOfLines: 1,
+      children: children
+    }) : children, !loading && Trailing && /*#__PURE__*/_jsx(Trailing, {
+      size: ICON[size],
+      color: fg
+    })]
+  });
+  const shape = [{
+    height,
+    paddingHorizontal: PAD[size],
+    borderRadius: theme.tokens.shape.control,
+    justifyContent: 'center',
+    alignSelf: fullWidth ? 'stretch' : 'flex-start',
+    backgroundColor: bgRole ? roles[bgRole] : 'transparent'
+  }, variant === 'outlined' && !tone && {
+    borderWidth: 1,
+    borderColor: roles['outline-variant']
+  }, disabled && bgRole && {
+    backgroundColor: roles['on-surface'] + '1f'
+  },
+  // disabled-container 12%
+  style];
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityLabel: accessibilityLabel ?? (loading && loadingLabel ? loadingLabel : label),
+    accessibilityState: {
+      disabled: !!inactive,
+      busy: !!loading
+    },
+    disabled: inactive,
+    hitSlop: hitSlopFor(height),
+    stateLayer: fgRole,
+    style: variant === 'glass' && !tone ? {
+      alignSelf: fullWidth ? 'stretch' : 'flex-start'
+    } : shape,
+    ...rest,
+    children: variant === 'glass' && !tone ? /*#__PURE__*/_jsx(Surface, {
+      material: "glass",
+      radius: "control",
+      style: [{
+        height,
+        paddingHorizontal: PAD[size],
+        justifyContent: 'center'
+      }, style],
+      children: body
+    }) : body
+  });
+}
+/** Circular icon-only button; always 44pt+ to touch. */
+export function IconButton({
+  icon: Glyph,
+  label,
+  variant = 'text',
+  tone,
+  size = 'md',
+  selected,
+  disabled,
+  style,
+  ...rest
+}) {
+  const theme = useTheme();
+  const [bgRole, fgRole] = tone ? TONE_ROLES[tone] : VARIANT[variant];
+  const fgSelected = selected ? 'primary' : variant === 'text' && !tone ? 'on-surface-variant' : fgRole;
+  const height = controlHeight(theme, size);
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityLabel: label,
+    accessibilityState: {
+      disabled: !!disabled,
+      selected
+    },
+    disabled: disabled,
+    hitSlop: hitSlopFor(height),
+    stateLayer: fgRole,
+    style: [{
+      width: height,
+      height,
+      borderRadius: height / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: bgRole ? theme.roles[bgRole] : 'transparent',
+      opacity: disabled ? disabledOpacity(theme) : 1
+    }, variant === 'outlined' && {
+      borderWidth: 1,
+      borderColor: theme.roles['outline-variant']
+    }, style],
+    ...rest,
+    children: /*#__PURE__*/_jsx(Glyph, {
+      size: ICON[size] === 'xs' ? 'sm' : size === 'xl' ? 'lg' : 'md',
+      color: theme.roles[fgSelected]
+    })
+  });
+}
+/** Related actions together. In a stack, put the primary action first. */
+export function ButtonGroup({
+  children,
+  direction = 'row',
+  style
+}) {
+  const {
+    tokens
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [direction === 'row' ? {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: tokens.spacing[2]
+    } : {
+      gap: tokens.spacing[3],
+      alignItems: 'stretch'
+    }, style],
+    children: direction === 'stack' ? React.Children.map(children, c => /*#__PURE__*/React.isValidElement(c) ? /*#__PURE__*/React.cloneElement(c, {
+      fullWidth: true
+    }) : c) : children
+  });
+}
+/** Inline text action. Opens nothing by itself: pass `onPress` (e.g. router.push / Linking.openURL). */
+export function Link({
+  children,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "link",
+    accessibilityLabel: children,
+    stateLayer: false,
+    pressScale: false,
+    hitSlop: 8,
+    style: style,
+    ...rest,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: "label-lg",
+      color: "primary",
+      style: {
+        textDecorationLine: 'underline'
+      },
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=actions.js.map

package/lib/module/components/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","View","Pressable","Surface","Text","useTheme","TONE_ROLES","controlHeight","disabledOpacity","hitSlopFor","jsx","_jsx","jsxs","_jsxs","VARIANT","filled","tonal","outlined","undefined","text","glass","LABEL","xs","sm","md","lg","xl","PAD","ICON","Button","children","variant","tone","size","loading","loadingLabel","fullWidth","leadingIcon","Leading","trailingIcon","Trailing","disabled","style","accessibilityLabel","rest","theme","roles","bgRole","fgRole","height","fg","inactive","label","body","flexDirection","alignItems","justifyContent","gap","opacity","color","numberOfLines","shape","paddingHorizontal","borderRadius","tokens","control","alignSelf","backgroundColor","borderWidth","borderColor","accessibilityState","busy","hitSlop","stateLayer","material","radius","IconButton","icon","Glyph","selected","fgSelected","width","ButtonGroup","direction","flexWrap","spacing","Children","map","c","isValidElement","cloneElement","Link","accessibilityRole","pressScale","textDecorationLine"],"sourceRoot":"../../../src","sources":["components/actions.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/containers.js

@@ -0,0 +1,300 @@
+"use strict";
+
+import * as React from 'react';
+import { Switch as RNSwitch, View } from 'react-native';
+import Animated, { LayoutAnimationConfig } from 'react-native-reanimated';
+import { Check, ChevronDown, ChevronRight } from '@nexub/icons/native';
+import { useControllableState } from "../hooks/useControllableState.js";
+import { Pressable } from "../primitives/Pressable.js";
+import { Surface } from "../primitives/Surface.js";
+import { Text } from "../primitives/Text.js";
+import { useTheme } from "../theme/ThemeProvider.js";
+import { nxEnter, nxExit, nxLayout } from "../theme/motion.js";
+import { Divider } from "./display.js";
+import { disabledOpacity } from "./shared.js";
+
+// ─── Card ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Content container on a tonal tier. Hierarchy through tone, not shadow (elevation for floating cards only). */
+export function Card({
+  onPress,
+  accessibilityLabel,
+  tone = 'surface-container-low',
+  radius = 'container',
+  style,
+  children,
+  ...rest
+}) {
+  const {
+    tokens
+  } = useTheme();
+  const surface = /*#__PURE__*/_jsx(Surface, {
+    tone: tone,
+    radius: radius,
+    style: [{
+      padding: tokens.spacing[4],
+      gap: tokens.spacing[2]
+    }, style],
+    ...rest,
+    children: children
+  });
+  if (!onPress) return surface;
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityLabel: accessibilityLabel,
+    onPress: onPress,
+    style: {
+      borderRadius: tokens.shape[radius] ?? radius
+    },
+    children: surface
+  });
+}
+
+// ─── ListItem ────────────────────────────────────────────────────────────────
+
+/**
+ * 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 function ListItem({
+  title,
+  subtitle,
+  leading,
+  value,
+  trailing,
+  variant: variantProp,
+  checked,
+  onCheckedChange,
+  onPress,
+  destructive,
+  disabled,
+  style
+}) {
+  const theme = useTheme();
+  const {
+    roles,
+    tokens,
+    dir
+  } = theme;
+  const variant = variantProp ?? (onPress ? 'navigation' : 'static');
+  const toggles = variant === 'switch' || variant === 'checkbox' || variant === 'radio';
+  const press = toggles ? () => onCheckedChange?.(variant === 'radio' ? true : !checked) : onPress;
+  const interactive = !!press && variant !== 'static' && variant !== 'value';
+  const role = {
+    switch: 'switch',
+    checkbox: 'checkbox',
+    radio: 'radio',
+    navigation: 'button',
+    button: 'button'
+  }[variant];
+  const trail = trailing ?? (variant === 'switch' ? /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    children: /*#__PURE__*/_jsx(RNSwitch, {
+      value: !!checked,
+      trackColor: {
+        false: roles['surface-container-highest'],
+        true: roles.primary
+      },
+      ios_backgroundColor: roles['surface-container-highest'],
+      thumbColor: roles['surface-container-lowest']
+    })
+  }) : variant === 'checkbox' || variant === 'radio' ? checked ? /*#__PURE__*/_jsx(Check, {
+    size: "md",
+    color: roles.primary
+  }) : null : variant === 'navigation' ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    children: [value && /*#__PURE__*/_jsx(Text, {
+      variant: "body-md",
+      color: "on-surface-variant",
+      tabular: true,
+      numberOfLines: 1,
+      children: value
+    }), /*#__PURE__*/_jsx(ChevronRight, {
+      size: "sm",
+      color: roles['on-surface-muted'],
+      style: dir === 'rtl' ? {
+        transform: [{
+          scaleX: -1
+        }]
+      } : undefined
+    })]
+  }) : variant === 'value' && value ? /*#__PURE__*/_jsx(Text, {
+    variant: "body-md",
+    color: "on-surface-variant",
+    tabular: true,
+    numberOfLines: 1,
+    children: value
+  }) : null);
+  const content = /*#__PURE__*/_jsxs(View, {
+    style: [{
+      minHeight: subtitle ? 72 : 56,
+      paddingHorizontal: tokens.spacing[4],
+      paddingVertical: tokens.spacing[3],
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: tokens.spacing[3],
+      opacity: disabled ? disabledOpacity(theme) : 1
+    }, style],
+    children: [leading, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        gap: 2,
+        alignItems: variant === 'button' ? 'center' : 'flex-start'
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-lg",
+        color: variant === 'button' ? destructive ? 'error' : 'primary' : 'on-surface',
+        children: title
+      }), subtitle && /*#__PURE__*/_jsx(Text, {
+        variant: "body-sm",
+        color: "on-surface-variant",
+        children: subtitle
+      })]
+    }), trail]
+  });
+  const a11yLabel = [title, subtitle, variant === 'switch' || toggles ? undefined : value].filter(Boolean).join(', ');
+  if (!interactive) {
+    return /*#__PURE__*/_jsx(View, {
+      accessible: true,
+      accessibilityLabel: a11yLabel,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: role,
+    accessibilityLabel: a11yLabel,
+    accessibilityState: {
+      disabled: !!disabled,
+      checked: toggles ? !!checked : undefined
+    },
+    disabled: disabled,
+    haptic: variant === 'radio' && !checked ? 'selection' : variant === 'checkbox' ? 'selection' : undefined,
+    onPress: press,
+    pressScale: false,
+    children: content
+  });
+}
+
+// ─── ListSection ─────────────────────────────────────────────────────────────
+
+/** Inset-grouped rows on a container tier, hairlines between rows only. */
+export function ListSection({
+  header,
+  footer,
+  inset = 16,
+  children,
+  style,
+  ...rest
+}) {
+  const {
+    roles,
+    tokens
+  } = useTheme();
+  const rows = React.Children.toArray(children).filter(Boolean);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: tokens.spacing[2]
+    }, style],
+    ...rest,
+    children: [header && /*#__PURE__*/_jsx(Text, {
+      variant: "title-sm",
+      color: "on-surface-variant",
+      accessibilityRole: "header",
+      style: {
+        paddingHorizontal: tokens.spacing[4]
+      },
+      children: header
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        borderRadius: tokens.shape.container,
+        overflow: 'hidden',
+        backgroundColor: roles['surface-container-lowest']
+      },
+      children: /*#__PURE__*/_jsx(LayoutAnimationConfig, {
+        skipEntering: true,
+        children: rows.map((row, i) => /*#__PURE__*/_jsxs(Animated.View, {
+          entering: nxEnter('fade'),
+          exiting: nxExit('fade'),
+          layout: nxLayout(),
+          children: [i > 0 && /*#__PURE__*/_jsx(Divider, {
+            inset: inset
+          }), row]
+        }, /*#__PURE__*/React.isValidElement(row) && row.key != null ? row.key : i))
+      })
+    }), footer && /*#__PURE__*/_jsx(Text, {
+      variant: "body-sm",
+      color: "on-surface-variant",
+      style: {
+        paddingHorizontal: tokens.spacing[4]
+      },
+      children: footer
+    })]
+  });
+}
+
+// ─── Accordion ───────────────────────────────────────────────────────────────
+
+/** Disclosure: a header row that shows or hides its content. */
+export function Accordion({
+  title,
+  expanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  children,
+  style
+}) {
+  const {
+    roles,
+    tokens
+  } = useTheme();
+  const [open, setOpen] = useControllableState({
+    value: expanded,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      accessibilityLabel: title,
+      accessibilityState: {
+        expanded: open
+      },
+      onPress: () => setOpen(!open),
+      pressScale: false,
+      style: {
+        minHeight: 56,
+        paddingHorizontal: tokens.spacing[4],
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: tokens.spacing[3]
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "title-md",
+        style: {
+          flex: 1
+        },
+        children: title
+      }), /*#__PURE__*/_jsx(ChevronDown, {
+        size: "sm",
+        color: roles['on-surface-variant'],
+        style: open ? {
+          transform: [{
+            rotate: '180deg'
+          }]
+        } : undefined
+      })]
+    }), open && /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingHorizontal: tokens.spacing[4],
+        paddingBottom: tokens.spacing[4]
+      },
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=containers.js.map

package/lib/module/components/containers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","RNSwitch","View","Animated","LayoutAnimationConfig","Check","ChevronDown","ChevronRight","useControllableState","Pressable","Surface","Text","useTheme","nxEnter","nxExit","nxLayout","Divider","disabledOpacity","jsx","_jsx","jsxs","_jsxs","Card","onPress","accessibilityLabel","tone","radius","style","children","rest","tokens","surface","padding","spacing","gap","borderRadius","shape","ListItem","title","subtitle","leading","value","trailing","variant","variantProp","checked","onCheckedChange","destructive","disabled","theme","roles","dir","toggles","press","interactive","role","switch","checkbox","radio","navigation","button","trail","pointerEvents","importantForAccessibility","accessibilityElementsHidden","trackColor","false","true","primary","ios_backgroundColor","thumbColor","size","color","flexDirection","alignItems","tabular","numberOfLines","transform","scaleX","undefined","content","minHeight","paddingHorizontal","paddingVertical","opacity","flex","a11yLabel","filter","Boolean","join","accessible","accessibilityRole","accessibilityState","haptic","pressScale","ListSection","header","footer","inset","rows","Children","toArray","container","overflow","backgroundColor","skipEntering","map","row","i","entering","exiting","layout","isValidElement","key","Accordion","expanded","defaultExpanded","onExpandedChange","open","setOpen","defaultValue","onChange","rotate","paddingBottom"],"sourceRoot":"../../../src","sources":["components/containers.tsx"],"mappings":"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","ignoreList":[]}