react-native-platform-components 1.3.0 → 1.5.0

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

@@ -0,0 +1,43 @@
+import type { ColorValue, HostComponent, ViewProps } 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;
+    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/commonjs/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,gBAAgB,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/commonjs/src/FloatingToolbar.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { type ColorValue, type ViewProps } from 'react-native';
+/** Glass effect style of the toolbar on iOS 26. */
+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'`.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Container color. Default: the platform's toolbar material (Material 3
+     * `surfaceContainer` or `primaryContainer` on Android, Liquid Glass or a
+     * blur on iOS). Use this rather than `style.backgroundColor`, which would
+     * 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
+     */
+    ios?: {
+        /**
+         * Glass effect style on iOS 26. Older versions use a blur.
+         * 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
+     */
+    android?: {
+        /**
+         * Material 3 color variant: `'standard'` (surface) or `'vibrant'`
+         * (primary container). Default: `'standard'`.
+         */
+        variant?: FloatingToolbarAndroidVariant;
+    };
+    /** The toolbar's actions, usually `Button`s. */
+    children?: React.ReactNode;
+    /** Test identifier */
+    testID?: string;
+}
+export declare function FloatingToolbar(props: FloatingToolbarProps): React.ReactElement;
+//# sourceMappingURL=FloatingToolbar.d.ts.map

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

@@ -0,0 +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,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/commonjs/src/FloatingToolbarNativeComponent.d.ts

@@ -0,0 +1,36 @@
+import type { ColorValue, HostComponent, ViewProps } 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;
+}
+declare const _default: HostComponent<FloatingToolbarNativeProps>;
+export default _default;
+//# sourceMappingURL=FloatingToolbarNativeComponent.d.ts.map

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

@@ -0,0 +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;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/src/LiquidGlassContainerNativeComponent.d.ts

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

package/lib/typescript/commonjs/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,gBAAgB,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/commonjs/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/commonjs/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,gBAAgB,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,gBAAgB,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/commonjs/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';
+import { type LabelStyle } from './labelStyle';
+import type { TabBarBadgeStyle, TabBarLabelVisibility } from './TabBar';
+import { type TabBarItemProps } from './tabItems';
+/**
+ * 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/commonjs/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,WAAW,CAAC;AACzC,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,YAAY,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"}

package/lib/typescript/commonjs/src/NavigationRailNativeComponent.d.ts

@@ -0,0 +1,81 @@
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import type { BubblingEventHandler, Double, Int32, WithDefault } from './codegenTypes';
+/**
+ * A destination: the fields of a TabBar tab (see tabItems.ts). Icons are
+ * pre-resolved on the JS side (see icons.ts), the selected icon under the
+ * `selected…` fields; empty strings mean "none".
+ */
+export type NavigationRailItem = Readonly<{
+    label: string;
+    value: string;
+    disabled: string;
+    iconType: string;
+    iconName: string;
+    iconRequest: string;
+    iconUri: string;
+    iconScale: Double;
+    iconTinted: string;
+    selectedIconType: string;
+    selectedIconName: string;
+    selectedIconRequest: string;
+    selectedIconUri: string;
+    selectedIconScale: Double;
+    selectedIconTinted: string;
+    badge: string;
+    accessibilityLabel: string;
+    testID: string;
+    role: string;
+    systemItem: string;
+}>;
+/** A press on a destination. `reselected` is 'true' when it was already selected. */
+export type NavigationRailSelectEvent = Readonly<{
+    index: Int32;
+    value: string;
+    reselected: string;
+}>;
+/** Label font. Empty strings / 0 mean "platform default". */
+export type NavigationRailLabelStyleProps = Readonly<{
+    fontFamily?: string;
+    fontSize?: Double;
+    fontWeight?: string;
+    fontStyle?: string;
+}>;
+export interface NavigationRailNativeProps extends ViewProps {
+    /** The destinations. */
+    items: ReadonlyArray<NavigationRailItem>;
+    /** Selected destination by value; '' = none. */
+    selectedValue?: WithDefault<string, ''>;
+    /** 'auto' | 'labeled' | 'selected' | 'unlabeled' */
+    labelVisibility?: string;
+    /** 'top' | 'center' | 'bottom' */
+    menuGravity?: string;
+    /** 'true' | 'false': the expanded rail (Android). */
+    expanded?: string;
+    /** Icon and label color of the selected destination. */
+    activeTintColor?: ColorValue;
+    /** Icon and label color of the other destinations. */
+    inactiveTintColor?: ColorValue;
+    /** Rail background. */
+    railColor?: ColorValue;
+    /** Badge colors. */
+    badgeBackgroundColor?: ColorValue;
+    badgeTextColor?: ColorValue;
+    /** Label font. */
+    labelStyle?: NavigationRailLabelStyleProps;
+    /** Largest font scale the labels may reach; 0 = no cap. */
+    maxFontSizeMultiplier?: Double;
+    /** Android: the active indicator behind the selected icon. */
+    androidIndicatorColor?: ColorValue;
+    /** Android: ripple shown while pressing a destination. */
+    androidRippleColor?: ColorValue;
+    /**
+     * Haptic played when a destination is pressed: '' (none added) | 'none' | 'selection' |
+     * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+     */
+    haptics?: string;
+    /** Fired when a destination is pressed. */
+    onItemPress?: BubblingEventHandler<NavigationRailSelectEvent>;
+}
+declare const _default: HostComponent<NavigationRailNativeProps>;
+export default _default;
+//# sourceMappingURL=NavigationRailNativeComponent.d.ts.map

