react-native-platform-components 1.4.0 → 1.5.0

package/lib/commonjs/web/dateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputTypeForMode","mode","pad","n","width","String","padStart","formatInputValue","date","type","Number","isFinite","getTime","month","getFullYear","getMonth","day","getDate","time","getHours","getMinutes","parseInputValue","value","base","hasBase","result","Date","setHours","monthMatch","exec","year","setFullYear","dayMatch","timeMatch","test","hours","minutes","seconds","inputValueNumber","setSeconds","isWithinInputBounds","minDate","maxDate","min","NaN","max"],"sourceRoot":"../../../src","sources":["web/dateInput.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/shared.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BUTTON_SIZES = exports.BUTTON_BASE = void 0;
+exports.buttonColors = buttonColors;
+exports.cssColor = cssColor;
+exports.cssFont = cssFont;
+exports.eventValue = eventValue;
+exports.resetWarnings = resetWarnings;
+exports.setThemePrimary = setThemePrimary;
+exports.usePrimaryColor = usePrimaryColor;
+exports.warnOnce = warnOnce;
+exports.webIcon = webIcon;
+var _react = require("react");
+// web/shared.ts
+//
+// Helpers shared by the web implementations. The web entry point renders
+// through react-native-web: `style` and the rest of the view props go on a
+// `View`, and the browser's own controls (`<button>`, `<input>`, `<select>`,
+// `<dialog>`) are rendered inside it.
+
+/** A CSS style object for a DOM element. */
+
+/** The Material 3 baseline primary color, used until a theme is set. */
+const DEFAULT_PRIMARY = '#6750A4';
+let themePrimary;
+const themeListeners = new Set();
+
+/** Sets the brand color the web components use; `undefined` restores the default. */
+function setThemePrimary(primary) {
+  if (primary === themePrimary) return;
+  themePrimary = primary;
+  themeListeners.forEach(listener => listener());
+}
+function subscribeTheme(listener) {
+  themeListeners.add(listener);
+  return () => {
+    themeListeners.delete(listener);
+  };
+}
+function getThemePrimary() {
+  return themePrimary ?? DEFAULT_PRIMARY;
+}
+
+/** The current brand color, from `setNativeTheme` / `useNativeTheme`. */
+function usePrimaryColor() {
+  return (0, _react.useSyncExternalStore)(subscribeTheme, getThemePrimary, getThemePrimary);
+}
+
+/**
+ * A color prop as CSS. `PlatformColor` and `DynamicColorIOS` have no web
+ * equivalent and fall back to the default.
+ */
+function cssColor(color) {
+  return typeof color === 'string' ? color : undefined;
+}
+
+/** A label font as CSS. */
+function cssFont(labelStyle) {
+  if (!labelStyle) return {};
+  return {
+    fontFamily: labelStyle.fontFamily,
+    fontSize: labelStyle.fontSize,
+    fontWeight: labelStyle.fontWeight,
+    fontStyle: labelStyle.fontStyle
+  };
+}
+
+/**
+ * The image to draw for an icon on web. Only `{ type: 'image' }` sources
+ * render: SF Symbols and Android drawables don't exist in a browser.
+ */
+function webIcon(icon) {
+  if (icon === undefined || typeof icon === 'string') return undefined;
+  const candidates = 'type' in icon ? [icon] : [icon.ios, icon.android];
+  for (const source of candidates) {
+    if (source && typeof source !== 'string' && source.type === 'image') {
+      return {
+        source: source.source,
+        tinted: source.tinted !== false
+      };
+    }
+  }
+  return undefined;
+}
+const warned = new Set();
+function isDev() {
+  if (typeof __DEV__ !== 'undefined') return __DEV__;
+  return typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production';
+}
+
+/** Logs a development warning once per key. */
+function warnOnce(key, message) {
+  if (warned.has(key) || !isDev()) return;
+  warned.add(key);
+  console.warn(`react-native-platform-components: ${message}`);
+}
+
+/** Resets `warnOnce`; for tests. */
+function resetWarnings() {
+  warned.clear();
+}
+
+/** The value of the form control that fired a DOM event. */
+function eventValue(event) {
+  return event.target.value;
+}
+
+/** Styles for the variants shared by Button and ButtonGroup. */
+function buttonColors(variant, primary, color, tintColor) {
+  switch (variant) {
+    // Glass is an iOS 26 material; browsers get the Android mapping.
+    case 'tonal':
+    case 'glass':
+    case 'clearGlass':
+      return {
+        backgroundColor: color ?? `color-mix(in srgb, ${primary} 18%, Canvas)`,
+        color: tintColor ?? 'CanvasText',
+        border: 'none'
+      };
+    case 'outlined':
+      return {
+        backgroundColor: color ?? 'transparent',
+        color: tintColor ?? primary,
+        border: '1px solid color-mix(in srgb, CanvasText 30%, transparent)'
+      };
+    case 'text':
+      return {
+        backgroundColor: color ?? 'transparent',
+        color: tintColor ?? primary,
+        border: 'none'
+      };
+    case 'elevated':
+      return {
+        backgroundColor: color ?? 'Canvas',
+        color: tintColor ?? primary,
+        border: 'none',
+        boxShadow: '0 1px 3px rgba(0, 0, 0, 0.3)'
+      };
+    default:
+      return {
+        backgroundColor: color ?? primary,
+        color: tintColor ?? '#fff',
+        border: 'none'
+      };
+  }
+}
+
+/** Height and horizontal padding for each button size. */
+const BUTTON_SIZES = exports.BUTTON_SIZES = {
+  xsmall: {
+    height: 32,
+    padding: 12,
+    fontSize: 14
+  },
+  small: {
+    height: 40,
+    padding: 16,
+    fontSize: 14
+  },
+  medium: {
+    height: 56,
+    padding: 24,
+    fontSize: 16
+  },
+  large: {
+    height: 96,
+    padding: 48,
+    fontSize: 24
+  },
+  xlarge: {
+    height: 136,
+    padding: 64,
+    fontSize: 32
+  }
+};
+
+/** Base style of a `<button>` rendered by these components. */
+const BUTTON_BASE = exports.BUTTON_BASE = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  gap: 8,
+  boxSizing: 'border-box',
+  fontFamily: 'inherit',
+  fontWeight: 500,
+  cursor: 'pointer',
+  whiteSpace: 'nowrap'
+};
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/web/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","DEFAULT_PRIMARY","themePrimary","themeListeners","Set","setThemePrimary","primary","forEach","listener","subscribeTheme","add","delete","getThemePrimary","usePrimaryColor","useSyncExternalStore","cssColor","color","undefined","cssFont","labelStyle","fontFamily","fontSize","fontWeight","fontStyle","webIcon","icon","candidates","ios","android","source","type","tinted","warned","isDev","__DEV__","process","env","NODE_ENV","warnOnce","key","message","has","console","warn","resetWarnings","clear","eventValue","event","target","value","buttonColors","variant","tintColor","backgroundColor","border","boxShadow","BUTTON_SIZES","exports","xsmall","height","padding","small","medium","large","xlarge","BUTTON_BASE","display","alignItems","justifyContent","gap","boxSizing","cursor","whiteSpace"],"sourceRoot":"../../../src","sources":["web/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/webComponents.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=webComponents.js.map

