react-native-platform-components 1.3.0 → 1.5.0

package/lib/module/DatePicker.js

@@ -1,9 +1,15 @@
 "use strict";
 
 // DatePicker.tsx
-import React, { useCallback } from 'react';
-import { StyleSheet } from 'react-native';
+import React, { useCallback, useEffect } from 'react';
+import { Platform, StyleSheet } from 'react-native';
 import NativeDatePicker from './DatePickerNativeComponent';
+
+/**
+ * Android: how the Material pickers take input. `'text'` opens the date
+ * picker on its text field and the time picker on its keyboard entry;
+ * `'calendar'` on the calendar and the clock dial. Default: `'calendar'`.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 // Sentinel value for "no date". Using MIN_SAFE_INTEGER ensures we don't
 // conflict with valid negative timestamps (dates before 1970).
@@ -29,6 +35,7 @@ export function DatePicker(props) {
     mode,
     presentation = 'modal',
     visible,
+    is24Hour,
     onConfirm,
     onClosed,
     ios,
@@ -37,7 +44,12 @@ export function DatePicker(props) {
   } = props;
   const isModal = presentation === 'modal';
   const handleConfirm = useCallback(e => {
-    onConfirm?.(new Date(e.nativeEvent.timestampMs), e.nativeEvent.confirmed);
+    const {
+      timestampMs,
+      confirmed,
+      durationSeconds
+    } = e.nativeEvent;
+    onConfirm?.(new Date(timestampMs), confirmed, durationSeconds ?? 0);
   }, [onConfirm]);
   const handleClosed = useCallback(() => {
     onClosed?.();
@@ -47,6 +59,7 @@ export function DatePicker(props) {
     mode,
     locale,
     timeZoneName,
+    hourFormat: hourFormat(is24Hour),
     presentation,
     visible: normalizeVisible(presentation, visible),
     dateMs: dateToMsOrSentinel(date),
@@ -66,7 +79,8 @@ export function DatePicker(props) {
       material: android.material,
       dialogTitle: android.dialogTitle,
       positiveButtonTitle: android.positiveButtonTitle,
-      negativeButtonTitle: android.negativeButtonTitle
+      negativeButtonTitle: android.negativeButtonTitle,
+      inputMode: android.inputMode
     } : undefined
   };
   return /*#__PURE__*/_jsx(NativeDatePicker, {
@@ -74,6 +88,86 @@ export function DatePicker(props) {
     ...nativeProps
   });
 }
+function hourFormat(is24Hour) {
+  if (is24Hour === undefined) return '';
+  return is24Hour ? '24' : '12';
+}
+
+/** A range of days, as `DateRangePicker` reports it. */
+
+/**
+ * Whether `DateRangePicker` shows anything on this platform. iOS has no
+ * native date range picker; offer two `DatePicker`s there instead.
+ */
+export const isDateRangePickerSupported = rangePickerSupported();
+function rangePickerSupported() {
+  return Platform.OS !== 'ios';
+}
+
+/**
+ * A date range picker: Material's `MaterialDatePicker.dateRangePicker()` on
+ * Android, a modal dialog. iOS has no native range picker, so it renders
+ * nothing there and warns in development (see `isDateRangePickerSupported`).
+ */
+export function DateRangePicker(props) {
+  const {
+    style,
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    locale,
+    timeZoneName,
+    visible,
+    onConfirm,
+    onClosed,
+    android,
+    testID
+  } = props;
+  const supported = rangePickerSupported();
+  useEffect(() => {
+    if (__DEV__ && visible && !supported) {
+      console.warn('DateRangePicker: iOS has no native date range picker, so nothing is ' + 'shown. Check isDateRangePickerSupported and offer two DatePickers ' + 'on iOS.');
+    }
+  }, [visible, supported]);
+  const handleConfirm = useCallback(e => {
+    const {
+      timestampMs,
+      endTimestampMs
+    } = e.nativeEvent;
+    onConfirm?.({
+      startDate: new Date(timestampMs),
+      endDate: new Date(endTimestampMs)
+    });
+  }, [onConfirm]);
+  const handleClosed = useCallback(() => {
+    onClosed?.();
+  }, [onClosed]);
+  if (!supported) return null;
+  return /*#__PURE__*/_jsx(NativeDatePicker, {
+    testID: testID,
+    style: [styles.picker, style],
+    mode: "dateRange",
+    presentation: "modal",
+    visible: visible ? 'open' : 'closed',
+    locale: locale,
+    timeZoneName: timeZoneName,
+    dateMs: dateToMsOrSentinel(startDate),
+    endDateMs: dateToMsOrSentinel(endDate),
+    minDateMs: dateToMsOrSentinel(minDate),
+    maxDateMs: dateToMsOrSentinel(maxDate),
+    onConfirm: onConfirm ? handleConfirm : undefined,
+    onClosed: onClosed ? handleClosed : undefined,
+    android: android ? {
+      firstDayOfWeek: android.firstDayOfWeek,
+      material: 'm3',
+      dialogTitle: android.dialogTitle,
+      positiveButtonTitle: android.positiveButtonTitle,
+      negativeButtonTitle: android.negativeButtonTitle,
+      inputMode: android.inputMode
+    } : undefined
+  });
+}
 const styles = StyleSheet.create({
   picker: {}
 });