package/lib/typescript/commonjs/src/NavigationRailNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRailNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/NavigationRailNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EACV,oBAAoB,EACpB,MAAM,EACN,KAAK,EACL,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,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;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,6DAA6D;AAC7D,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,wBAAwB;IACxB,KAAK,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAEzC,gDAAgD;IAChD,aAAa,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAExC,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wDAAwD;IACxD,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAE/B,uBAAuB;IACvB,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,kBAAkB;IAClB,UAAU,CAAC,EAAE,6BAA6B,CAAC;IAE3C,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAEnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAEhC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC,yBAAyB,CAAC,CAAC;CAC/D;wBAII,aAAa,CAAC,yBAAyB,CAAC;AAF7C,wBAE8C"}

package/lib/typescript/commonjs/src/PlatformComponentsProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PlatformComponentsProviderProps } from './webComponents';
+export type { PlatformComponentsProviderProps, WebComponents, WebComponentProps, } from './webComponents';
+/** Web registrations do not replace native controls on iOS or Android. */
+export declare function PlatformComponentsProvider({ children, }: PlatformComponentsProviderProps): React.ReactElement;
+//# sourceMappingURL=PlatformComponentsProvider.d.ts.map

package/lib/typescript/commonjs/src/PlatformComponentsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformComponentsProvider.d.ts","sourceRoot":"","sources":["../../../../src/PlatformComponentsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,YAAY,EACV,+BAA+B,EAC/B,aAAa,EACb,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAEzB,0EAA0E;AAC1E,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,GACT,EAAE,+BAA+B,GAAG,KAAK,CAAC,YAAY,CAEtD"}

package/lib/typescript/commonjs/src/SegmentedControl.d.ts

@@ -1,37 +1,16 @@
 import React from 'react';
-import { type ColorValue, type ImageRequireSource, type ImageURISource, type TextStyle, type ViewProps } from 'react-native';
-import { type SegmentedControlSegment as NativeSegment } from './SegmentedControlNativeComponent';
-/**
- * A single icon source.
- *
- * - `string`: shorthand for an SF Symbol name on iOS and a drawable resource
- *   name on Android (the original API).
- * - `{ type: 'sfSymbol' }`: an SF Symbol. iOS only; ignored on Android.
- * - `{ type: 'drawable' }`: a drawable from the app's `res/drawable`.
- *   Android only; ignored on iOS.
- * - `{ type: 'image' }`: an image asset (`require('./icon.png')`) or a
- *   `{ uri }` source. Works on both platforms. Images are drawn as tinted
- *   templates unless `tinted` is `false`.
- */
-export type SegmentedControlIconSource = string | {
-    type: 'sfSymbol';
-    name: string;
-} | {
-    type: 'drawable';
-    name: string;
-} | {
-    type: 'image';
-    source: ImageRequireSource | ImageURISource;
-    tinted?: boolean;
-};
+import { type ColorValue, type ViewProps } from 'react-native';
+import { resolveIcon, type PlatformIcon, type PlatformIconSource } from './icons';
+import { type LabelStyle } from './labelStyle';
+import type { Haptics } from './haptics';
+import type { AndroidMaterialStyle } from './sharedTypes';
+/** A single icon source. Alias of {@link PlatformIconSource}. */
+export type SegmentedControlIconSource = PlatformIconSource;
 /**
  * An icon for a segment: a single source used on both platforms, or a
- * per-platform pair so callers don't need to branch on `Platform.OS`.
+ * per-platform pair. Alias of {@link PlatformIcon}.
  */