package/lib/commonjs/webComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["webComponents.ts"],"mappings":"","ignoreList":[]}

package/lib/module/Button.js

@@ -1,10 +1,11 @@
 "use strict";
 
 // Button.tsx
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import NativeButton from './ButtonNativeComponent';
 import { resolveIcon } from "./icons.js";
 import { normalizeLabelStyle } from "./labelStyle.js";
+import { flattenMenuActions } from "./menuItems.js";
 
 /**
  * Emphasis of the button, from highest to lowest.
@@ -16,6 +17,14 @@ import { normalizeLabelStyle } from "./labelStyle.js";
  * | `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.
  */
 
 /**
@@ -27,43 +36,106 @@ import { normalizeLabelStyle } from "./labelStyle.js";
  * 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.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 export 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 = useMemo(() => resolveIcon(icon), [icon]);
   const nativeLabelStyle = useMemo(() => normalizeLabelStyle(labelStyle), [labelStyle]);
+  const nativeMenu = useMemo(() => menu ? flattenMenuActions(menu) : [], [menu]);
   const handlePress = useCallback(() => {
+    if (loading) return;
     onPress?.();
-  }, [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] = useState(0);
+  const handleSelectedChange = useCallback(e => {
+    setSelectedEventCount(count => count + 1);
+    onSelectedChange?.(e.nativeEvent.selected);
+  }, [onSelectedChange]);
+  const handleMenuSelect = useCallback(e => {
+    onMenuSelect?.(e.nativeEvent.id, e.nativeEvent.title);
+  }, [onMenuSelect]);
+  const handleMenuOpen = useCallback(() => onMenuOpen?.(), [onMenuOpen]);
+  const handleMenuClose = useCallback(() => onMenuClose?.(), [onMenuClose]);
+  const nativeIOS = useMemo(() => ({
+    symbolEffect: ios?.symbolEffect ?? '',
+    symbolEffectTrigger: ios?.symbolEffectTrigger === undefined ? '' : String(ios.symbolEffectTrigger)
+  }), [ios?.symbolEffect, ios?.symbolEffectTrigger]);
+  const isToggle = selected !== undefined;
+  const mergedAccessibilityState = useMemo(() => loading ? {
+    ...accessibilityState,
+    busy: true
+  } : accessibilityState, [loading, accessibilityState]);
   return /*#__PURE__*/_jsx(NativeButton, {
     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
   });
 }

