react-native-platform-components 1.3.0 → 1.5.0

package/lib/commonjs/Button.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = Button;
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonNativeComponent = _interopRequireDefault(require("./ButtonNativeComponent"));
+var _icons = require("./icons");
+var _labelStyle = require("./labelStyle");
+var _menuItems = require("./menuItems");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Button.tsx
+
+/**
+ * Emphasis of the button, from highest to lowest.
+ *
+ * | Variant    | Android (Material 3 Expressive) | iOS (`UIButton.Configuration`) |
+ * | ---------- | ------------------------------- | ------------------------------ |
+ * | `filled`   | Filled button                   | `.filled()`                    |
+ * | `tonal`    | Filled tonal button             | `.tinted()`                    |
+ * | `outlined` | Outlined button                 | `.bordered()`                  |
+ * | `text`     | Text button                     | `.plain()`                     |
+ * | `elevated` | Elevated button                 | `.gray()`                      |
+ * | `glass`    | Filled tonal button             | `.glass()` (iOS 26+), else `.gray()` |
+ * | `prominentGlass` | Filled button             | `.prominentGlass()` (iOS 26+), else `.filled()` |
+ * | `clearGlass` | Filled tonal button           | `.clearGlass()` (iOS 26+), else `.gray()` |
+ * | `prominentClearGlass` | Filled button        | `.prominentClearGlass()` (iOS 26+), else `.filled()` |
+ *
+ * The glass variants are the iOS 26 Liquid Glass buttons; `color` tints
+ * the prominent glass and `tintColor` colors the label and icon. Clear glass
+ * is more transparent, for buttons over photos and other rich content.
+ */
+
+/**
+ * Button size. Material 3 Expressive defines five sizes; iOS maps them onto
+ * `UIButton.Configuration.Size` (`xsmall` → mini, `xlarge` → large).
+ */
+
+/**
+ * Corner shape. `round` is a pill; `square` keeps rounded corners. Unset
+ * means the platform default (round on Android, dynamic on iOS).
+ */
+
+/** Where the icon sits relative to the label. */
+
+/**
+ * An animated SF Symbol effect (iOS 17+). `wiggle`, `rotate` and `breathe`
+ * need iOS 18; on earlier versions they do nothing.
+ */
+
+function Button(props) {
+  const {
+    label,
+    icon,
+    iconPosition,
+    variant,
+    size,
+    shape,
+    cornerRadius,
+    disabled,
+    loading,
+    color,
+    tintColor,
+    disabledColor,
+    disabledTintColor,
+    labelStyle,
+    maxFontSizeMultiplier,
+    accessibilityLabel,
+    haptics,
+    onPress,
+    selected,
+    onSelectedChange,
+    menu,
+    onMenuSelect,
+    onMenuOpen,
+    onMenuClose,
+    ios,
+    android,
+    accessibilityState,
+    ...viewProps
+  } = props;
+  const nativeIcon = (0, _react.useMemo)(() => (0, _icons.resolveIcon)(icon), [icon]);
+  const nativeLabelStyle = (0, _react.useMemo)(() => (0, _labelStyle.normalizeLabelStyle)(labelStyle), [labelStyle]);
+  const nativeMenu = (0, _react.useMemo)(() => menu ? (0, _menuItems.flattenMenuActions)(menu) : [], [menu]);
+  const handlePress = (0, _react.useCallback)(() => {
+    if (loading) return;
+    onPress?.();
+  }, [onPress, loading]);
+
+  // Controlled toggle, like React Native's Switch: every press re-renders
+  // with a new event count, so native applies `selected` again and a state
+  // the parent didn't take goes back.
+  const [selectedEventCount, setSelectedEventCount] = (0, _react.useState)(0);
+  const handleSelectedChange = (0, _react.useCallback)(e => {
+    setSelectedEventCount(count => count + 1);
+    onSelectedChange?.(e.nativeEvent.selected);
+  }, [onSelectedChange]);
+  const handleMenuSelect = (0, _react.useCallback)(e => {
+    onMenuSelect?.(e.nativeEvent.id, e.nativeEvent.title);
+  }, [onMenuSelect]);
+  const handleMenuOpen = (0, _react.useCallback)(() => onMenuOpen?.(), [onMenuOpen]);
+  const handleMenuClose = (0, _react.useCallback)(() => onMenuClose?.(), [onMenuClose]);
+  const nativeIOS = (0, _react.useMemo)(() => ({
+    symbolEffect: ios?.symbolEffect ?? '',
+    symbolEffectTrigger: ios?.symbolEffectTrigger === undefined ? '' : String(ios.symbolEffectTrigger)
+  }), [ios?.symbolEffect, ios?.symbolEffectTrigger]);
+  const isToggle = selected !== undefined;
+  const mergedAccessibilityState = (0, _react.useMemo)(() => loading ? {
+    ...accessibilityState,
+    busy: true
+  } : accessibilityState, [loading, accessibilityState]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonNativeComponent.default, {
+    label: label ?? '',
+    icon: nativeIcon,
+    iconPosition: iconPosition ?? 'leading',
+    variant: variant ?? 'filled',
+    size: size ?? 'small',
+    shape: shape ?? '',
+    cornerRadius: cornerRadius ?? -1,
+    interactivity: disabled ? 'disabled' : 'enabled',
+    loading: loading ? 'true' : 'false',
+    color: color,
+    foregroundColor: tintColor,
+    disabledColor: disabledColor,
+    disabledForegroundColor: disabledTintColor,
+    androidRippleColor: android?.rippleColor,
+    androidStrokeColor: android?.strokeColor,
+    androidMaterial: android?.material ?? 'expressive',
+    labelStyle: nativeLabelStyle,
+    maxFontSizeMultiplier: maxFontSizeMultiplier ?? 0,
+    spokenLabel: accessibilityLabel ?? '',
+    selected: isToggle ? selected ? 'true' : 'false' : '',
+    selectedEventCount: selectedEventCount,
+    menu: nativeMenu,
+    ios: nativeIOS,
+    haptics: haptics ?? '',
+    onButtonPress: onPress ? handlePress : undefined,
+    onSelectedChange: isToggle ? handleSelectedChange : undefined,
+    onMenuSelect: onMenuSelect ? handleMenuSelect : undefined,
+    onMenuOpen: onMenuOpen ? handleMenuOpen : undefined,
+    onMenuClose: onMenuClose ? handleMenuClose : undefined,
+    accessibilityState: mergedAccessibilityState,
+    ...viewProps
+  });
+}
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ButtonNativeComponent","_interopRequireDefault","_icons","_labelStyle","_menuItems","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","props","label","icon","iconPosition","variant","size","shape","cornerRadius","disabled","loading","color","tintColor","disabledColor","disabledTintColor","labelStyle","maxFontSizeMultiplier","accessibilityLabel","haptics","onPress","selected","onSelectedChange","menu","onMenuSelect","onMenuOpen","onMenuClose","ios","android","accessibilityState","viewProps","nativeIcon","useMemo","resolveIcon","nativeLabelStyle","normalizeLabelStyle","nativeMenu","flattenMenuActions","handlePress","useCallback","selectedEventCount","setSelectedEventCount","useState","handleSelectedChange","count","nativeEvent","handleMenuSelect","id","title","handleMenuOpen","handleMenuClose","nativeIOS","symbolEffect","symbolEffectTrigger","undefined","String","isToggle","mergedAccessibilityState","busy","jsx","interactivity","foregroundColor","disabledForegroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","androidMaterial","material","spokenLabel","onButtonPress"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ButtonGroup.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroup = ButtonGroup;
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonGroupNativeComponent = _interopRequireDefault(require("./ButtonGroupNativeComponent"));
+var _icons = require("./icons");
+var _labelStyle = require("./labelStyle");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ButtonGroup.tsx
+
+/**
+ * Selection behavior of the group.
+ *
+ * - `none` (default): the buttons are plain actions.
+ * - `single`: at most one button is selected at a time.
+ * - `multiple`: any number of buttons can be selected.
+ */
+
+/**
+ * What happens to buttons that don't fit the group's width.
+ *
+ * - `none` (default): they are clipped.
+ * - `menu`: the trailing ones move into an overflow menu. Android: the
+ *   `MaterialButtonGroup` overflow menu. iOS: a "…" button with a `UIMenu`.
+ * - `wrap`: they wrap onto more rows (Android only; iOS clips them).
+ */
+
+function ButtonGroup(props) {
+  const {
+    buttons,
+    variant,
+    size,
+    shape,
+    connected,
+    spacing,
+    selection,
+    selectedValues,
+    selectionRequired,
+    disabled,
+    color,
+    tintColor,
+    labelStyle,
+    overflow,
+    haptics,
+    onPress,
+    onSelectionChange,
+    android,
+    ...viewProps
+  } = props;
+  const selectionMode = selection ?? 'none';
+  const nativeButtons = (0, _react.useMemo)(() => {
+    return buttons.map(button => ({
+      label: button.label ?? '',
+      value: button.value,
+      disabled: button.disabled ? 'disabled' : 'enabled',
+      accessibilityLabel: button.accessibilityLabel ?? '',
+      ...(0, _icons.resolveIcon)(button.icon)
+    }));
+  }, [buttons]);
+  const nativeSelectedValues = (0, _react.useMemo)(() => {
+    if (selectionMode === 'none' || !selectedValues) return [];
+    return selectionMode === 'single' ? selectedValues.slice(0, 1) : [...selectedValues];
+  }, [selectionMode, selectedValues]);
+  const nativeLabelStyle = (0, _react.useMemo)(() => (0, _labelStyle.normalizeLabelStyle)(labelStyle), [labelStyle]);
+  const handlePress = (0, _react.useCallback)(e => {
+    const {
+      index,
+      value
+    } = e.nativeEvent;
+    onPress?.(value, index);
+  }, [onPress]);
+  const handleSelectionChange = (0, _react.useCallback)(e => {
+    onSelectionChange?.([...e.nativeEvent.values]);
+  }, [onSelectionChange]);
+  const nativeAndroid = (0, _react.useMemo)(() => ({
+    material: android?.material ?? 'expressive'
+  }), [android?.material]);
+  const isConnected = connected ?? selectionMode !== 'none';
+  const isSelectionRequired = selectionRequired ?? (selectionMode === 'single' ? true : false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroupNativeComponent.default, {
+    buttons: nativeButtons,
+    variant: variant ?? 'outlined',
+    size: size ?? 'small',
+    shape: shape ?? '',
+    connected: isConnected ? 'true' : 'false',
+    spacing: spacing ?? -1,
+    selection: selectionMode,
+    selectedValues: nativeSelectedValues,
+    selectionRequired: isSelectionRequired ? 'true' : 'false',
+    interactivity: disabled ? 'disabled' : 'enabled',
+    color: color,
+    foregroundColor: tintColor,
+    androidRippleColor: android?.rippleColor,
+    androidStrokeColor: android?.strokeColor,
+    labelStyle: nativeLabelStyle,
+    overflow: overflow ?? android?.overflow ?? 'none',
+    haptics: haptics ?? '',
+    onButtonPress: onPress ? handlePress : undefined,
+    onGroupSelectionChange: onSelectionChange ? handleSelectionChange : undefined,
+    android: nativeAndroid,
+    ...viewProps
+  });
+}
+//# sourceMappingURL=ButtonGroup.js.map