package/lib/module/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","StyleSheet","NativeDatePicker","jsx","_jsx","NO_DATE_SENTINEL","Number","MIN_SAFE_INTEGER","dateToMsOrSentinel","d","ms","getTime","isFinite","normalizeVisible","presentation","visible","undefined","DatePicker","props","style","date","minDate","maxDate","locale","timeZoneName","mode","onConfirm","onClosed","ios","android","testID","isModal","handleConfirm","e","Date","nativeEvent","timestampMs","confirmed","handleClosed","nativeProps","styles","picker","dateMs","minDateMs","maxDateMs","preferredStyle","countDownDurationSeconds","minuteInterval","roundsToMinuteInterval","confirmToolbar","showConfirmToolbar","firstDayOfWeek","material","dialogTitle","positiveButtonTitle","negativeButtonTitle","create"],"sourceRoot":"../../src","sources":["DatePicker.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","Platform","StyleSheet","NativeDatePicker","jsx","_jsx","NO_DATE_SENTINEL","Number","MIN_SAFE_INTEGER","dateToMsOrSentinel","d","ms","getTime","isFinite","normalizeVisible","presentation","visible","undefined","DatePicker","props","style","date","minDate","maxDate","locale","timeZoneName","mode","is24Hour","onConfirm","onClosed","ios","android","testID","isModal","handleConfirm","e","timestampMs","confirmed","durationSeconds","nativeEvent","Date","handleClosed","nativeProps","styles","picker","hourFormat","dateMs","minDateMs","maxDateMs","preferredStyle","countDownDurationSeconds","minuteInterval","roundsToMinuteInterval","confirmToolbar","showConfirmToolbar","firstDayOfWeek","material","dialogTitle","positiveButtonTitle","negativeButtonTitle","inputMode","isDateRangePickerSupported","rangePickerSupported","OS","DateRangePicker","startDate","endDate","supported","__DEV__","console","warn","endTimestampMs","endDateMs","create"],"sourceRoot":"../../src","sources":["DatePicker.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAErD,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAOC,gBAAgB,MAShB,6BAA6B;;AAIpC;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAkFA;AACA;AACA,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,gBAAgB;AAEhD,SAASC,kBAAkBA,CAACC,CAA0B,EAAU;EAC9D,IAAI,CAACA,CAAC,EAAE,OAAOJ,gBAAgB;EAC/B,MAAMK,EAAE,GAAGD,CAAC,CAACE,OAAO,CAAC,CAAC;EACtB,OAAOL,MAAM,CAACM,QAAQ,CAACF,EAAE,CAAC,GAAGA,EAAE,GAAGL,gBAAgB;AACpD;AAEA,SAASQ,gBAAgBA,CACvBC,YAA+D,EAC/DC,OAA4B,EACP;EACrB;EACA,IAAID,YAAY,KAAK,OAAO,EAAE,OAAOE,SAAS;EAC9C,OAAOD,OAAO,GAAG,MAAM,GAAG,QAAQ;AACpC;AAEA,OAAO,SAASE,UAAUA,CAACC,KAAsB,EAAsB;EACrE,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZC,IAAI;IACJX,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPW,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,GAAG;IACHC,OAAO;IACPC;EACF,CAAC,GAAGb,KAAK;EAET,MAAMc,OAAO,GAAGlB,YAAY,KAAK,OAAO;EAExC,MAAMmB,aAAa,GAAGnC,WAAW,CAC9BoC,CAAwC,IAAK;IAC5C,MAAM;MAAEC,WAAW;MAAEC,SAAS;MAAEC;IAAgB,CAAC,GAAGH,CAAC,CAACI,WAAW;IACjEX,SAAS,GAAG,IAAIY,IAAI,CAACJ,WAAW,CAAC,EAAEC,SAAS,EAAEC,eAAe,IAAI,CAAC,CAAC;EACrE,CAAC,EACD,CAACV,SAAS,CACZ,CAAC;EAED,MAAMa,YAAY,GAAG1C,WAAW,CAAC,MAAM;IACrC8B,QAAQ,GAAG,CAAC;EACd,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMa,WAAkC,GAAG;IACzCtB,KAAK,EAAE,CAACuB,MAAM,CAACC,MAAM,EAAExB,KAAK,CAAC;IAE7BM,IAAI;IACJF,MAAM;IACNC,YAAY;IACZoB,UAAU,EAAEA,UAAU,CAAClB,QAAQ,CAAC;IAEhCZ,YAAY;IACZC,OAAO,EAAEF,gBAAgB,CAACC,YAAY,EAAEC,OAAO,CAAC;IAEhD8B,MAAM,EAAErC,kBAAkB,CAACY,IAAI,CAAC;IAChC0B,SAAS,EAAEtC,kBAAkB,CAACa,OAAO,CAAC;IACtC0B,SAAS,EAAEvC,kBAAkB,CAACc,OAAO,CAAC;IAEtCK,SAAS,EAAEA,SAAS,GAAGM,aAAa,GAAGjB,SAAS;IAChDY,QAAQ,EAAEI,OAAO,IAAIJ,QAAQ,GAAGY,YAAY,GAAGxB,SAAS;IAExDa,GAAG,EAAEA,GAAG,GACJ;MACEmB,cAAc,EAAEnB,GAAG,CAACmB,cAAc;MAClCC,wBAAwB,EAAEpB,GAAG,CAACoB,wBAAwB;MACtDC,cAAc,EAAErB,GAAG,CAACqB,cAAc;MAClCC,sBAAsB,EAAEtB,GAAG,CAACsB,sBAAsB;MAClDC,cAAc,EAAEvB,GAAG,CAACwB,kBAAkB,KAAK,KAAK,GAAG,MAAM,GAAG;IAC9D,CAAC,GACDrC,SAAS;IAEbc,OAAO,EAAEA,OAAO,GACZ;MACEwB,cAAc,EAAExB,OAAO,CAACwB,cAAc;MACtCC,QAAQ,EAAEzB,OAAO,CAACyB,QAAQ;MAC1BC,WAAW,EAAE1B,OAAO,CAAC0B,WAAW;MAChCC,mBAAmB,EAAE3B,OAAO,CAAC2B,mBAAmB;MAChDC,mBAAmB,EAAE5B,OAAO,CAAC4B,mBAAmB;MAChDC,SAAS,EAAE7B,OAAO,CAAC6B;IACrB,CAAC,GACD3C;EACN,CAAC;EAED,oBAAOZ,IAAA,CAACF,gBAAgB;IAAC6B,MAAM,EAAEA,MAAO;IAAA,GAAKU;EAAW,CAAG,CAAC;AAC9D;AAEA,SAASG,UAAUA,CAAClB,QAA6B,EAAU;EACzD,IAAIA,QAAQ,KAAKV,SAAS,EAAE,OAAO,EAAE;EACrC,OAAOU,QAAQ,GAAG,IAAI,GAAG,IAAI;AAC/B;;AAEA;;AA8CA;AACA;AACA;AACA;AACA,OAAO,MAAMkC,0BAAmC,GAAGC,oBAAoB,CAAC,CAAC;AAEzE,SAASA,oBAAoBA,CAAA,EAAY;EACvC,OAAO7D,QAAQ,CAAC8D,EAAE,KAAK,KAAK;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAC7B7C,KAA2B,EACA;EAC3B,MAAM;IACJC,KAAK;IACL6C,SAAS;IACTC,OAAO;IACP5C,OAAO;IACPC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZT,OAAO;IACPY,SAAS;IACTC,QAAQ;IACRE,OAAO;IACPC;EACF,CAAC,GAAGb,KAAK;EAET,MAAMgD,SAAS,GAAGL,oBAAoB,CAAC,CAAC;EACxC9D,SAAS,CAAC,MAAM;IACd,IAAIoE,OAAO,IAAIpD,OAAO,IAAI,CAACmD,SAAS,EAAE;MACpCE,OAAO,CAACC,IAAI,CACV,sEAAsE,GACpE,oEAAoE,GACpE,SACJ,CAAC;IACH;EACF,CAAC,EAAE,CAACtD,OAAO,EAAEmD,SAAS,CAAC,CAAC;EAExB,MAAMjC,aAAa,GAAGnC,WAAW,CAC9BoC,CAAwC,IAAK;IAC5C,MAAM;MAAEC,WAAW;MAAEmC;IAAe,CAAC,GAAGpC,CAAC,CAACI,WAAW;IACrDX,SAAS,GAAG;MACVqC,SAAS,EAAE,IAAIzB,IAAI,CAACJ,WAAW,CAAC;MAChC8B,OAAO,EAAE,IAAI1B,IAAI,CAAC+B,cAAc;IAClC,CAAC,CAAC;EACJ,CAAC,EACD,CAAC3C,SAAS,CACZ,CAAC;EAED,MAAMa,YAAY,GAAG1C,WAAW,CAAC,MAAM;IACrC8B,QAAQ,GAAG,CAAC;EACd,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACsC,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACE9D,IAAA,CAACF,gBAAgB;IACf6B,MAAM,EAAEA,MAAO;IACfZ,KAAK,EAAE,CAACuB,MAAM,CAACC,MAAM,EAAExB,KAAK,CAAE;IAC9BM,IAAI,EAAC,WAAW;IAChBX,YAAY,EAAC,OAAO;IACpBC,OAAO,EAAEA,OAAO,GAAG,MAAM,GAAG,QAAS;IACrCQ,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BqB,MAAM,EAAErC,kBAAkB,CAACwD,SAAS,CAAE;IACtCO,SAAS,EAAE/D,kBAAkB,CAACyD,OAAO,CAAE;IACvCnB,SAAS,EAAEtC,kBAAkB,CAACa,OAAO,CAAE;IACvC0B,SAAS,EAAEvC,kBAAkB,CAACc,OAAO,CAAE;IACvCK,SAAS,EAAEA,SAAS,GAAGM,aAAa,GAAGjB,SAAU;IACjDY,QAAQ,EAAEA,QAAQ,GAAGY,YAAY,GAAGxB,SAAU;IAC9Cc,OAAO,EACLA,OAAO,GACH;MACEwB,cAAc,EAAExB,OAAO,CAACwB,cAAc;MACtCC,QAAQ,EAAE,IAAI;MACdC,WAAW,EAAE1B,OAAO,CAAC0B,WAAW;MAChCC,mBAAmB,EAAE3B,OAAO,CAAC2B,mBAAmB;MAChDC,mBAAmB,EAAE5B,OAAO,CAAC4B,mBAAmB;MAChDC,SAAS,EAAE7B,OAAO,CAAC6B;IACrB,CAAC,GACD3C;EACL,CACF,CAAC;AAEN;AAEA,MAAM0B,MAAM,GAAGzC,UAAU,CAACuE,MAAM,CAAC;EAC/B7B,MAAM,EAAE,CAAC;AACX,CAAC,CAAC","ignoreList":[]}