package/lib/module/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","NativeButton","resolveIcon","normalizeLabelStyle","jsx","_jsx","Button","props","label","icon","variant","size","shape","disabled","color","tintColor","labelStyle","accessibilityLabel","onPress","android","viewProps","nativeIcon","nativeLabelStyle","handlePress","interactivity","foregroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","androidMaterial","material","spokenLabel","onButtonPress","undefined"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAGnD,OAAOC,YAAY,MAAM,yBAAyB;AAClD,SAASC,WAAW,QAA2B,YAAS;AACxD,SAASC,mBAAmB,QAAyB,iBAAc;;AAGnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAoEA,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAsB;EAC7D,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,UAAU;IACVC,kBAAkB;IAClBC,OAAO;IACPC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMc,UAAU,GAAGrB,OAAO,CAAC,MAAME,WAAW,CAACO,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAC3D,MAAMa,gBAAgB,GAAGtB,OAAO,CAC9B,MAAMG,mBAAmB,CAACa,UAAU,CAAC,EACrC,CAACA,UAAU,CACb,CAAC;EAED,MAAMO,WAAW,GAAGxB,WAAW,CAAC,MAAM;IACpCmB,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEb,IAAA,CAACJ,YAAY;IACXO,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,IAAI,EAAEY,UAAW;IACjBX,OAAO,EAAEA,OAAO,IAAI,QAAS;IAC7BC,IAAI,EAAEA,IAAI,IAAI,OAAQ;IACtBC,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBY,aAAa,EAAEX,QAAQ,GAAG,UAAU,GAAG,SAAU;IACjDC,KAAK,EAAEA,KAAM;IACbW,eAAe,EAAEV,SAAU;IAC3BW,kBAAkB,EAAEP,OAAO,EAAEQ,WAAY;IACzCC,kBAAkB,EAAET,OAAO,EAAEU,WAAY;IACzCC,eAAe,EAAEX,OAAO,EAAEY,QAAQ,IAAI,YAAa;IACnDf,UAAU,EAAEM,gBAAiB;IAC7BU,WAAW,EAAEf,kBAAkB,IAAI,EAAG;IACtCgB,aAAa,EAAEf,OAAO,GAAGK,WAAW,GAAGW,SAAU;IAAA,GAC7Cd;EAAS,CACd,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useState","NativeButton","resolveIcon","normalizeLabelStyle","flattenMenuActions","jsx","_jsx","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","nativeLabelStyle","nativeMenu","handlePress","selectedEventCount","setSelectedEventCount","handleSelectedChange","e","count","nativeEvent","handleMenuSelect","id","title","handleMenuOpen","handleMenuClose","nativeIOS","symbolEffect","symbolEffectTrigger","undefined","String","isToggle","mergedAccessibilityState","busy","interactivity","foregroundColor","disabledForegroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","androidMaterial","material","spokenLabel","onButtonPress"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ButtonGroup.js

@@ -14,7 +14,14 @@ import { normalizeLabelStyle } from "./labelStyle.js";
  * - `multiple`: any number of buttons can be selected.
  */
 
