react-native-platform-components 1.4.0 → 1.5.0

package/lib/typescript/module/src/DatePicker.d.ts

@@ -2,6 +2,12 @@ import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { type IOSProps as NativeIOSProps, type AndroidProps as NativeAndroidProps, type DatePickerPresentation, type DatePickerMode, type IOSRoundsToMinuteInterval, type IOSDatePickerStyle } from './DatePickerNativeComponent';
 import type { AndroidMaterialMode } from './sharedTypes.js';
+/**
+ * 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'`.
+ */
+export type AndroidDatePickerInputMode = 'calendar' | 'text';
 export type DatePickerProps = {
     style?: StyleProp<ViewStyle>;
     /** Controlled value. Use `null` for "no date selected". */
@@ -11,14 +17,30 @@ export type DatePickerProps = {
     maxDate?: Date | null;
     locale?: string;
     timeZoneName?: string;
+    /**
+     * What to pick. `'yearAndMonth'` is `UIDatePicker`'s month and year wheels
+     * (iOS 17.4+; the date wheels before); Android shows the date picker.
+     * `'countDownTimer'` is iOS only (Android shows a date picker).
+     */
     mode?: DatePickerMode;
     presentation?: DatePickerPresentation;
+    /**
+     * Forces the 24-hour (`true`) or 12-hour (`false`) clock in the time
+     * modes. Default: the device setting. iOS: the picker's locale with that
+     * hour cycle. Android: the time picker's clock format.
+     */
+    is24Hour?: boolean;
     /**
      * Modal only. If presentation !== "modal", ignored.
      * Wrapper ergonomics: boolean.
      */
     visible?: boolean;
-    onConfirm?: (dateTime: Date, confirmed: boolean) => void;
+    /**
+     * Called when the selection changes. `confirmed` is true for deliberate
+     * selections (see docs). `durationSeconds` is the selected duration in
+     * `countDownTimer` mode (iOS, and web's time input); 0 in other modes.
+     */
+    onConfirm?: (dateTime: Date, confirmed: boolean, durationSeconds: number) => void;
     onClosed?: () => void;
     /** Test identifier */
     testID?: string;
@@ -42,7 +64,58 @@ export type DatePickerProps = {
         dialogTitle?: NativeAndroidProps['dialogTitle'];
         positiveButtonTitle?: NativeAndroidProps['positiveButtonTitle'];
         negativeButtonTitle?: NativeAndroidProps['negativeButtonTitle'];
+        /** Material pickers only (`material: 'm3'`). */
+        inputMode?: AndroidDatePickerInputMode;
     };
 };
 export declare function DatePicker(props: DatePickerProps): React.ReactElement;
+/** A range of days, as `DateRangePicker` reports it. */
+export type DateRange = {
+    startDate: Date;
+    endDate: Date;
+};
+export type DateRangePickerProps = {
+    style?: StyleProp<ViewStyle>;
+    /** First day of the range the picker opens with; `null` for none. */
+    startDate?: Date | null;
+    /** Last day of the range the picker opens with; `null` for none. */
+    endDate?: Date | null;
+    /** Optional bounds. Use `null` for "unbounded". */
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    /** Locale of the text-input date format. */
+    locale?: string;
+    timeZoneName?: string;
+    /** Shows the picker dialog. */
+    visible: boolean;
+    /**
+     * Called with the chosen range when the user confirms it. Both dates are
+     * the start (midnight) of their day in `timeZoneName`, or the device time
+     * zone; `endDate` is the last day of the range, inclusive.
+     */
+    onConfirm?: (range: DateRange) => void;
+    /** Called when the dialog closes, confirmed or not. */
+    onClosed?: () => void;
+    /** Test identifier */
+    testID?: string;
+    android?: {
+        firstDayOfWeek?: NativeAndroidProps['firstDayOfWeek'];
+        /** `'text'` opens on the start and end date fields. */
+        inputMode?: AndroidDatePickerInputMode;
+        dialogTitle?: NativeAndroidProps['dialogTitle'];
+        positiveButtonTitle?: NativeAndroidProps['positiveButtonTitle'];
+        negativeButtonTitle?: NativeAndroidProps['negativeButtonTitle'];
+    };
+};
+/**
+ * Whether `DateRangePicker` shows anything on this platform. iOS has no
+ * native date range picker; offer two `DatePicker`s there instead.
+ */
+export declare const isDateRangePickerSupported: boolean;
+/**
+ * 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 declare function DateRangePicker(props: DateRangePickerProps): React.ReactElement | null;
 //# sourceMappingURL=DatePicker.d.ts.map

package/lib/typescript/module/src/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAwB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAyB,EAGvB,KAAK,QAAQ,IAAI,cAAc,EAC/B,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,mBAAmB,EAAW,MAAM,kBAAe,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,2DAA2D;IAC3D,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAElB,mDAAmD;IACnD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,GAAG,CAAC,EAAE;QACJ,cAAc,CAAC,EAAE,kBAAkB,CAAC;QACpC,wBAAwB,CAAC,EAAE,cAAc,CAAC,0BAA0B,CAAC,CAAC;QACtE,cAAc,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAClD,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;QACnD;;;;;;WAMG;QACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,CAAC;IAEF,OAAO,CAAC,EAAE;QACR,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QACtD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;QAC/B,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAChD,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;QAChE,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;KACjE,CAAC;CACH,CAAC;AAqBF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsErE"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/DatePickerNativeComponent.d.ts

@@ -4,8 +4,18 @@ 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';
 export type IOSRoundsToMinuteInterval = 'inherit' | 'round' | 'noRound';
@@ -23,6 +33,7 @@ export type AndroidProps = {
     dialogTitle?: string;
     positiveButtonTitle?: string;
     negativeButtonTitle?: string;
+    inputMode?: string;
 };
 export type WebProps = Readonly<{}>;
 export type WindowsProps = Readonly<{}>;
@@ -35,10 +46,14 @@ export type MacOSProps = Readonly<{}>;
 export type CommonProps = {
     mode?: string;
     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/typescript/module/src/DatePickerNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/DatePickerNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EACV,oBAAoB,EACpB,MAAM,EACN,KAAK,EACL,WAAW,EACZ,MAAM,mBAAgB,CAAC;AAExB,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAChF,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACpC,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtC;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAExD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,WAAW;IACzD,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CAC/C;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"DatePickerNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/DatePickerNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/FloatingActionButton.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { ColorValue, ViewProps } from 'react-native';
+import type { Haptics } from './haptics.js';
+import { type PlatformIcon } 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.
+ */
+export type FloatingActionButtonSize = 'small' | 'regular' | 'medium' | 'large';
+export interface FloatingActionButtonProps extends ViewProps {
+    /** The icon. See {@link PlatformIcon}. */
+    icon: PlatformIcon;
+    /**
+     * Label shown next to the icon: the extended FAB. Omit for an icon-only
+     * button, and give it an `accessibilityLabel`.
+     */
+    label?: string;
+    /**
+     * Whether a button with a `label` shows it. Default: `true`. Changing it
+     * animates: Android's `extend()` / `shrink()`, a capsule-to-circle
+     * animation on iOS. Ignored without a `label`.
+     */
+    extended?: boolean;
+    /** Size. Default: `'regular'`. See {@link FloatingActionButtonSize}. */
+    size?: FloatingActionButtonSize;
+    /**
+     * Container color. Android: `backgroundTint` (default: the Material
+     * primary container). iOS: `baseBackgroundColor`, the tint of the
+     * prominent glass (default: the tint color).
+     */
+    color?: ColorValue;
+    /**
+     * Icon and label color. Android: the icon tint and text color. iOS:
+     * `baseForegroundColor`.
+     */
+    tintColor?: ColorValue;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /** Screen-reader label. Defaults to `label`. */
+    accessibilityLabel?: string;
+    /**
+     * Haptic played when the button is pressed. Default: none, like the
+     * native buttons. See {@link Haptics}.
+     */
+    haptics?: Haptics;
+    /** Called when the button is pressed. */
+    onPress?: () => void;
+    /**
+     * The `nativeID` of the ScrollView (or FlatList) whose scrolling shrinks
+     * and extends the button: an extended button shrinks to its icon while
+     * the content scrolls down and extends again scrolling up or back at the
+     * top. Needs a `label`; `extended={false}` keeps it shrunk.
+     */
+    scrollViewNativeID?: string;
+    /** Test identifier */
+    testID?: string;
+}
+export declare function FloatingActionButton(props: FloatingActionButtonProps): React.ReactElement;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

package/lib/typescript/module/src/FloatingActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../../src/FloatingActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAW,CAAC;AACzC,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAS,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhF,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,0CAA0C;IAC1C,IAAI,EAAE,YAAY,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAoCpB"}

package/lib/typescript/module/src/FloatingActionButtonNativeComponent.d.ts

@@ -0,0 +1,43 @@
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import type { BubblingEventHandler, Double } from './codegenTypes.js';
+/**
+ * Icon fields, pre-resolved on the JS side (see icons.ts).
+ */
+export type FloatingActionButtonIconProps = Readonly<{
+    iconType: string;
+    iconName: string;
+    iconRequest: string;
+    iconUri: string;
+    iconScale: Double;
+    iconTinted: string;
+}>;
+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<{}>>;
+}
+declare const _default: HostComponent<FloatingActionButtonNativeProps>;
+export default _default;
+//# sourceMappingURL=FloatingActionButtonNativeComponent.d.ts.map