package/lib/module/DatePickerNativeComponent.ts

@@ -13,9 +13,20 @@ export type TimestampMs = Double;
 export type DateChangeEvent = {
   timestampMs: Double;
   confirmed: boolean;
+  /**
+   * iOS `countDownTimer` mode: the selected duration in seconds. 0 in every
+   * other mode and on Android (which has no countdown picker).
+   */
+  durationSeconds: Double;
+  /**
+   * `dateRange` mode (Android): the last day of the range, with
+   * `timestampMs` the first. 0 in every other mode.
+   */
+  endTimestampMs: Double;
 };
 
-export type DatePickerMode = 'date' | 'time' | 'dateAndTime' | 'countDownTimer';
+export type DatePickerMode =
+  'date' | 'time' | 'dateAndTime' | 'countDownTimer' | 'yearAndMonth';
 export type DatePickerPresentation = 'modal' | 'embedded';
 
 export type IOSDatePickerStyle = 'automatic' | 'compact' | 'inline' | 'wheels';
@@ -36,6 +47,7 @@ export type AndroidProps = {
   dialogTitle?: string;
   positiveButtonTitle?: string;
   negativeButtonTitle?: string;
+  inputMode?: string; // '' | 'calendar' | 'text'
 };
 
 export type WebProps = Readonly<{}>;