package/lib/commonjs/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ButtonGroupNativeComponent","_interopRequireDefault","_icons","_labelStyle","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ButtonGroup","props","buttons","variant","size","shape","connected","spacing","selection","selectedValues","selectionRequired","disabled","color","tintColor","labelStyle","overflow","haptics","onPress","onSelectionChange","android","viewProps","selectionMode","nativeButtons","useMemo","map","button","label","value","accessibilityLabel","resolveIcon","icon","nativeSelectedValues","slice","nativeLabelStyle","normalizeLabelStyle","handlePress","useCallback","index","nativeEvent","handleSelectionChange","values","nativeAndroid","material","isConnected","isSelectionRequired","jsx","interactivity","foregroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","onButtonPress","undefined","onGroupSelectionChange"],"sourceRoot":"../../src","sources":["ButtonGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ButtonGroupNativeComponent.ts

@@ -0,0 +1,191 @@
+// ButtonGroupNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler, Double, Int32 } from './codegenTypes';
+
+/**
+ * A single button in the group. Icons are pre-resolved on the JS side (see
+ * icons.ts) so native only deals with flat strings.
+ */
+export type ButtonGroupButton = Readonly<{
+  label: string; // Empty for an icon-only button
+  value: string;
+  disabled: string; // 'enabled' | 'disabled'
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  iconRequest: string;
+  iconUri: string; // Resolved image URI when iconType === 'image'
+  iconScale: Double; // Resolved image scale when iconType === 'image'
+  iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
+  accessibilityLabel: string; // Screen-reader label, empty = use label
+}>;
+
+/**
+ * Event emitted when a button is pressed.
+ */
+export type ButtonGroupPressEvent = Readonly<{
+  index: Int32;
+  value: string;
+}>;
+
+/**
+ * Event emitted when the selection changes (single / multiple selection).
+ */
+export type ButtonGroupSelectionEvent = Readonly<{
+  /** Values of the selected buttons, in button order. */
+  // Codegen only understands the `T[]` array form in event payloads.
+  values: string[];
+}>;
+
+/**
+ * Label font. Empty strings / 0 mean "platform default".
+ */
+export type ButtonGroupLabelStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
+  fontStyle?: string; // 'normal' | 'italic'
+}>;
+
+/**
+ * One item of the split button's menu, the shape of `ContextMenuItem` (see
+ * menuItems.ts). Every field is set; empty strings mean "none" and flags are
+ * 'true' | 'false'.
+ */
+export type ButtonGroupMenuItem = Readonly<{
+  id: string;
+  title: string;
+  subtitle: string;
+  /** Index of the parent submenu or section; -1 at the top level */
+  parent: Int32;
+  /** 'action' | 'menu' | 'section' */
+  kind: string;
+  /** '' | 'sfSymbol' | 'drawable' | 'image' */
+  iconType: string;
+  iconName: string;
+  iconRequest: string;
+  iconUri: string;
+  iconScale: Double;
+  iconTinted: string;
+  imageColor: string;
+  destructive: string;
+  disabled: string;
+  keepsMenuPresented: string;
+  /** '' | 'off' | 'on' | 'mixed' */
+  state: string;
+  /** The action's own haptics; '' = the component's */
+  haptics: string;
+}>;
+
+/** Event emitted when a split button menu item is picked. */
+export type ButtonGroupMenuSelectEvent = Readonly<{
+  id: string;
+  title: string;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type ButtonGroupAndroidProps = Readonly<{
+  /** Material style: 'm3' | 'expressive' */
+  material?: string;
+}>;
+
+export interface ButtonGroupNativeProps extends ViewProps {
+  /** Buttons to display. */
+  buttons: ReadonlyArray<ButtonGroupButton>;
+
+  /**
+   * 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated' | 'glass' |
+   * 'prominentGlass' | 'clearGlass' | 'prominentClearGlass'
+   */
+  variant?: string;
+
+  /** 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' */
+  size?: string;
+
+  /** '' (platform default) | 'round' | 'square' */
+  shape?: string;
+
+  /** 'true' | 'false': connected group (shared outline, small inner corners) */
+  connected?: string;
+
+  /** Gap between buttons in points; negative means the platform default. */
+  spacing?: Double;
+
+  /** 'none' | 'single' | 'multiple' */
+  selection?: string;
+
+  /** Values of the selected buttons (single / multiple selection). */
+  selectedValues?: ReadonlyArray<string>;
+
+  /** 'true' | 'false': whether at least one button must stay selected */
+  selectionRequired?: string;
+
+  /** 'enabled' | 'disabled' */
+  interactivity?: string;
+
+  /** Container (background) color of the buttons. */
+  color?: ColorValue;
+
+  /** Label and icon color of the buttons. */
+  foregroundColor?: ColorValue;
+
+  /** Android: ripple color shown while pressing a button. */
+  androidRippleColor?: ColorValue;
+
+  /** Android: outline color (outlined variant). */
+  androidStrokeColor?: ColorValue;
+
+  /** Label font. */
+  labelStyle?: ButtonGroupLabelStyleProps;
+
+  /**
+   * What happens to buttons that don't fit: 'none' | 'menu' | 'wrap'
+   * ('wrap' is Android only)
+   */
+  overflow?: string;
+
+  /**
+   * 'true' | 'false': a split button, the first button joined to a trailing
+   * button that opens `menu` (SplitButton).
+   */
+  split?: string;
+
+  /** The split button's menu, flattened (see ButtonGroupMenuItem). */
+  menu?: ReadonlyArray<ButtonGroupMenuItem>;
+
+  /** Screen-reader label of the split button's menu button. */
+  menuAccessibilityLabel?: string;
+
+  /**
+   * Haptic played when a button is pressed: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
+  /** Fired when a button is pressed. */
+  onButtonPress?: BubblingEventHandler<ButtonGroupPressEvent>;
+
+  /**
+   * Fired when the selection changes. Not `onSelectionChange`: React Native's
+   * TextInput registers `topSelectionChange` as a direct event, and an event
+   * name can't be both direct and bubbling.
+   */
+  onGroupSelectionChange?: BubblingEventHandler<ButtonGroupSelectionEvent>;
+
+  /** Fired when a split button menu item is picked. */
+  onMenuSelect?: BubblingEventHandler<ButtonGroupMenuSelectEvent>;
+
+  /** Fired when the split button's menu opens. */
+  onMenuOpen?: BubblingEventHandler<Readonly<{}>>;
+
+  /** Fired when the split button's menu closes. */
+  onMenuClose?: BubblingEventHandler<Readonly<{}>>;
+
+  android?: ButtonGroupAndroidProps;
+}
+
+export default codegenNativeComponent<ButtonGroupNativeProps>(
+  'PCButtonGroup'
+) as HostComponent<ButtonGroupNativeProps>;

package/lib/commonjs/ButtonNativeComponent.ts

@@ -0,0 +1,192 @@
+// ButtonNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
+
+/**
+ * Icon fields, pre-resolved on the JS side (see icons.ts).
+ */
+export type ButtonIconProps = Readonly<{
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  iconRequest: string;
+  iconUri: string; // Resolved image URI when iconType === 'image'
+  iconScale: Double; // Resolved image scale when iconType === 'image'
+  iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
+}>;
+
+/**
+ * Label font. Empty strings / 0 mean "platform default".
+ */
+export type ButtonLabelStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
+  fontStyle?: string; // 'normal' | 'italic'
+}>;
+
+/**
+ * One menu item, the shape of `ContextMenuItem`: the JS action tree is
+ * flattened (see `menuItems.ts`) and each item points at its parent submenu
+ * or section by index. Every field is set; empty strings mean "none" and
+ * flags are 'true' | 'false'.
+ */
+export type ButtonMenuItem = Readonly<{
+  id: string;
+  title: string;
+  subtitle: string;
+  /** Index of the parent submenu or section; -1 at the top level */
+  parent: Int32;
+  /** 'action' | 'menu' | 'section' */
+  kind: string;
+  /** '' | 'sfSymbol' | 'drawable' | 'image' */
+  iconType: string;
+  iconName: string;
+  iconRequest: string;
+  iconUri: string;
+  iconScale: Double;
+  iconTinted: string;
+  imageColor: string;
+  destructive: string;
+  disabled: string;
+  keepsMenuPresented: string;
+  /** '' | 'off' | 'on' | 'mixed' */
+  state: string;
+  /** The action's own haptics; '' = the component's */
+  haptics: string;
+}>;
+
+/** Event emitted when a toggle button is pressed. */
+export type ButtonSelectedChangeEvent = Readonly<{
+  /** The selection the press asks for */
+  selected: boolean;
+}>;
+
+/** Event emitted when a menu item is picked. */
+export type ButtonMenuSelectEvent = Readonly<{
+  id: string;
+  title: string;
+}>;
+
+/**
+ * iOS-specific configuration.
+ */
+export type ButtonIOSProps = Readonly<{
+  /** '' | 'bounce' | 'pulse' | 'variableColor' | 'wiggle' | 'rotate' | 'breathe' */
+  symbolEffect?: string;
+
+  /**
+   * '' runs the effect indefinitely; otherwise it plays once each time this
+   * value changes.
+   */
+  symbolEffectTrigger?: string;
+}>;
+
+export interface ButtonNativeProps extends ViewProps {
+  /** Button text. Empty for an icon-only button. */
+  label?: string;
+
+  /** Icon shown next to the label, or alone when there is no label. */
+  icon?: ButtonIconProps;
+
+  /** 'leading' | 'trailing' | 'top' | 'bottom' */
+  iconPosition?: string;
+
+  /**
+   * 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated' | 'glass' |
+   * 'prominentGlass' | 'clearGlass' | 'prominentClearGlass'
+   */
+  variant?: string;
+
+  /** 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' */
+  size?: string;
+
+  /** '' (platform default) | 'round' | 'square' */
+  shape?: string;
+
+  /** Corner radius in points; negative = use `shape`. */
+  cornerRadius?: WithDefault<Double, -1>;
+
+  /** 'enabled' | 'disabled' */
+  interactivity?: string;
+
+  /** 'true' | 'false': spinner in place of the label and icon, presses ignored. */
+  loading?: string;
+
+  /** Container (background) color. */
+  color?: ColorValue;
+
+  /** Label and icon color. */
+  foregroundColor?: ColorValue;
+
+  /** Container color while disabled; unset = platform disabled look. */
+  disabledColor?: ColorValue;
+
+  /** Label and icon color while disabled; unset = platform disabled look. */
+  disabledForegroundColor?: ColorValue;
+
+  /** Android: ripple color shown while pressing. */
+  androidRippleColor?: ColorValue;
+
+  /** Android: outline color (outlined variant). */
+  androidStrokeColor?: ColorValue;
+
+  /** Android: Material style, 'm3' | 'expressive' */
+  androidMaterial?: string;
+
+  /** Label font. */
+  labelStyle?: ButtonLabelStyleProps;
+
+  /** Cap on the label's font scaling; 0 (or below 1) = no cap. */
+  maxFontSizeMultiplier?: Double;
+
+  /**
+   * Screen-reader label, applied to the native button rather than the host
+   * view. Empty means "use the label".
+   */
+  spokenLabel?: string;
+
+  /** '' (not a toggle) | 'true' | 'false': the controlled toggle state. */
+  selected?: string;
+
+  /**
+   * Bumped by JS after every onSelectedChange, so native applies `selected`
+   * again: a toggle the parent didn't accept goes back.
+   */
+  selectedEventCount?: Int32;
+
+  /** Menu shown when the button is pressed, flattened (see ButtonMenuItem). */
+  menu?: ReadonlyArray<ButtonMenuItem>;
+
+  ios?: ButtonIOSProps;
+
+  /**
+   * Haptic played when the button is pressed: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
+  /** Fired when the button is pressed. */
+  onButtonPress?: BubblingEventHandler<Readonly<{}>>;
+
+  /** Fired when a toggle button is pressed, with the state it asks for. */
+  onSelectedChange?: BubblingEventHandler<ButtonSelectedChangeEvent>;
+
+  /** Fired when a menu item is picked. */
+  onMenuSelect?: BubblingEventHandler<ButtonMenuSelectEvent>;
+
+  /** Fired when the menu opens. */
+  onMenuOpen?: BubblingEventHandler<Readonly<{}>>;
+
+  /** Fired when the menu closes. */
+  onMenuClose?: BubblingEventHandler<Readonly<{}>>;
+}
+
+export default codegenNativeComponent<ButtonNativeProps>(
+  'PCButton'
+) as HostComponent<ButtonNativeProps>;