@expo/ui 55.0.2 → 55.0.3

package/build/jetpack-compose/FloatingActionButton/index.d.ts

@@ -0,0 +1,150 @@
+import { type ColorValue } from 'react-native';
+import { ModifierConfig } from '../../types';
+type SlotChildProps = {
+    children: React.ReactNode;
+};
+/**
+ * Props shared by all `FloatingActionButton` variants.
+ */
+export type FloatingActionButtonProps = {
+    /**
+     * Slot-based children (use `.Icon` sub-component).
+     */
+    children: React.ReactNode;
+    /**
+     * The background color of the button container.
+     * Defaults to `FloatingActionButtonDefaults.containerColor` (primary container).
+     */
+    containerColor?: ColorValue;
+    /**
+     * Callback invoked when the button is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * Props for the `SmallFloatingActionButton` component.
+ * Same as {@link FloatingActionButtonProps}.
+ */
+export type SmallFloatingActionButtonProps = FloatingActionButtonProps;
+/**
+ * Props for the `LargeFloatingActionButton` component.
+ * Same as {@link FloatingActionButtonProps}.
+ */
+export type LargeFloatingActionButtonProps = FloatingActionButtonProps;
+/**
+ * Props for the `ExtendedFloatingActionButton` component.
+ */
+export type ExtendedFloatingActionButtonProps = FloatingActionButtonProps & {
+    /**
+     * Slot-based children (use `.Icon` and `.Text` sub-components).
+     */
+    children: React.ReactNode;
+    /**
+     * Controls whether the label is shown (expanded) or hidden (collapsed).
+     * @default true
+     */
+    expanded?: boolean;
+};
+declare function FABIcon(props: SlotChildProps): import("react").JSX.Element;
+declare function FABText(props: SlotChildProps): import("react").JSX.Element;
+/**
+ * Renders a Material Design 3 small `FloatingActionButton`.
+ *
+ * Wraps [`SmallFloatingActionButton`](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SmallFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)).
+ *
+ * @example
+ * ```tsx
+ * import { SmallFloatingActionButton, Host, Icon } from '@expo/ui/jetpack-compose';
+ *
+ * <Host matchContents>
+ *   <SmallFloatingActionButton onClick={() => console.log('pressed')}>
+ *     <SmallFloatingActionButton.Icon>
+ *       <Icon source={require('./assets/add.xml')} />
+ *     </SmallFloatingActionButton.Icon>
+ *   </SmallFloatingActionButton>
+ * </Host>
+ * ```
+ */
+declare function SmallFloatingActionButtonComponent(props: SmallFloatingActionButtonProps): import("react").JSX.Element;
+declare namespace SmallFloatingActionButtonComponent {
+    var Icon: typeof FABIcon;
+}
+export { SmallFloatingActionButtonComponent as SmallFloatingActionButton };
+/**
+ * Renders a Material Design 3 standard `FloatingActionButton`.
+ *
+ * Wraps [`FloatingActionButton`](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)).
+ *
+ * @example
+ * ```tsx
+ * import { FloatingActionButton, Host, Icon } from '@expo/ui/jetpack-compose';
+ *
+ * <Host matchContents>
+ *   <FloatingActionButton onClick={() => console.log('pressed')}>
+ *     <FloatingActionButton.Icon>
+ *       <Icon source={require('./assets/add.xml')} />
+ *     </FloatingActionButton.Icon>
+ *   </FloatingActionButton>
+ * </Host>
+ * ```
+ */
+declare function FloatingActionButtonComponent(props: FloatingActionButtonProps): import("react").JSX.Element;
+declare namespace FloatingActionButtonComponent {
+    var Icon: typeof FABIcon;
+}
+export { FloatingActionButtonComponent as FloatingActionButton };
+/**
+ * Renders a Material Design 3 large `FloatingActionButton`.
+ *
+ * Wraps [`LargeFloatingActionButton`](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#LargeFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)).
+ *
+ * @example
+ * ```tsx
+ * import { LargeFloatingActionButton, Host, Icon } from '@expo/ui/jetpack-compose';
+ *
+ * <Host matchContents>
+ *   <LargeFloatingActionButton onClick={() => console.log('pressed')}>
+ *     <LargeFloatingActionButton.Icon>
+ *       <Icon source={require('./assets/add.xml')} />
+ *     </LargeFloatingActionButton.Icon>
+ *   </LargeFloatingActionButton>
+ * </Host>
+ * ```
+ */
+declare function LargeFloatingActionButtonComponent(props: LargeFloatingActionButtonProps): import("react").JSX.Element;
+declare namespace LargeFloatingActionButtonComponent {
+    var Icon: typeof FABIcon;
+}
+export { LargeFloatingActionButtonComponent as LargeFloatingActionButton };
+/**
+ * Renders a Material Design 3 `ExtendedFloatingActionButton` with animated label expansion.
+ *
+ * Wraps [`ExtendedFloatingActionButton`](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ExtendedFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)).
+ *
+ * @example
+ * ```tsx
+ * import { ExtendedFloatingActionButton, Host, Icon, Text } from '@expo/ui/jetpack-compose';
+ *
+ * <Host matchContents>
+ *   <ExtendedFloatingActionButton expanded={true} onClick={() => console.log('pressed')}>
+ *     <ExtendedFloatingActionButton.Icon>
+ *       <Icon source={require('./assets/edit.xml')} />
+ *     </ExtendedFloatingActionButton.Icon>
+ *     <ExtendedFloatingActionButton.Text>
+ *       <Text>Edit</Text>
+ *     </ExtendedFloatingActionButton.Text>
+ *   </ExtendedFloatingActionButton>
+ * </Host>
+ * ```
+ */
+declare function ExtendedFloatingActionButtonComponent(props: ExtendedFloatingActionButtonProps): import("react").JSX.Element;
+declare namespace ExtendedFloatingActionButtonComponent {
+    var Icon: typeof FABIcon;
+    var Text: typeof FABText;
+}
+export { ExtendedFloatingActionButtonComponent as ExtendedFloatingActionButton };
+//# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/FloatingActionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/FloatingActionButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,aAAa,CAAC;AAGxD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GAAG,yBAAyB,CAAC;AAEvE;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GAAG,yBAAyB,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,iCAAiC,GAAG,yBAAyB,GAAG;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmBF,iBAAS,OAAO,CAAC,KAAK,EAAE,cAAc,+BAErC;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,cAAc,+BAErC;AAgBD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,kCAAkC,CAAC,KAAK,EAAE,8BAA8B,+BAEhF;kBAFQ,kCAAkC;;;AAI3C,OAAO,EAAE,kCAAkC,IAAI,yBAAyB,EAAE,CAAC;AAE3E;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,6BAA6B,CAAC,KAAK,EAAE,yBAAyB,+BAEtE;kBAFQ,6BAA6B;;;AAItC,OAAO,EAAE,6BAA6B,IAAI,oBAAoB,EAAE,CAAC;AAEjE;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,kCAAkC,CAAC,KAAK,EAAE,8BAA8B,+BAEhF;kBAFQ,kCAAkC;;;AAI3C,OAAO,EAAE,kCAAkC,IAAI,yBAAyB,EAAE,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,qCAAqC,CAAC,KAAK,EAAE,iCAAiC,+BAEtF;kBAFQ,qCAAqC;;;;AAK9C,OAAO,EAAE,qCAAqC,IAAI,4BAA4B,EAAE,CAAC"}

package/build/jetpack-compose/HorizontalFloatingToolbar/index.d.ts

@@ -14,7 +14,7 @@ export type HorizontalFloatingToolbarProps = {
      */
     modifiers?: ExpoModifier[];
 };
-export type FloatingActionButtonProps = {
+export type HorizontalFloatingToolbarFloatingActionButtonProps = {
     /**
      * A callback that is called when the button is pressed.
      */
@@ -28,7 +28,7 @@ export type FloatingActionButtonProps = {
  * FloatingActionButton component for HorizontalFloatingToolbar.
  * This component marks its children to be rendered in the FAB slot.
  */
-export declare function HorizontalFloatingToolbarFloatingActionButton(props: FloatingActionButtonProps): import("react").JSX.Element;
+export declare function HorizontalFloatingToolbarFloatingActionButton(props: HorizontalFloatingToolbarFloatingActionButtonProps): import("react").JSX.Element;
 /**
  * Renders a `HorizontalFloatingToolbar` component.
  * A horizontal toolbar that floats above content, typically used for action buttons.

package/build/jetpack-compose/HorizontalFloatingToolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/HorizontalFloatingToolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAEjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAmBF;;;GAGG;AACH,wBAAgB,6CAA6C,CAAC,KAAK,EAAE,yBAAyB,+BAM7F;AAaD;;;GAGG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,+BAMvE;kBANQ,yBAAyB;;;AAUlC,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/HorizontalFloatingToolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAEjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kDAAkD,GAAG;IAC/D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAmBF;;;GAGG;AACH,wBAAgB,6CAA6C,CAC3D,KAAK,EAAE,kDAAkD,+BAO1D;AAaD;;;GAGG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,+BAMvE;kBANQ,yBAAyB;;;AAUlC,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/build/jetpack-compose/IconButton/index.d.ts

@@ -1,53 +1,69 @@
 import { type ColorValue } from 'react-native';
-import { ExpoModifier, ViewEvent } from '../../types';
-import { ButtonElementColors } from '../Button';
-import { ShapeJSXElement, ShapeRecordProps } from '../Shape';
+import type { ModifierConfig } from '../../types';
+import { type ShapeJSXElement } from '../Shape';
 /**
- * The built-in button styles available on Android.
- * - `outlined` - A button with an outline.
- * - `elevated` - A filled button with a shadow.
+ * Colors for icon button elements.
  */
-export type IconButtonVariant = 'default' | 'bordered' | 'outlined';
+export type IconButtonColors = {
+    containerColor?: ColorValue;
+    contentColor?: ColorValue;
+    disabledContainerColor?: ColorValue;
+    disabledContentColor?: ColorValue;
+};
 export type IconButtonProps = {
     /**
-     * A callback that is called when the button is pressed.
-     */
-    onPress?: () => void;
-    /**
-     * The button variant.
+     * Callback that is called when the icon button is clicked.
      */
-    variant?: IconButtonVariant;
+    onClick?: () => void;
     /**
-     * The text to display inside the button.
+     * Whether the icon button is enabled for user interaction.
+     * @default true
      */
-    children?: React.JSX.Element;
+    enabled?: boolean;
     /**
-     * Colors for button's core elements.
+     * Colors for icon button elements.
      * @platform android
      */
-    elementColors?: ButtonElementColors;
+    colors?: IconButtonColors;
     /**
-     * Button color.
+     * The shape of the icon button.
      */
-    color?: ColorValue;
     shape?: ShapeJSXElement;
     /**
-     * Disabled state of the button.
+     * Modifiers for the component.
      */
-    disabled?: boolean;
+    modifiers?: ModifierConfig[];
     /**
-     * Modifiers for the component.
+     * Content to display inside the icon button.
      */
-    modifiers?: ExpoModifier[];
+    children: React.ReactNode;
 };
 /**
- * @hidden
+ * A standard icon button with no background.
  */
-export type NativeIconButtonProps = Omit<IconButtonProps, 'role' | 'onPress' | 'shape'> & {
-    shape?: ShapeRecordProps;
-} & ViewEvent<'onButtonPressed', void>;
+export declare const IconButton: {
+    (props: IconButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
 /**
- * Displays a native button component.
+ * A filled icon button with a solid background.
  */
-export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
+export declare const FilledIconButton: {
+    (props: IconButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * A filled tonal icon button with a muted background.
+ */
+export declare const FilledTonalIconButton: {
+    (props: IconButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * An outlined icon button with a border and no fill.
+ */
+export declare const OutlinedIconButton: {
+    (props: IconButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/IconButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAiB,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5E;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACxF,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AA4BvC;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAEhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,UAAU,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,oBAAoB,CAAC,EAAE,UAAU,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,UAAU;YAXK,eAAe;;CAWsB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,gBAAgB;YAhBD,eAAe;;CAgBkC,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,qBAAqB;YArBN,eAAe;;CAqB4C,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,kBAAkB;YA1BH,eAAe;;CA0BsC,CAAC"}

package/build/jetpack-compose/MultiChoiceSegmentedButtonRow/index.d.ts

@@ -0,0 +1,17 @@
+import { type ModifierConfig } from '../../types';
+export type MultiChoiceSegmentedButtonRowProps = {
+    /**
+     * SegmentedButton children.
+     */
+    children: React.ReactNode;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * A row container for multi-choice `SegmentedButton` children.
+ * Maps to Material 3 `MultiChoiceSegmentedButtonRow`.
+ */
+export declare function MultiChoiceSegmentedButtonRow(props: MultiChoiceSegmentedButtonRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/MultiChoiceSegmentedButtonRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/MultiChoiceSegmentedButtonRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,kCAAkC,GAAG;IAC/C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAKF;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,kCAAkC,+BAUtF"}

package/build/jetpack-compose/Progress/index.d.ts

@@ -1,65 +1,108 @@
-import { ColorValue } from 'react-native';
-import { ExpoModifier } from '../../types';
-export type ProgressElementColors = {
-    /**
-     * Track color.
-     *
-     * @platform android
-     */
-    trackColor?: ColorValue;
-};
-export type CircularProgressProps = {
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+/**
+ * Stroke cap style for progress indicators.
+ */
+export type StrokeCap = 'round' | 'butt' | 'square';
+/**
+ * Common props shared by all progress indicator variants.
+ */
+type BaseProgressProps = {
     /**
-     * The current progress value of the slider. This is a number between `0` and `1`.
+     * The current progress value between `0` and `1`. Omit for indeterminate.
      */
     progress?: number | null;
     /**
-     * Progress color.
+     * Progress indicator color.
      */
     color?: ColorValue;
     /**
-     * Colors for switch's core elements.
-     * @platform android
+     * Track (background) color.
      */
-    elementColors?: ProgressElementColors;
+    trackColor?: ColorValue;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
-export type LinearProgressProps = {
+/**
+ * Configuration for the stop indicator dot at the end of the determinate linear progress track.
+ * When provided, draws a stop indicator with the given options. Omit to use the Compose default.
+ */
+export type DrawStopIndicatorConfig = {
     /**
-     * The current progress value of the slider. This is a number between `0` and `1`.
+     * Color of the stop indicator. Defaults to the indicator's color.
      */
-    progress?: number | null;
+    color?: ColorValue;
     /**
-     * Progress color.
+     * Stroke cap style for the stop indicator. Defaults to the indicator's strokeCap.
      */
-    color?: ColorValue;
+    strokeCap?: StrokeCap;
+    /**
+     * Size of the stop indicator in dp. Defaults to the Material 3 default.
+     */
+    stopSize?: number;
+};
+export type LinearProgressIndicatorProps = BaseProgressProps & {
     /**
-     * Colors for switch's core elements.
-     * @platform android
+     * Stroke cap style for the indicator ends.
+     * @default 'round'
      */
-    elementColors?: ProgressElementColors;
+    strokeCap?: StrokeCap;
     /**
-     * Modifiers for the component.
+     * Gap size between the indicator and track in dp.
+     */
+    gapSize?: number;
+    /**
+     * Configuration for the stop indicator dot at the end of the determinate progress track.
      */
-    modifiers?: ExpoModifier[];
+    drawStopIndicator?: DrawStopIndicatorConfig;
 };
 /**
- * Renders a `CircularProgress` component.
+ * A linear progress indicator that displays progress in a horizontal bar.
+ *
+ * Matches the Jetpack Compose `LinearProgressIndicator`.
  */
-export declare function CircularProgress(props: CircularProgressProps): import("react").JSX.Element;
+export declare const LinearProgressIndicator: import("react").ComponentType<LinearProgressIndicatorProps>;
+export type CircularProgressIndicatorProps = BaseProgressProps & {
+    /**
+     * Width of the circular stroke in dp.
+     */
+    strokeWidth?: number;
+    /**
+     * Stroke cap style for the indicator ends.
+     * @default 'round'
+     */
+    strokeCap?: StrokeCap;
+    /**
+     * Gap size between the indicator and track in dp.
+     */
+    gapSize?: number;
+};
 /**
- * Renders a `LinearProgress` component.
+ * A circular progress indicator that displays progress in a circular format.
+ *
+ * Matches the Jetpack Compose `CircularProgressIndicator`.
  */
-export declare function LinearProgress(props: LinearProgressProps): import("react").JSX.Element;
+export declare const CircularProgressIndicator: import("react").ComponentType<CircularProgressIndicatorProps>;
+export type LinearWavyProgressIndicatorProps = BaseProgressProps & {
+    /**
+     * Size of the stop indicator in dp at the end of the determinate progress track.
+     */
+    stopSize?: number;
+};
 /**
- * Renders a `CircularWavyProgress` component with wavy animation.
+ * A linear progress indicator with wavy animation style.
+ *
+ * Matches the Jetpack Compose `LinearWavyProgressIndicator`.
  */
-export declare function CircularWavyProgress(props: CircularProgressProps): import("react").JSX.Element;
+export declare const LinearWavyProgressIndicator: import("react").ComponentType<LinearWavyProgressIndicatorProps>;
+export type CircularWavyProgressIndicatorProps = BaseProgressProps;
 /**
- * Renders a `LinearWavyProgress` component with wavy animation.
+ * A circular progress indicator with wavy animation style.
+ *
+ * Matches the Jetpack Compose `CircularWavyProgressIndicator`.
  */
-export declare function LinearWavyProgress(props: LinearProgressProps): import("react").JSX.Element;
+export declare const CircularWavyProgressIndicator: import("react").ComponentType<BaseProgressProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/Progress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAsBF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,+BAEhE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,+BAE5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAsBF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,GAAG;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;CAC7C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,6DAEnC,CAAC;AAMF,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,GAAG;IAC/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,+DAErC,CAAC;AAMF,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,GAAG;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,iEACsD,CAAC;AAM/F,MAAM,MAAM,kCAAkC,GAAG,iBAAiB,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,kDACwD,CAAC"}

package/build/jetpack-compose/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import { type ExpoModifier } from '../../types';
+import { type ModifierConfig } from '../../types';
 export type RadioButtonProps = {
     /**
      * Whether the radio button is selected.
@@ -11,7 +11,7 @@ export type RadioButtonProps = {
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
  * A Material Design radio button.

package/build/jetpack-compose/RadioButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/RadioButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,aAAa,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAwBF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/RadioButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,aAAa,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAuBF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}

package/build/jetpack-compose/SegmentedButton/index.d.ts

@@ -0,0 +1,74 @@
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+/**
+ * Colors for the segmented button in different states.
+ */
+export type SegmentedButtonColors = {
+    activeBorderColor?: ColorValue;
+    activeContentColor?: ColorValue;
+    inactiveBorderColor?: ColorValue;
+    inactiveContentColor?: ColorValue;
+    disabledActiveBorderColor?: ColorValue;
+    disabledActiveContentColor?: ColorValue;
+    disabledInactiveBorderColor?: ColorValue;
+    disabledInactiveContentColor?: ColorValue;
+    activeContainerColor?: ColorValue;
+    inactiveContainerColor?: ColorValue;
+    disabledActiveContainerColor?: ColorValue;
+    disabledInactiveContainerColor?: ColorValue;
+};
+export type SegmentedButtonProps = {
+    /**
+     * Whether the button is currently selected (used inside `SingleChoiceSegmentedButtonRow`).
+     */
+    selected?: boolean;
+    /**
+     * Callback that is called when the button is clicked (used inside `SingleChoiceSegmentedButtonRow`).
+     */
+    onClick?: () => void;
+    /**
+     * Whether the button is currently checked (used inside `MultiChoiceSegmentedButtonRow`).
+     */
+    checked?: boolean;
+    /**
+     * Callback that is called when the checked state changes (used inside `MultiChoiceSegmentedButtonRow`).
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Whether the button is enabled.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Colors for the button in different states.
+     */
+    colors?: SegmentedButtonColors;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+    /**
+     * Children containing a `Label` slot.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Label slot for `SegmentedButton`.
+ */
+declare function SegmentedButtonLabel(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * A Material 3 segmented button. Must be used inside a `SingleChoiceSegmentedButtonRow`
+ * or `MultiChoiceSegmentedButtonRow`.
+ */
+declare function SegmentedButtonComponent(props: SegmentedButtonProps): import("react").JSX.Element;
+declare namespace SegmentedButtonComponent {
+    var Label: typeof SegmentedButtonLabel;
+}
+export { SegmentedButtonComponent as SegmentedButton };
+export { SingleChoiceSegmentedButtonRow } from '../SingleChoiceSegmentedButtonRow';
+export type { SingleChoiceSegmentedButtonRowProps } from '../SingleChoiceSegmentedButtonRow';
+export { MultiChoiceSegmentedButtonRow } from '../MultiChoiceSegmentedButtonRow';
+export type { MultiChoiceSegmentedButtonRowProps } from '../MultiChoiceSegmentedButtonRow';
+//# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/SegmentedButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/SegmentedButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,aAAa,CAAC;AAGlE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,0BAA0B,CAAC,EAAE,UAAU,CAAC;IACxC,2BAA2B,CAAC,EAAE,UAAU,CAAC;IACzC,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,8BAA8B,CAAC,EAAE,UAAU,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAmBF;;GAEG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAEjE;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,+BAY5D;kBAZQ,wBAAwB;;;AAgBjC,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC;AACvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AACnF,YAAY,EAAE,mCAAmC,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,YAAY,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC"}

package/build/jetpack-compose/SingleChoiceSegmentedButtonRow/index.d.ts

@@ -0,0 +1,17 @@
+import { type ModifierConfig } from '../../types';
+export type SingleChoiceSegmentedButtonRowProps = {
+    /**
+     * SegmentedButton children.
+     */
+    children: React.ReactNode;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * A row container for single-choice `SegmentedButton` children.
+ * Maps to Material 3 `SingleChoiceSegmentedButtonRow`.
+ */
+export declare function SingleChoiceSegmentedButtonRow(props: SingleChoiceSegmentedButtonRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/SingleChoiceSegmentedButtonRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/SingleChoiceSegmentedButtonRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,mCAAmC,GAAG;IAChD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAKF;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mCAAmC,+BAUxF"}