@@ -48,15 +60,20 @@ export type MacOSProps = Readonly<{}>;
  *   (Allows negative timestamps for pre-1970 dates.)
  */
 export type CommonProps = {
-  mode?: string; // DatePickerMode
+  mode?: string; // DatePickerMode, or 'dateRange' for DateRangePicker
 
   dateMs?: WithDefault<TimestampMs, -9007199254740991>;
+  /** `dateRange` mode: the last day of the range (`dateMs` is the first). */
+  endDateMs?: WithDefault<TimestampMs, -9007199254740991>;
   minDateMs?: WithDefault<TimestampMs, -9007199254740991>;
   maxDateMs?: WithDefault<TimestampMs, -9007199254740991>;
 
   locale?: string;
   timeZoneName?: string;
 
+  /** '' (device setting) | '12' | '24' */
+  hourFormat?: string;
+
   /**
    * Only used when presentation === "modal".
    * Defaults should be applied in JS wrapper (recommended).

package/lib/module/FloatingActionButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+// FloatingActionButton.tsx
+import React, { useCallback, useMemo } from 'react';
+import NativeFloatingActionButton from './FloatingActionButtonNativeComponent';
+import { resolveIcon } from "./icons.js";
+
+/**
+ * Button size.
+ *
+ * | Size      | Android FAB                     | Android extended FAB | iOS          |
+ * | --------- | ------------------------------- | -------------------- | ------------ |
+ * | `small`   | 40dp small FAB (Material 3)     | 56dp small extended  | 44pt circle  |
+ * | `regular` | 56dp FAB                        | 56dp small extended  | 56pt circle  |
+ * | `medium`  | 80dp medium FAB (M3 Expressive) | 80dp medium extended | 80pt circle  |
+ * | `large`   | 96dp large FAB                  | 96dp large extended  | 96pt circle  |
+ *
+ * An extended iOS button is a capsule of the same height.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FloatingActionButton(props) {
+  const {
+    icon,
+    label,
+    extended,
+    size,
+    color,
+    tintColor,
+    disabled,
+    accessibilityLabel,
+    haptics,
+    onPress,
+    scrollViewNativeID,
+    ...viewProps
+  } = props;
+  const nativeIcon = useMemo(() => resolveIcon(icon), [icon]);
+  const handlePress = useCallback(() => onPress?.(), [onPress]);
+  return /*#__PURE__*/_jsx(NativeFloatingActionButton, {
+    icon: nativeIcon,
+    label: label ?? '',
+    size: size ?? 'regular',
+    extended: extended === false ? 'false' : 'true',
+    color: color,
+    foregroundColor: tintColor,
+    interactivity: disabled ? 'disabled' : 'enabled',
+    spokenLabel: accessibilityLabel ?? '',
+    scrollViewNativeID: scrollViewNativeID ?? '',
+    haptics: haptics ?? '',
+    onFabPress: onPress ? handlePress : undefined,
+    ...viewProps
+  });
+}
+//# sourceMappingURL=FloatingActionButton.js.map