-/** What happens to buttons that don't fit the group's width (Android). */
+/**
+ * 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).
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ButtonGroup(props) {
   const {
@@ -31,6 +38,8 @@ export function ButtonGroup(props) {
     color,
     tintColor,
     labelStyle,
+    overflow,
+    haptics,
     onPress,
     onSelectionChange,
     android,
@@ -62,9 +71,8 @@ export function ButtonGroup(props) {
     onSelectionChange?.([...e.nativeEvent.values]);
   }, [onSelectionChange]);
   const nativeAndroid = useMemo(() => ({
-    overflow: android?.overflow ?? 'none',
     material: android?.material ?? 'expressive'
-  }), [android]);
+  }), [android?.material]);
   const isConnected = connected ?? selectionMode !== 'none';
   const isSelectionRequired = selectionRequired ?? (selectionMode === 'single' ? true : false);
   return /*#__PURE__*/_jsx(NativeButtonGroup, {
@@ -83,6 +91,8 @@ export function ButtonGroup(props) {
     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,

package/lib/module/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","NativeButtonGroup","resolveIcon","normalizeLabelStyle","jsx","_jsx","ButtonGroup","props","buttons","variant","size","shape","connected","spacing","selection","selectedValues","selectionRequired","disabled","color","tintColor","labelStyle","onPress","onSelectionChange","android","viewProps","selectionMode","nativeButtons","map","button","label","value","accessibilityLabel","icon","nativeSelectedValues","slice","nativeLabelStyle","handlePress","e","index","nativeEvent","handleSelectionChange","values","nativeAndroid","overflow","material","isConnected","isSelectionRequired","interactivity","foregroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","onButtonPress","undefined","onGroupSelectionChange"],"sourceRoot":"../../src","sources":["ButtonGroup.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAInD,OAAOC,iBAAiB,MAIjB,8BAA8B;AACrC,SAASC,WAAW,QAA2B,YAAS;AACxD,SAASC,mBAAmB,QAAyB,iBAAc;;AAGnE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgHA,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,OAAO;IACPC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,cAAc;IACdC,iBAAiB;IACjBC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGjB,KAAK;EAET,MAAMkB,aAAa,GAAGX,SAAS,IAAI,MAAM;EAEzC,MAAMY,aAAa,GAAG1B,OAAO,CAAC,MAAsB;IAClD,OAAOQ,OAAO,CAACmB,GAAG,CAAEC,MAAM,KAAM;MAC9BC,KAAK,EAAED,MAAM,CAACC,KAAK,IAAI,EAAE;MACzBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBb,QAAQ,EAAEW,MAAM,CAACX,QAAQ,GAAG,UAAU,GAAG,SAAS;MAClDc,kBAAkB,EAAEH,MAAM,CAACG,kBAAkB,IAAI,EAAE;MACnD,GAAG7B,WAAW,CAAC0B,MAAM,CAACI,IAAI;IAC5B,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAACxB,OAAO,CAAC,CAAC;EAEb,MAAMyB,oBAAoB,GAAGjC,OAAO,CAAC,MAAgB;IACnD,IAAIyB,aAAa,KAAK,MAAM,IAAI,CAACV,cAAc,EAAE,OAAO,EAAE;IAC1D,OAAOU,aAAa,KAAK,QAAQ,GAC7BV,cAAc,CAACmB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1B,CAAC,GAAGnB,cAAc,CAAC;EACzB,CAAC,EAAE,CAACU,aAAa,EAAEV,cAAc,CAAC,CAAC;EAEnC,MAAMoB,gBAAgB,GAAGnC,OAAO,CAC9B,MAAMG,mBAAmB,CAACiB,UAAU,CAAC,EACrC,CAACA,UAAU,CACb,CAAC;EAED,MAAMgB,WAAW,GAAGrC,WAAW,CAC5BsC,CAAyC,IAAK;IAC7C,MAAM;MAAEC,KAAK;MAAER;IAAM,CAAC,GAAGO,CAAC,CAACE,WAAW;IACtClB,OAAO,GAAGS,KAAK,EAAEQ,KAAK,CAAC;EACzB,CAAC,EACD,CAACjB,OAAO,CACV,CAAC;EAED,MAAMmB,qBAAqB,GAAGzC,WAAW,CACtCsC,CAA6C,IAAK;IACjDf,iBAAiB,GAAG,CAAC,GAAGe,CAAC,CAACE,WAAW,CAACE,MAAM,CAAC,CAAC;EAChD,CAAC,EACD,CAACnB,iBAAiB,CACpB,CAAC;EAED,MAAMoB,aAAa,GAAG1C,OAAO,CAC3B,OAAO;IACL2C,QAAQ,EAAEpB,OAAO,EAAEoB,QAAQ,IAAI,MAAM;IACrCC,QAAQ,EAAErB,OAAO,EAAEqB,QAAQ,IAAI;EACjC,CAAC,CAAC,EACF,CAACrB,OAAO,CACV,CAAC;EAED,MAAMsB,WAAW,GAAGjC,SAAS,IAAIa,aAAa,KAAK,MAAM;EACzD,MAAMqB,mBAAmB,GACvB9B,iBAAiB,KAAKS,aAAa,KAAK,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC;EAElE,oBACEpB,IAAA,CAACJ,iBAAiB;IAChBO,OAAO,EAAEkB,aAAc;IACvBjB,OAAO,EAAEA,OAAO,IAAI,UAAW;IAC/BC,IAAI,EAAEA,IAAI,IAAI,OAAQ;IACtBC,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,SAAS,EAAEiC,WAAW,GAAG,MAAM,GAAG,OAAQ;IAC1ChC,OAAO,EAAEA,OAAO,IAAI,CAAC,CAAE;IACvBC,SAAS,EAAEW,aAAc;IACzBV,cAAc,EAAEkB,oBAAqB;IACrCjB,iBAAiB,EAAE8B,mBAAmB,GAAG,MAAM,GAAG,OAAQ;IAC1DC,aAAa,EAAE9B,QAAQ,GAAG,UAAU,GAAG,SAAU;IACjDC,KAAK,EAAEA,KAAM;IACb8B,eAAe,EAAE7B,SAAU;IAC3B8B,kBAAkB,EAAE1B,OAAO,EAAE2B,WAAY;IACzCC,kBAAkB,EAAE5B,OAAO,EAAE6B,WAAY;IACzChC,UAAU,EAAEe,gBAAiB;IAC7BkB,aAAa,EAAEhC,OAAO,GAAGe,WAAW,GAAGkB,SAAU;IACjDC,sBAAsB,EACpBjC,iBAAiB,GAAGkB,qBAAqB,GAAGc,SAC7C;IACD/B,OAAO,EAAEmB,aAAc;IAAA,GACnBlB;EAAS,CACd,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","NativeButtonGroup","resolveIcon","normalizeLabelStyle","jsx","_jsx","ButtonGroup","props","buttons","variant","size","shape","connected","spacing","selection","selectedValues","selectionRequired","disabled","color","tintColor","labelStyle","overflow","haptics","onPress","onSelectionChange","android","viewProps","selectionMode","nativeButtons","map","button","label","value","accessibilityLabel","icon","nativeSelectedValues","slice","nativeLabelStyle","handlePress","e","index","nativeEvent","handleSelectionChange","values","nativeAndroid","material","isConnected","isSelectionRequired","interactivity","foregroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","onButtonPress","undefined","onGroupSelectionChange"],"sourceRoot":"../../src","sources":["ButtonGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ButtonGroupNativeComponent.ts

@@ -13,6 +13,7 @@ export type ButtonGroupButton = Readonly<{
   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
@@ -46,13 +47,46 @@ export type ButtonGroupLabelStyleProps = Readonly<{
   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<{
-  /** What happens to buttons that don't fit: 'none' | 'menu' | 'wrap' */
-  overflow?: string;
-
   /** Material style: 'm3' | 'expressive' */
   material?: string;
 }>;
@@ -61,7 +95,10 @@ export interface ButtonGroupNativeProps extends ViewProps {
   /** Buttons to display. */
   buttons: ReadonlyArray<ButtonGroupButton>;
 
-  /** 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated' */
+  /**
+   * 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated' | 'glass' |
+   * 'prominentGlass' | 'clearGlass' | 'prominentClearGlass'
+   */
   variant?: string;
 
   /** 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' */
@@ -103,6 +140,30 @@ export interface ButtonGroupNativeProps extends ViewProps {
   /** 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>;
 
@@ -113,6 +174,15 @@ export interface ButtonGroupNativeProps extends ViewProps {
    */
   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;
 }