package/lib/typescript/module/src/FloatingActionButtonNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButtonNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/FloatingActionButtonNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,mBAAgB,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,+BAAgC,SAAQ,SAAS;IAChE,gBAAgB;IAChB,IAAI,CAAC,EAAE,6BAA6B,CAAC;IAErC,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uBAAuB;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wCAAwC;IACxC,UAAU,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CACjD;wBAII,aAAa,CAAC,+BAA+B,CAAC;AAFnD,wBAEoD"}

package/lib/typescript/module/src/FloatingToolbar.d.ts

@@ -4,6 +4,8 @@ import { type ColorValue, type ViewProps } from 'react-native';
 export type FloatingToolbarIOSEffect = 'regular' | 'clear';
 /** Material 3 color variant of the toolbar on Android. */
 export type FloatingToolbarAndroidVariant = 'standard' | 'vibrant';
+/** Scroll edge effect under the toolbar on iOS 26. */
+export type FloatingToolbarScrollEdgeEffect = 'automatic' | 'soft' | 'hard' | 'hidden';
 export interface FloatingToolbarProps extends ViewProps {
     /**
      * Layout direction of the children. Default: `'horizontal'`.
@@ -16,6 +18,21 @@ export interface FloatingToolbarProps extends ViewProps {
      * replace the native shape.
      */
     color?: ColorValue;
+    /**
+     * The `nativeID` of the ScrollView (or FlatList) the toolbar floats over.
+     * The toolbar works out which edge of it it sits on (top or bottom for a
+     * horizontal toolbar, left or right for a vertical one). Needed by
+     * `hideOnScroll` and `ios.scrollEdgeEffect`; on iOS 26 it also gives that
+     * edge the scroll edge effect, shaped around the toolbar.
+     */
+    scrollViewNativeID?: string;
+    /**
+     * Slides the toolbar past its edge of the linked ScrollView while the
+     * content scrolls down, and back as it scrolls up or reaches the top (the
+     * motion of Material's `HideViewOnScrollBehavior`, on both platforms).
+     * Needs `scrollViewNativeID`. Default: `false`.
+     */
+    hideOnScroll?: boolean;
     /**
      * iOS-specific configuration
      */
@@ -25,6 +42,19 @@ export interface FloatingToolbarProps extends ViewProps {
          * Default: `'regular'`.
          */
         effect?: FloatingToolbarIOSEffect;
+        /**
+         * iOS 26: the glass scales and shimmers under a touch
+         * (`UIGlassEffect.isInteractive`). Default: `false`.
+         */
+        interactive?: boolean;
+        /**
+         * iOS 26: the style of the linked ScrollView's edge effect under the
+         * toolbar (`UIScrollEdgeEffect`): `'soft'` fades the content out,
+         * `'hard'` cuts it off with a dividing line, `'hidden'` turns it off.
+         * The ScrollView gets its own values back when the toolbar unlinks.
+         * Default: the ScrollView's own (`'automatic'` unless changed).
+         */
+        scrollEdgeEffect?: FloatingToolbarScrollEdgeEffect;
     };
     /**
      * Android-specific configuration

package/lib/typescript/module/src/FloatingToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../../../../src/FloatingToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,UAAU,EAEf,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAItB,mDAAmD;AACnD,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D,0DAA0D;AAC1D,MAAM,MAAM,6BAA6B,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;WAGG;QACH,MAAM,CAAC,EAAE,wBAAwB,CAAC;KACnC,CAAC;IAEF;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,OAAO,CAAC,EAAE,6BAA6B,CAAC;KACzC,CAAC;IAEF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAkCpB"}
+{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../../../../src/FloatingToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,UAAU,EAEf,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAItB,mDAAmD;AACnD,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D,0DAA0D;AAC1D,MAAM,MAAM,6BAA6B,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,sDAAsD;AACtD,MAAM,MAAM,+BAA+B,GACzC,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;WAGG;QACH,MAAM,CAAC,EAAE,wBAAwB,CAAC;QAElC;;;WAGG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAEtB;;;;;;WAMG;QACH,gBAAgB,CAAC,EAAE,+BAA+B,CAAC;KACpD,CAAC;IAEF;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,OAAO,CAAC,EAAE,6BAA6B,CAAC;KACzC,CAAC;IAEF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CAiDpB"}

package/lib/typescript/module/src/FloatingToolbarNativeComponent.d.ts

@@ -1,10 +1,18 @@
 import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import type { WithDefault } from './codegenTypes.js';
 /**
  * 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.
@@ -16,6 +24,10 @@ export type FloatingToolbarAndroidProps = Readonly<{
 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;
 }

package/lib/typescript/module/src/FloatingToolbarNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingToolbarNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/FloatingToolbarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,GAAG,CAAC,EAAE,uBAAuB,CAAC;IAC9B,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;wBAII,aAAa,CAAC,0BAA0B,CAAC;AAF9C,wBAE+C"}
+{"version":3,"file":"FloatingToolbarNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/FloatingToolbarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yEAAyE;IACzE,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE1C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE3C,GAAG,CAAC,EAAE,uBAAuB,CAAC;IAC9B,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;wBAII,aAAa,CAAC,0BAA0B,CAAC;AAF9C,wBAE+C"}

package/lib/typescript/module/src/LiquidGlass.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { type ViewProps } from 'react-native';
 import { type LiquidGlassColorScheme, type LiquidGlassEffect, type LiquidGlassPressEvent } from './LiquidGlassNativeComponent';
 export type { LiquidGlassEffect, LiquidGlassColorScheme, LiquidGlassPressEvent, };
+/**
+ * Corner shape of the glass: `'capsule'`, `'concentric'`, or a fixed radius.
+ */
+export type LiquidGlassCornerStyle = 'capsule' | 'concentric' | number;
 /**
  * Whether the LiquidGlass effect is supported here: iOS 26 or newer, in a
  * build compiled against the iOS 26 SDK. False on Android, on older iOS, and
@@ -17,6 +21,19 @@ export interface LiquidGlassProps extends ViewProps {
      * @default 0
      */
     cornerRadius?: number;
+    /**
+     * Corner shape, set through `UIView.cornerConfiguration` on iOS 26.
+     * - `'capsule'`: fully rounded short sides that follow the view's size
+     *   (`.capsule()`). Half the shorter side elsewhere.
+     * - `'concentric'`: each corner concentric with the matching corner of the
+     *   enclosing shape, such as a parent `LiquidGlass` or the screen
+     *   (`.containerConcentric()`). `cornerRadius` is the minimum on iOS 26
+     *   and the radius elsewhere.
+     * - a number: a fixed radius, the same as `cornerRadius`.
+     *
+     * Default: `cornerRadius`.
+     */
+    cornerStyle?: LiquidGlassCornerStyle;
     /**
      * iOS-specific props for the glass effect.
      */

package/lib/typescript/module/src/LiquidGlass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiquidGlass.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlass.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAA0B,EACxB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAGtC,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC;AAoBF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,OAAqC,CAAC;AAE3E,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;QAE3B;;;;;;;WAOG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAEtB;;;;;WAKG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;;;;;WAMG;QACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;KACtC,CAAC;IAEF;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAkDvE"}
+{"version":3,"file":"LiquidGlass.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlass.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAA0B,EACxB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAGtC,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC;AAoBvE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,OAAqC,CAAC;AAE3E,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IAErC;;OAEG;IACH,GAAG,CAAC,EAAE;QACJ;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;QAE3B;;;;;;;WAOG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAEtB;;;;;WAKG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;;;;;WAMG;QACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;KACtC,CAAC;IAEF;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAsDvE"}

package/lib/typescript/module/src/LiquidGlassContainer.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+export interface LiquidGlassContainerProps extends ViewProps {
+    /**
+     * How far apart the `LiquidGlass` views inside can be and still merge
+     * (`UIGlassContainerEffect.spacing`); larger values blend glass across
+     * wider gaps. iOS 26 only.
+     *
+     * Default: the system's, 0 on iOS 26, where glass doesn't merge across
+     * gaps.
+     */
+    spacing?: number;
+    /**
+     * Content, with the `LiquidGlass` views that merge. They don't have to be
+     * direct children.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * 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 declare function LiquidGlassContainer(props: LiquidGlassContainerProps): React.ReactElement;
+//# sourceMappingURL=LiquidGlassContainer.d.ts.map

package/lib/typescript/module/src/LiquidGlassContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidGlassContainer.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlassContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAQpB"}

package/lib/typescript/module/src/LiquidGlassContainerNativeComponent.d.ts

@@ -0,0 +1,13 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import type { Float, WithDefault } from './codegenTypes.js';
+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>;
+}
+declare const _default: HostComponent<LiquidGlassContainerNativeProps>;
+export default _default;
+//# sourceMappingURL=LiquidGlassContainerNativeComponent.d.ts.map

package/lib/typescript/module/src/LiquidGlassContainerNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidGlassContainerNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlassContainerNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAEzD,MAAM,WAAW,+BAAgC,SAAQ,SAAS;IAChE;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;CAClC;wBAII,aAAa,CAAC,+BAA+B,CAAC;AAFnD,wBAEoD"}

package/lib/typescript/module/src/LiquidGlassNativeComponent.d.ts

@@ -66,6 +66,13 @@ export interface LiquidGlassNativeProps extends ViewProps {
      * @default 0
      */
     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.
      */

package/lib/typescript/module/src/LiquidGlassNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiquidGlassNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlassNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAE7E;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,oDAAoD;IACpD,CAAC,EAAE,KAAK,CAAC;IACT,oDAAoD;IACpD,CAAC,EAAE,KAAK,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAErC;;OAEG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CAC1D;wBAII,aAAa,CAAC,sBAAsB,CAAC;AAF1C,wBAE2C"}
+{"version":3,"file":"LiquidGlassNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/LiquidGlassNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAE7E;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,oDAAoD;IACpD,CAAC,EAAE,KAAK,CAAC;IACT,oDAAoD;IACpD,CAAC,EAAE,KAAK,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAErC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtC;;OAEG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CAC1D;wBAII,aAAa,CAAC,sBAAsB,CAAC;AAF1C,wBAE2C"}

package/lib/typescript/module/src/NavigationRail.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import { type ColorValue, type ViewProps } from 'react-native';
+import type { Haptics } from './haptics.js';
+import { type LabelStyle } from './labelStyle.js';
+import type { TabBarBadgeStyle, TabBarLabelVisibility } from './TabBar.js';
+import { type TabBarItemProps } from './tabItems.js';
+/**
+ * A destination: the same item as a TabBar tab. `role: 'search'` gives a
+ * destination without an icon the search icon; `systemItem` is TabBar only.
+ */
+export type NavigationRailItemProps = TabBarItemProps;
+/**
+ * Where the destinations sit in the rail's height, below the header.
+ * Android: `NavigationRailView.setMenuGravity`.
+ */
+export type NavigationRailMenuGravity = 'top' | 'center' | 'bottom';
+export interface NavigationRailProps extends ViewProps {
+    /**
+     * The destinations. The collapsed Android rail shows seven; the expanded
+     * rail and the iOS fallback show all of them.
+     */
+    items: readonly NavigationRailItemProps[];
+    /** Selected destination's `value`; `null` for none. */
+    selectedValue: string | null;
+    /** Called when the user selects a destination. */
+    onSelect?: (value: string, index: number) => void;
+    /** Called when the user presses the destination that is already selected. */
+    onReselect?: (value: string, index: number) => void;
+    /**
+     * Haptic played when the user presses a destination, including the
+     * selected one (a reselect), as on TabBar. Default: none, like the native
+     * rail. See {@link Haptics}.
+     */
+    haptics?: Haptics;
+    /**
+     * How labels show. Default: `'auto'`, which labels every destination;
+     * `'selected'` labels only the selected one, `'unlabeled'` none.
+     */
+    labelVisibility?: TabBarLabelVisibility;
+    /**
+     * Where the destinations sit: at the top below the header (default), in
+     * the middle, or at the bottom.
+     */
+    menuGravity?: NavigationRailMenuGravity;
+    /**
+     * The expanded rail: wider, with the labels beside the icons. Changing it
+     * animates. Android: `NavigationRailView.expand()` / `collapse()`, the
+     * Material 3 Expressive expanded rail. iOS: the buttons put the icon
+     * before the label.
+     */
+    expanded?: boolean;
+    /**
+     * Shown above the destinations, usually a FloatingActionButton or a
+     * Button. Android: the rail's header view (`addHeaderView`).
+     */
+    header?: React.ReactNode;
+    /** Icon and label color of the selected destination. */
+    activeTintColor?: ColorValue;
+    /** Icon and label color of the other destinations. */
+    inactiveTintColor?: ColorValue;
+    /**
+     * Background of the rail. Default: the Material surface on Android, none
+     * on iOS.
+     */
+    railColor?: ColorValue;
+    /** Colors for the badges. */
+    badgeStyle?: TabBarBadgeStyle;
+    /** Label font. */
+    labelStyle?: LabelStyle;
+    /**
+     * Largest scale the labels may reach with the system font scale, as on
+     * `Text`. Unset or `0`: no cap.
+     */
+    maxFontSizeMultiplier?: number;
+    /** Android-specific configuration. */
+    android?: {
+        /** Color of the active indicator behind the selected icon. */
+        indicatorColor?: ColorValue;
+        /** Ripple shown while pressing a destination. */
+        rippleColor?: ColorValue;
+    };
+    /** Test identifier of the rail. */
+    testID?: string;
+}
+export declare function NavigationRail(props: NavigationRailProps): React.ReactElement;
+//# sourceMappingURL=NavigationRail.d.ts.map

package/lib/typescript/module/src/NavigationRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../../src/NavigationRail.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,KAAK,UAAU,EAEf,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAW,CAAC;AACzC,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,iBAAc,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,aAAU,CAAC;AACxE,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,eAAY,CAAC;AAKpE;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,KAAK,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAE1C,uDAAuD;IACvD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC;IAExC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,wDAAwD;IACxD,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B,kBAAkB;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sCAAsC;IACtC,OAAO,CAAC,EAAE;QACR,8DAA8D;QAC9D,cAAc,CAAC,EAAE,UAAU,CAAC;QAE5B,iDAAiD;QACjD,WAAW,CAAC,EAAE,UAAU,CAAC;KAC1B,CAAC;IAEF,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA+E7E"}