package/lib/module/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","NativeFloatingActionButton","resolveIcon","jsx","_jsx","FloatingActionButton","props","icon","label","extended","size","color","tintColor","disabled","accessibilityLabel","haptics","onPress","scrollViewNativeID","viewProps","nativeIcon","handlePress","foregroundColor","interactivity","spokenLabel","onFabPress","undefined"],"sourceRoot":"../../src","sources":["FloatingActionButton.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAGnD,OAAOC,0BAA0B,MAAM,uCAAuC;AAE9E,SAASC,WAAW,QAA2B,YAAS;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AA0EA,OAAO,SAASC,oBAAoBA,CAClCC,KAAgC,EACZ;EACpB,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC,kBAAkB;IAClBC,OAAO;IACPC,OAAO;IACPC,kBAAkB;IAClB,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAME,WAAW,CAACK,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE3D,MAAMa,WAAW,GAAGrB,WAAW,CAAC,MAAMiB,OAAO,GAAG,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACEZ,IAAA,CAACH,0BAA0B;IACzBM,IAAI,EAAEY,UAAW;IACjBX,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBE,IAAI,EAAEA,IAAI,IAAI,SAAU;IACxBD,QAAQ,EAAEA,QAAQ,KAAK,KAAK,GAAG,OAAO,GAAG,MAAO;IAChDE,KAAK,EAAEA,KAAM;IACbU,eAAe,EAAET,SAAU;IAC3BU,aAAa,EAAET,QAAQ,GAAG,UAAU,GAAG,SAAU;IACjDU,WAAW,EAAET,kBAAkB,IAAI,EAAG;IACtCG,kBAAkB,EAAEA,kBAAkB,IAAI,EAAG;IAC7CF,OAAO,EAAEA,OAAO,IAAI,EAAG;IACvBS,UAAU,EAAER,OAAO,GAAGI,WAAW,GAAGK,SAAU;IAAA,GAC1CP;EAAS,CACd,CAAC;AAEN","ignoreList":[]}

package/lib/module/FloatingActionButtonNativeComponent.ts

@@ -0,0 +1,58 @@
+// FloatingActionButtonNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler, Double } from './codegenTypes';
+
+/**
+ * Icon fields, pre-resolved on the JS side (see icons.ts).
+ */
+export type FloatingActionButtonIconProps = 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
+}>;
+
+export interface FloatingActionButtonNativeProps extends ViewProps {
+  /** The icon. */
+  icon?: FloatingActionButtonIconProps;
+
+  /** Label of the extended button; empty for an icon-only button. */
+  label?: string;
+
+  /** 'small' | 'regular' | 'medium' | 'large' */
+  size?: string;
+
+  /** 'true' | 'false': a button with a label shows it. */
+  extended?: string;
+
+  /** Container color. */
+  color?: ColorValue;
+
+  /** Icon and label color. */
+  foregroundColor?: ColorValue;
+
+  /** 'enabled' | 'disabled' */
+  interactivity?: string;
+
+  /** Screen-reader label, on the native button; empty = the label. */
+  spokenLabel?: string;
+
+  /** nativeID of the ScrollView whose scrolling shrinks and extends the button. */
+  scrollViewNativeID?: string;
+
+  /**
+   * 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. */
+  onFabPress?: BubblingEventHandler<Readonly<{}>>;
+}
+
+export default codegenNativeComponent<FloatingActionButtonNativeProps>(
+  'PCFloatingActionButton'
+) as HostComponent<FloatingActionButtonNativeProps>;

package/lib/module/FloatingToolbar.js

@@ -0,0 +1,70 @@
+"use strict";
+
+// FloatingToolbar.tsx
+import React, { useMemo } from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import NativeFloatingToolbar from './FloatingToolbarNativeComponent';
+
+/** Glass effect style of the toolbar on iOS 26. */
+
+/** Material 3 color variant of the toolbar on Android. */
+
+/** Scroll edge effect under the toolbar on iOS 26. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FloatingToolbar(props) {
+  const {
+    style,
+    orientation,
+    color,
+    scrollViewNativeID,
+    hideOnScroll,
+    ios,
+    android,
+    children,
+    ...viewProps
+  } = props;
+  const nativeIos = useMemo(() => {
+    if (Platform.OS !== 'ios' || !ios) return undefined;
+    return {
+      effect: ios.effect ?? 'regular',
+      interactive: ios.interactive ?? false,
+      scrollEdgeEffect: ios.scrollEdgeEffect ?? ''
+    };
+  }, [ios]);
+  const nativeAndroid = useMemo(() => {
+    if (Platform.OS !== 'android' || !android) return undefined;
+    return {
+      variant: android.variant ?? 'standard'
+    };
+  }, [android]);
+  const mergedStyle = useMemo(() => [styles.toolbar, orientation === 'vertical' ? styles.vertical : styles.horizontal, style], [orientation, style]);
+  return /*#__PURE__*/_jsx(NativeFloatingToolbar, {
+    style: mergedStyle,
+    color: color,
+    scrollViewNativeID: scrollViewNativeID ?? '',
+    hideOnScroll: hideOnScroll ?? false,
+    ios: nativeIos,
+    android: nativeAndroid,
+    ...viewProps,
+    children: children
+  });
+}
+
+// Material 3 floating toolbar: 8dp container padding, 4dp between actions.
+// The capsule shape comes from native.
+const styles = StyleSheet.create({
+  toolbar: {
+    alignSelf: 'center',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 8,
+    gap: 4
+  },
+  horizontal: {
+    flexDirection: 'row'
+  },
+  vertical: {
+    flexDirection: 'column'
+  }
+});
+//# sourceMappingURL=FloatingToolbar.js.map