-export type SegmentedControlIcon = SegmentedControlIconSource | {
-    ios?: SegmentedControlIconSource;
-    android?: SegmentedControlIconSource;
-};
+export type SegmentedControlIcon = PlatformIcon;
 /**
  * How labels and icons combine for segments that have an icon.
  *
@@ -42,15 +21,8 @@ export type SegmentedControlIcon = SegmentedControlIconSource | {
  *   their label. Screen readers still announce the label on both platforms.
  */
 export type SegmentedControlLabelVisibility = 'auto' | 'labeled' | 'unlabeled';
-/**
- * Font for segment labels. Each field falls back to the platform default.
- */
-export interface SegmentedControlLabelStyle {
-    fontFamily?: string;
-    fontSize?: number;
-    fontWeight?: TextStyle['fontWeight'];
-    fontStyle?: 'normal' | 'italic';
-}
+/** Font for segment labels. Alias of {@link LabelStyle}. */
+export type SegmentedControlLabelStyle = LabelStyle;
 /**
  * Badge colors. Both default to the platform look (red with white text).
  */
@@ -61,7 +33,7 @@ export interface SegmentedControlBadgeStyle {
 export interface SegmentedControlSegmentProps {
     /** Display label for the segment */
     label: string;
-    /** Unique value identifier for the segment */
+    /** Unique, non-empty value identifier for the segment. */
     value: string;
     /** Whether this specific segment is disabled */
     disabled?: boolean;
@@ -78,6 +50,11 @@ export interface SegmentedControlSegmentProps {
      * announced by their title.
      */
     accessibilityLabel?: string;
+    /**
+     * Test identifier of the segment, for E2E taps. iOS: the segment's
+     * accessibility element. Android: the segment's button.
+     */
+    testID?: string;
 }
 export interface SegmentedControlProps extends ViewProps {
     /** Array of segments to display */
@@ -101,6 +78,12 @@ export interface SegmentedControlProps extends ViewProps {
     onDeselect?: () => void;
     /** Whether the entire control is disabled */
     disabled?: boolean;
+    /**
+     * Haptic played when the user changes the selection (a tap that selects or
+     * clears a segment), not when `selectedValue` changes. Default: none, like
+     * the native controls. See {@link Haptics}.
+     */
+    haptics?: Haptics;
     /**
      * How labels and icons combine. Default: `'auto'`.
      * See {@link SegmentedControlLabelVisibility}.
@@ -117,6 +100,11 @@ export interface SegmentedControlProps extends ViewProps {
     inactiveTintColor?: ColorValue;
     /** Font for segment labels. See {@link SegmentedControlLabelStyle}. */
     labelStyle?: SegmentedControlLabelStyle;
+    /**
+     * Largest scale the labels may reach with the system text size (Dynamic
+     * Type / font scale), as on React Native `Text`. Unset or `0`: no cap.
+     */
+    maxFontSizeMultiplier?: number;
     /** Colors for segment badges. See {@link SegmentedControlBadgeStyle}. */
     badgeStyle?: SegmentedControlBadgeStyle;
     /**
@@ -152,16 +140,16 @@ export interface SegmentedControlProps extends ViewProps {
         rippleColor?: ColorValue;
         /** Outline color of the segments. */
         strokeColor?: ColorValue;
+        /**
+         * Material style: the Material 3 Expressive connected buttons (default),
+         * or the classic Material 3 segmented buttons.
+         */
+        material?: AndroidMaterialStyle;
     };
     /** Test identifier */
     testID?: string;
 }
-type NativeIconFields = Pick<NativeSegment, 'iconType' | 'iconName' | 'iconUri' | 'iconScale' | 'iconTinted'>;
-/**
- * Flattens the public icon shape into the strings native expects, dropping
- * sources that don't apply to the current platform.
- */
-export declare function resolveSegmentIcon(icon: SegmentedControlIcon | undefined): NativeIconFields;
+/** Flattens a segment icon for native. Alias of {@link resolveIcon}. */
+export declare const resolveSegmentIcon: typeof resolveIcon;
 export declare function SegmentedControl(props: SegmentedControlProps): React.ReactElement;
-export {};
 //# sourceMappingURL=SegmentedControl.d.ts.map

package/lib/typescript/commonjs/src/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControl.tsx"],"names":[],"mappings":"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"}