package/lib/module/FloatingToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Platform","StyleSheet","NativeFloatingToolbar","jsx","_jsx","FloatingToolbar","props","style","orientation","color","scrollViewNativeID","hideOnScroll","ios","android","children","viewProps","nativeIos","OS","undefined","effect","interactive","scrollEdgeEffect","nativeAndroid","variant","mergedStyle","styles","toolbar","vertical","horizontal","create","alignSelf","alignItems","justifyContent","padding","gap","flexDirection"],"sourceRoot":"../../src","sources":["FloatingToolbar.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,QAAQ,EACRC,UAAU,QAKL,cAAc;AAErB,OAAOC,qBAAqB,MAAM,kCAAkC;;AAEpE;;AAGA;;AAGA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA+EA,OAAO,SAASC,eAAeA,CAC7BC,KAA2B,EACP;EACpB,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,kBAAkB;IAClBC,YAAY;IACZC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,SAAS,GAAGjB,OAAO,CAAC,MAAM;IAC9B,IAAIC,QAAQ,CAACiB,EAAE,KAAK,KAAK,IAAI,CAACL,GAAG,EAAE,OAAOM,SAAS;IACnD,OAAO;MACLC,MAAM,EAAEP,GAAG,CAACO,MAAM,IAAI,SAAS;MAC/BC,WAAW,EAAER,GAAG,CAACQ,WAAW,IAAI,KAAK;MACrCC,gBAAgB,EAAET,GAAG,CAACS,gBAAgB,IAAI;IAC5C,CAAC;EACH,CAAC,EAAE,CAACT,GAAG,CAAC,CAAC;EAET,MAAMU,aAAa,GAAGvB,OAAO,CAAC,MAAM;IAClC,IAAIC,QAAQ,CAACiB,EAAE,KAAK,SAAS,IAAI,CAACJ,OAAO,EAAE,OAAOK,SAAS;IAC3D,OAAO;MAAEK,OAAO,EAAEV,OAAO,CAACU,OAAO,IAAI;IAAW,CAAC;EACnD,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EAEb,MAAMW,WAAW,GAAGzB,OAAO,CACzB,MAA4B,CAC1B0B,MAAM,CAACC,OAAO,EACdlB,WAAW,KAAK,UAAU,GAAGiB,MAAM,CAACE,QAAQ,GAAGF,MAAM,CAACG,UAAU,EAChErB,KAAK,CACN,EACD,CAACC,WAAW,EAAED,KAAK,CACrB,CAAC;EAED,oBACEH,IAAA,CAACF,qBAAqB;IACpBK,KAAK,EAAEiB,WAAY;IACnBf,KAAK,EAAEA,KAAM;IACbC,kBAAkB,EAAEA,kBAAkB,IAAI,EAAG;IAC7CC,YAAY,EAAEA,YAAY,IAAI,KAAM;IACpCC,GAAG,EAAEI,SAAU;IACfH,OAAO,EAAES,aAAc;IAAA,GACnBP,SAAS;IAAAD,QAAA,EAEZA;EAAQ,CACY,CAAC;AAE5B;;AAEA;AACA;AACA,MAAMW,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,CAAC;IACVC,GAAG,EAAE;EACP,CAAC;EACDN,UAAU,EAAE;IAAEO,aAAa,EAAE;EAAM,CAAC;EACpCR,QAAQ,EAAE;IAAEQ,aAAa,EAAE;EAAS;AACtC,CAAC,CAAC","ignoreList":[]}

package/lib/module/FloatingToolbarNativeComponent.ts

@@ -0,0 +1,47 @@
+// FloatingToolbarNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { WithDefault } from './codegenTypes';
+
+/**
+ * iOS-specific configuration.
+ */
+export type FloatingToolbarIOSProps = Readonly<{
+  /** Glass effect style on iOS 26: 'regular' | 'clear' */
+  effect?: string;
+
+  /** iOS 26: glass that reacts to touches (UIGlassEffect.isInteractive) */
+  interactive?: WithDefault<boolean, false>;
+
+  /**
+   * iOS 26: the linked scroll view's edge effect under the toolbar:
+   * '' (the scroll view's own) | 'automatic' | 'soft' | 'hard' | 'hidden'
+   */
+  scrollEdgeEffect?: string;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type FloatingToolbarAndroidProps = Readonly<{
+  /** Material color variant: 'standard' | 'vibrant' */
+  variant?: string;
+}>;
+
+export interface FloatingToolbarNativeProps extends ViewProps {
+  /** Container color. Default: the platform's toolbar material. */
+  color?: ColorValue;
+
+  /** nativeID of the ScrollView the toolbar floats over. */
+  scrollViewNativeID?: string;
+
+  /** Slide off the linked ScrollView's edge while its content scrolls down. */
+  hideOnScroll?: WithDefault<boolean, false>;
+
+  ios?: FloatingToolbarIOSProps;
+  android?: FloatingToolbarAndroidProps;
+}
+
+export default codegenNativeComponent<FloatingToolbarNativeProps>(
+  'PCFloatingToolbar'
+) as HostComponent<FloatingToolbarNativeProps>;

package/lib/module/LiquidGlass.js

@@ -5,6 +5,10 @@ import React, { useCallback, useMemo } from 'react';
 import { Platform } from 'react-native';
 import NativeLiquidGlass from './LiquidGlassNativeComponent';
 import NativePlatformComponentsTheme from "./NativePlatformComponentsTheme.js";
+
+/**
+ * Corner shape of the glass: `'capsule'`, `'concentric'`, or a fixed radius.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 function resolveLiquidGlassSupport() {
   if (Platform.OS !== 'ios') {
@@ -36,6 +40,7 @@ export function LiquidGlass(props) {
   const {
     style,
     cornerRadius = 0,
+    cornerStyle,
     ios,
     android,
     children,
@@ -71,7 +76,8 @@ export function LiquidGlass(props) {
   }, [onPress]);
   return /*#__PURE__*/_jsx(NativeLiquidGlass, {
     style: style,
-    cornerRadius: cornerRadius,
+    cornerRadius: typeof cornerStyle === 'number' ? cornerStyle : cornerRadius,
+    cornerStyle: typeof cornerStyle === 'string' ? cornerStyle : '',
     ios: nativeIos,
     android: nativeAndroid,
     onGlassPress: onPress ? handlePress : undefined,

package/lib/module/LiquidGlass.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Platform","NativeLiquidGlass","NativePlatformComponentsTheme","jsx","_jsx","resolveLiquidGlassSupport","OS","supported","isLiquidGlassSupported","parseInt","String","Version","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","undefined","effect","interactive","tintColor","colorScheme","nativeAndroid","fallbackBackgroundColor","handlePress","event","x","nativeEvent","y","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAwB,cAAc;AAEvD,OAAOC,iBAAiB,MAIjB,8BAA8B;AACrC,OAAOC,6BAA6B,MAAM,oCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5E,SAASC,yBAAyBA,CAAA,EAAY;EAC5C,IAAIL,QAAQ,CAACM,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO,KAAK;EACd;EACA,IAAI;IACF;IACA;IACA;IACA,MAAMC,SAAS,GAAGL,6BAA6B,EAAEM,sBAAsB,CAAC,CAAC;IACzE,IAAI,OAAOD,SAAS,KAAK,SAAS,EAAE;MAClC,OAAOA,SAAS;IAClB;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAOE,QAAQ,CAACC,MAAM,CAACV,QAAQ,CAACW,OAAO,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;AACrD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,sBAA+B,GAAGH,yBAAyB,CAAC,CAAC;AA+E1E,OAAO,SAASO,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLC,YAAY,GAAG,CAAC;IAChBC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGP,KAAK;;EAET;EACA,MAAMQ,SAAS,GAAGtB,OAAO,CAAC,MAAM;IAC9B,IAAIC,QAAQ,CAACM,EAAE,KAAK,KAAK,IAAI,CAACU,GAAG,EAAE,OAAOM,SAAS;IACnD,OAAO;MACLC,MAAM,EAAEP,GAAG,CAACO,MAAM;MAClBC,WAAW,EAAER,GAAG,CAACQ,WAAW,GAAG,MAAM,GAAG,OAAO;MAC/CC,SAAS,EAAET,GAAG,CAACS,SAAS;MACxBC,WAAW,EAAEV,GAAG,CAACU;IACnB,CAAC;EACH,CAAC,EAAE,CAACV,GAAG,CAAC,CAAC;;EAET;EACA,MAAMW,aAAa,GAAG5B,OAAO,CAAC,MAAM;IAClC,IAAIC,QAAQ,CAACM,EAAE,KAAK,SAAS,IAAI,CAACW,OAAO,EAAE,OAAOK,SAAS;IAC3D,OAAO;MACLM,uBAAuB,EAAEX,OAAO,CAACW;IACnC,CAAC;EACH,CAAC,EAAE,CAACX,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMY,WAAW,GAAG/B,WAAW,CAC5BgC,KAAgD,IAAK;IACpDX,OAAO,GAAG;MAAEY,CAAC,EAAED,KAAK,CAACE,WAAW,CAACD,CAAC;MAAEE,CAAC,EAAEH,KAAK,CAACE,WAAW,CAACC;IAAE,CAAC,CAAC;EAC/D,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,oBACEf,IAAA,CAACH,iBAAiB;IAChBa,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,GAAG,EAAEK,SAAU;IACfJ,OAAO,EAAEU,aAAc;IACvBO,YAAY,EAAEf,OAAO,GAAGU,WAAW,GAAGP,SAAU;IAAA,GAC5CF,SAAS;IAAAF,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Platform","NativeLiquidGlass","NativePlatformComponentsTheme","jsx","_jsx","resolveLiquidGlassSupport","OS","supported","isLiquidGlassSupported","parseInt","String","Version","LiquidGlass","props","style","cornerRadius","cornerStyle","ios","android","children","onPress","viewProps","nativeIos","undefined","effect","interactive","tintColor","colorScheme","nativeAndroid","fallbackBackgroundColor","handlePress","event","x","nativeEvent","y","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAwB,cAAc;AAEvD,OAAOC,iBAAiB,MAIjB,8BAA8B;AACrC,OAAOC,6BAA6B,MAAM,oCAAiC;;AAQ3E;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,SAASC,yBAAyBA,CAAA,EAAY;EAC5C,IAAIL,QAAQ,CAACM,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO,KAAK;EACd;EACA,IAAI;IACF;IACA;IACA;IACA,MAAMC,SAAS,GAAGL,6BAA6B,EAAEM,sBAAsB,CAAC,CAAC;IACzE,IAAI,OAAOD,SAAS,KAAK,SAAS,EAAE;MAClC,OAAOA,SAAS;IAClB;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAOE,QAAQ,CAACC,MAAM,CAACV,QAAQ,CAACW,OAAO,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;AACrD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,sBAA+B,GAAGH,yBAAyB,CAAC,CAAC;AA6F1E,OAAO,SAASO,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLC,YAAY,GAAG,CAAC;IAChBC,WAAW;IACXC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGR,KAAK;;EAET;EACA,MAAMS,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,IAAIC,QAAQ,CAACM,EAAE,KAAK,KAAK,IAAI,CAACW,GAAG,EAAE,OAAOM,SAAS;IACnD,OAAO;MACLC,MAAM,EAAEP,GAAG,CAACO,MAAM;MAClBC,WAAW,EAAER,GAAG,CAACQ,WAAW,GAAG,MAAM,GAAG,OAAO;MAC/CC,SAAS,EAAET,GAAG,CAACS,SAAS;MACxBC,WAAW,EAAEV,GAAG,CAACU;IACnB,CAAC;EACH,CAAC,EAAE,CAACV,GAAG,CAAC,CAAC;;EAET;EACA,MAAMW,aAAa,GAAG7B,OAAO,CAAC,MAAM;IAClC,IAAIC,QAAQ,CAACM,EAAE,KAAK,SAAS,IAAI,CAACY,OAAO,EAAE,OAAOK,SAAS;IAC3D,OAAO;MACLM,uBAAuB,EAAEX,OAAO,CAACW;IACnC,CAAC;EACH,CAAC,EAAE,CAACX,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMY,WAAW,GAAGhC,WAAW,CAC5BiC,KAAgD,IAAK;IACpDX,OAAO,GAAG;MAAEY,CAAC,EAAED,KAAK,CAACE,WAAW,CAACD,CAAC;MAAEE,CAAC,EAAEH,KAAK,CAACE,WAAW,CAACC;IAAE,CAAC,CAAC;EAC/D,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,oBACEhB,IAAA,CAACH,iBAAiB;IAChBa,KAAK,EAAEA,KAAM;IACbC,YAAY,EACV,OAAOC,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAGD,YACjD;IACDC,WAAW,EAAE,OAAOA,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAG,EAAG;IAChEC,GAAG,EAAEK,SAAU;IACfJ,OAAO,EAAEU,aAAc;IACvBO,YAAY,EAAEf,OAAO,GAAGU,WAAW,GAAGP,SAAU;IAAA,GAC5CF,SAAS;IAAAF,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

package/lib/module/LiquidGlassContainer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+// LiquidGlassContainer.tsx
+import React from 'react';
+import NativeLiquidGlassContainer from './LiquidGlassContainerNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Groups `LiquidGlass` views so they render as one glass on iOS 26
+ * (`UIVisualEffectView` with a `UIGlassContainerEffect`): neighbours within
+ * `spacing` blend together, and glass that appears, disappears or changes
+ * frame morphs in and out of its neighbours. A plain container on Android,
+ * on older iOS and on web.
+ */
+export function LiquidGlassContainer(props) {
+  const {
+    spacing,
+    children,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/_jsx(NativeLiquidGlassContainer, {
+    spacing: spacing ?? -1,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=LiquidGlassContainer.js.map

package/lib/module/LiquidGlassContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NativeLiquidGlassContainer","jsx","_jsx","LiquidGlassContainer","props","spacing","children","viewProps"],"sourceRoot":"../../src","sources":["LiquidGlassContainer.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,0BAA0B,MAAM,uCAAuC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAoB/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAgC,EACZ;EACpB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAEjD,oBACEF,IAAA,CAACF,0BAA0B;IAACK,OAAO,EAAEA,OAAO,IAAI,CAAC,CAAE;IAAA,GAAKE,SAAS;IAAAD,QAAA,EAC9DA;EAAQ,CACiB,CAAC;AAEjC","ignoreList":[]}

package/lib/module/LiquidGlassContainerNativeComponent.ts

@@ -0,0 +1,17 @@
+// LiquidGlassContainerNativeComponent.ts
+import type { HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { Float, WithDefault } from './codegenTypes';
+
+export interface LiquidGlassContainerNativeProps extends ViewProps {
+  /**
+   * Distance between glass elements at which they begin to merge
+   * (UIGlassContainerEffect.spacing). Negative keeps the system default.
+   * @default -1
+   */
+  spacing?: WithDefault<Float, -1>;
+}
+
+export default codegenNativeComponent<LiquidGlassContainerNativeProps>(
+  'PCLiquidGlassContainer'
+) as HostComponent<LiquidGlassContainerNativeProps>;

package/lib/module/LiquidGlassNativeComponent.ts

@@ -78,6 +78,14 @@ export interface LiquidGlassNativeProps extends ViewProps {
    */
   cornerRadius?: WithDefault<Float, 0>;
 
+  /**
+   * Corner shape: 'capsule' | 'concentric' | '' (the cornerRadius).
+   * On iOS 26 it maps to UIView.cornerConfiguration; elsewhere 'capsule'
+   * rounds to half the shorter side and 'concentric' uses cornerRadius.
+   * @default ''
+   */
+  cornerStyle?: WithDefault<string, ''>;
+
   /**
    * iOS-specific props.
    */