@expo/ui 55.0.1 → 55.0.3

package/android/src/main/java/expo/modules/ui/convertibles/AnimationSpecParams.kt

@@ -0,0 +1,93 @@
+package expo.modules.ui.convertibles
+
+import androidx.compose.animation.core.AnimationSpec
+import androidx.compose.animation.core.EaseInOut
+import androidx.compose.animation.core.FastOutLinearInEasing
+import androidx.compose.animation.core.FastOutSlowInEasing
+import androidx.compose.animation.core.LinearEasing
+import androidx.compose.animation.core.LinearOutSlowInEasing
+import androidx.compose.animation.core.Spring
+import androidx.compose.animation.core.keyframes
+import androidx.compose.animation.core.snap
+import androidx.compose.animation.core.spring
+import androidx.compose.animation.core.tween
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.records.recordFromMap
+import expo.modules.kotlin.types.Enumerable
+
+internal enum class EasingType(val value: String) : Enumerable {
+  LINEAR("linear"),
+  FAST_OUT_SLOW_IN("fastOutSlowIn"),
+  FAST_OUT_LINEAR_IN("fastOutLinearIn"),
+  LINEAR_OUT_SLOW_IN("linearOutSlowIn"),
+  EASE("ease");
+
+  fun toEasing() = when (this) {
+    LINEAR -> LinearEasing
+    FAST_OUT_SLOW_IN -> FastOutSlowInEasing
+    FAST_OUT_LINEAR_IN -> FastOutLinearInEasing
+    LINEAR_OUT_SLOW_IN -> LinearOutSlowInEasing
+    EASE -> EaseInOut
+  }
+}
+
+internal data class SpringSpecParams(
+  @Field val dampingRatio: Float = Spring.DampingRatioNoBouncy,
+  @Field val stiffness: Float = Spring.StiffnessMedium,
+  @Field val visibilityThreshold: Float? = null
+) : Record {
+  fun toAnimationSpec(): AnimationSpec<Float> = spring(
+    dampingRatio = dampingRatio,
+    stiffness = stiffness,
+    visibilityThreshold = visibilityThreshold
+  )
+}
+
+internal data class TweenSpecParams(
+  @Field val durationMillis: Int = 300,
+  @Field val delayMillis: Int = 0,
+  @Field val easing: EasingType? = null
+) : Record {
+  fun toAnimationSpec(): AnimationSpec<Float> = tween(
+    durationMillis = durationMillis,
+    delayMillis = delayMillis,
+    easing = easing?.toEasing() ?: FastOutSlowInEasing
+  )
+}
+
+internal data class SnapSpecParams(
+  @Field val delayMillis: Int = 0
+) : Record {
+  fun toAnimationSpec(): AnimationSpec<Float> = snap(delayMillis = delayMillis)
+}
+
+internal data class KeyframesSpecParams(
+  @Field val durationMillis: Int = 300,
+  @Field val delayMillis: Int = 0
+) : Record {
+  @Suppress("UNCHECKED_CAST")
+  fun toAnimationSpec(raw: Map<*, *>): AnimationSpec<Float> {
+    val kf = raw["keyframes"] as? Map<String, Number> ?: emptyMap()
+    return keyframes {
+      this.durationMillis = this@KeyframesSpecParams.durationMillis
+      this.delayMillis = this@KeyframesSpecParams.delayMillis
+      for ((time, value) in kf) {
+        value.toFloat() at time.toInt()
+      }
+    }
+  }
+}
+
+@Suppress("UNCHECKED_CAST")
+internal fun parseAnimationSpec(raw: Any?): AnimationSpec<Float>? {
+  if (raw !is Map<*, *>) return null
+  val map = raw as Map<String, Any?>
+  return when (raw["\$type"]) {
+    "spring" -> recordFromMap<SpringSpecParams>(map).toAnimationSpec()
+    "tween" -> recordFromMap<TweenSpecParams>(map).toAnimationSpec()
+    "snap" -> recordFromMap<SnapSpecParams>(map).toAnimationSpec()
+    "keyframes" -> recordFromMap<KeyframesSpecParams>(map).toAnimationSpec(raw)
+    else -> null
+  }
+}

package/android/src/main/java/expo/modules/ui/convertibles/GraphicsLayerParams.kt

@@ -0,0 +1,24 @@
+package expo.modules.ui.convertibles
+
+import android.graphics.Color
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.types.Enumerable
+import expo.modules.ui.BuiltinShapeRecord
+
+enum class CompositingStrategyType(val value: String) : Enumerable {
+  AUTO("auto"),
+  OFFSCREEN("offscreen"),
+  MODULATE("modulate")
+}
+
+internal data class GraphicsLayerParams(
+  @Field val cameraDistance: Float = 8f,
+  @Field val transformOriginX: Float = 0.5f,
+  @Field val transformOriginY: Float = 0.5f,
+  @Field val clip: Boolean = false,
+  @Field val shape: BuiltinShapeRecord? = null,
+  @Field val ambientShadowColor: Color? = null,
+  @Field val spotShadowColor: Color? = null,
+  @Field val compositingStrategy: CompositingStrategyType? = null
+) : Record

package/android/src/main/java/expo/modules/ui/menu/DropdownMenu.kt

@@ -0,0 +1,39 @@
+package expo.modules.ui.menu
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.material3.DropdownMenu
+import androidx.compose.material3.MenuDefaults
+import androidx.compose.runtime.Composable
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.ui.ModifierRegistry
+import expo.modules.ui.composeOrNull
+import expo.modules.ui.findChildSlotView
+import expo.modules.ui.isSlotView
+
+@Composable
+fun FunctionalComposableScope.DropdownMenuContent(
+  props: DropdownMenuProps,
+  onDismissRequest: () -> Unit
+) {
+  val itemsSlotView = findChildSlotView(view, "items")
+
+  Box(modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)) {
+    // Trigger - non-items children
+    Children(ComposableScope(), filter = { !isSlotView(it) })
+
+    DropdownMenu(
+      containerColor = props.color?.composeOrNull ?: MenuDefaults.containerColor,
+      expanded = props.expanded,
+      onDismissRequest = onDismissRequest
+    ) {
+      itemsSlotView?.let {
+        with(ComposableScope()) {
+          with(it) {
+            Content()
+          }
+        }
+      }
+    }
+  }
+}

package/android/src/main/java/expo/modules/ui/menu/DropdownMenuItem.kt

@@ -0,0 +1,70 @@
+package expo.modules.ui.menu
+
+import android.graphics.Color
+import androidx.compose.material3.DropdownMenuItem
+import androidx.compose.material3.MenuDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.ui.ModifierList
+import expo.modules.ui.ModifierRegistry
+import expo.modules.ui.composeOrNull
+import expo.modules.ui.findChildSlotView
+import java.io.Serializable
+
+class ItemPressedEvent : Record, Serializable
+
+class DropdownMenuItemColors : Record {
+  @Field val textColor: Color? = null
+  @Field val leadingIconColor: Color? = null
+  @Field val trailingIconColor: Color? = null
+  @Field val disabledTextColor: Color? = null
+  @Field val disabledLeadingIconColor: Color? = null
+  @Field val disabledTrailingIconColor: Color? = null
+}
+
+data class DropdownMenuItemProps(
+  val enabled: Boolean = true,
+  val elementColors: DropdownMenuItemColors = DropdownMenuItemColors(),
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.DropdownMenuItemContent(
+  props: DropdownMenuItemProps,
+  onItemPressed: (ItemPressedEvent) -> Unit
+) {
+  val textSlotView = findChildSlotView(view, "text")
+  val leadingSlotView = findChildSlotView(view, "leadingIcon")
+  val trailingSlotView = findChildSlotView(view, "trailingIcon")
+
+  val colors = props.elementColors
+  val defaultColors = MenuDefaults.itemColors()
+
+  DropdownMenuItem(
+    text = { textSlotView?.let { with(ComposableScope()) { with(it) { Content() } } } ?: Unit },
+    enabled = props.enabled,
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    colors = MenuDefaults.itemColors(
+      textColor = colors.textColor.composeOrNull ?: defaultColors.textColor,
+      leadingIconColor = colors.leadingIconColor.composeOrNull ?: defaultColors.leadingIconColor,
+      trailingIconColor = colors.trailingIconColor.composeOrNull ?: defaultColors.trailingIconColor,
+      disabledTextColor = colors.disabledTextColor.composeOrNull ?: defaultColors.disabledTextColor,
+      disabledLeadingIconColor = colors.disabledLeadingIconColor.composeOrNull ?: defaultColors.disabledLeadingIconColor,
+      disabledTrailingIconColor = colors.disabledTrailingIconColor.composeOrNull ?: defaultColors.disabledTrailingIconColor
+    ),
+    leadingIcon = leadingSlotView?.let {
+      { with(ComposableScope()) { with(it) { Content() } } }
+    },
+    trailingIcon = trailingSlotView?.let {
+      { with(ComposableScope()) { with(it) { Content() } } }
+    },
+    onClick = {
+      onItemPressed(ItemPressedEvent())
+    }
+  )
+}

package/android/src/main/java/expo/modules/ui/menu/DropdownMenuRecords.kt

@@ -0,0 +1,18 @@
+package expo.modules.ui.menu
+
+import android.graphics.Color
+import expo.modules.kotlin.types.Enumerable
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.ui.ModifierList
+
+enum class ActivationMethod(val value: String) : Enumerable {
+  SINGLE_PRESS("singlePress"),
+  LONG_PRESS("longPress")
+}
+
+data class DropdownMenuProps(
+  val activationMethod: ActivationMethod = ActivationMethod.SINGLE_PRESS,
+  val expanded: Boolean = false,
+  val color: Color? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps

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

@@ -0,0 +1,134 @@
+import { PrimitiveBaseProps } from '../layout-types';
+import { ENTER_TRANSITION_SYMBOL, EXIT_TRANSITION_SYMBOL } from './symbols';
+type EnterTransitionRecord = {
+    type: 'fadeIn' | 'slideInHorizontally' | 'slideInVertically' | 'expandIn' | 'expandHorizontally' | 'expandVertically' | 'scaleIn';
+    initialAlpha?: number;
+    /** Fraction of width: -1.0 = full width left, 1.0 = full width right */
+    initialOffsetX?: number;
+    /** Fraction of height: -1.0 = full height top, 1.0 = full height bottom */
+    initialOffsetY?: number;
+    initialScale?: number;
+};
+type ExitTransitionRecord = {
+    type: 'fadeOut' | 'slideOutHorizontally' | 'slideOutVertically' | 'shrinkOut' | 'shrinkHorizontally' | 'shrinkVertically' | 'scaleOut';
+    targetAlpha?: number;
+    /** Fraction of width: -1.0 = full width left, 1.0 = full width right */
+    targetOffsetX?: number;
+    /** Fraction of height: -1.0 = full height top, 1.0 = full height bottom */
+    targetOffsetY?: number;
+    targetScale?: number;
+};
+/**
+ * Represents an enter transition that can be combined with other enter transitions using `.plus()`.
+ */
+export type EnterTransitionType = {
+    /** Combines this transition with another enter transition (mirrors Compose's `+` operator). */
+    plus: (other: EnterTransitionType) => EnterTransitionType;
+    [ENTER_TRANSITION_SYMBOL]: () => EnterTransitionRecord[];
+};
+/**
+ * Represents an exit transition that can be combined with other exit transitions using `.plus()`.
+ */
+export type ExitTransitionType = {
+    /** Combines this transition with another exit transition (mirrors Compose's `+` operator). */
+    plus: (other: ExitTransitionType) => ExitTransitionType;
+    [EXIT_TRANSITION_SYMBOL]: () => ExitTransitionRecord[];
+};
+/**
+ * Factory for enter transitions used with `AnimatedVisibility`.
+ * Transitions can be combined using `.plus()`.
+ *
+ * @example
+ * ```tsx
+ * // Single transition
+ * EnterTransition.fadeIn()
+ *
+ * // Combined transitions
+ * EnterTransition.fadeIn({ initialAlpha: 0.3 })
+ *   .plus(EnterTransition.slideInHorizontally({ initialOffsetX: 1.0 }))
+ * ```
+ */
+export declare const EnterTransition: {
+    /** Fades the content in. */
+    fadeIn: (params?: {
+        initialAlpha?: number;
+    }) => EnterTransitionType;
+    /** Slides the content in horizontally. */
+    slideInHorizontally: (params?: {
+        initialOffsetX?: number;
+    }) => EnterTransitionType;
+    /** Slides the content in vertically. */
+    slideInVertically: (params?: {
+        initialOffsetY?: number;
+    }) => EnterTransitionType;
+    /** Expands the content from the center. */
+    expandIn: () => EnterTransitionType;
+    /** Expands the content horizontally from the center. */
+    expandHorizontally: () => EnterTransitionType;
+    /** Expands the content vertically from the center. */
+    expandVertically: () => EnterTransitionType;
+    /** Scales the content in from a smaller size. */
+    scaleIn: (params?: {
+        initialScale?: number;
+    }) => EnterTransitionType;
+};
+/**
+ * Factory for exit transitions used with `AnimatedVisibility`.
+ * Transitions can be combined using `.plus()`.
+ *
+ * @example
+ * ```tsx
+ * // Single transition
+ * ExitTransition.fadeOut()
+ *
+ * // Combined transitions
+ * ExitTransition.fadeOut()
+ *   .plus(ExitTransition.slideOutHorizontally({ targetOffsetX: 1.0 }))
+ * ```
+ */
+export declare const ExitTransition: {
+    /** Fades the content out. */
+    fadeOut: (params?: {
+        targetAlpha?: number;
+    }) => ExitTransitionType;
+    /** Slides the content out horizontally. */
+    slideOutHorizontally: (params?: {
+        targetOffsetX?: number;
+    }) => ExitTransitionType;
+    /** Slides the content out vertically. */
+    slideOutVertically: (params?: {
+        targetOffsetY?: number;
+    }) => ExitTransitionType;
+    /** Shrinks the content towards the center. */
+    shrinkOut: () => ExitTransitionType;
+    /** Shrinks the content horizontally towards the center. */
+    shrinkHorizontally: () => ExitTransitionType;
+    /** Shrinks the content vertically towards the center. */
+    shrinkVertically: () => ExitTransitionType;
+    /** Scales the content out to a smaller size. */
+    scaleOut: (params?: {
+        targetScale?: number;
+    }) => ExitTransitionType;
+};
+export type AnimatedVisibilityProps = {
+    children?: React.ReactNode;
+    /**
+     * Whether the content is visible. When changed, the content will animate in or out.
+     */
+    visible: boolean;
+    /**
+     * The enter transition to use when `visible` changes to `true`.
+     * Use `EnterTransition` factory methods and combine with `.plus()`.
+     * Defaults to Compose's `fadeIn + expandIn` when not specified.
+     */
+    enterTransition?: EnterTransitionType;
+    /**
+     * The exit transition to use when `visible` changes to `false`.
+     * Use `ExitTransition` factory methods and combine with `.plus()`.
+     * Defaults to Compose's `fadeOut + shrinkOut` when not specified.
+     */
+    exitTransition?: ExitTransitionType;
+} & PrimitiveBaseProps;
+export declare function AnimatedVisibility(props: AnimatedVisibilityProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/AnimatedVisibility/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAE5E,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EACA,QAAQ,GACR,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,oBAAoB,GACpB,kBAAkB,GAClB,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EACA,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,WAAW,GACX,oBAAoB,GACpB,kBAAkB,GAClB,UAAU,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,+FAA+F;IAC/F,IAAI,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,mBAAmB,CAAC;IAC1D,CAAC,uBAAuB,CAAC,EAAE,MAAM,qBAAqB,EAAE,CAAC;CAC1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,8FAA8F;IAC9F,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,kBAAkB,CAAC;IACxD,CAAC,sBAAsB,CAAC,EAAE,MAAM,oBAAoB,EAAE,CAAC;CACxD,CAAC;AAgBF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;IAC1B,4BAA4B;sBACV;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;IAE3C,0CAA0C;mCACX;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE;IAE1D,wCAAwC;iCACX;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE;IAExD,2CAA2C;;IAE3C,wDAAwD;;IAExD,sDAAsD;;IAEtD,iDAAiD;uBAC9B;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;CAE7C,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;IACzB,6BAA6B;uBACV;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE;IAE3C,2CAA2C;oCACX;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE;IAE1D,yCAAyC;kCACX;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE;IAExD,8CAA8C;;IAE9C,2DAA2D;;IAE3D,yDAAyD;;IAEzD,gDAAgD;wBAC5B;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE;CAE7C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;OAIG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC,GAAG,kBAAkB,CAAC;AAavB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAShE"}

package/build/jetpack-compose/AnimatedVisibility/symbols.d.ts

@@ -0,0 +1,3 @@
+export declare const ENTER_TRANSITION_SYMBOL: unique symbol;
+export declare const EXIT_TRANSITION_SYMBOL: unique symbol;
+//# sourceMappingURL=symbols.d.ts.map

package/build/jetpack-compose/AnimatedVisibility/symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/AnimatedVisibility/symbols.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,eAA4B,CAAC;AACjE,eAAO,MAAM,sBAAsB,eAA2B,CAAC"}

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

@@ -1,85 +1,99 @@
 import { type ColorValue } from 'react-native';
-import { MaterialIcon } from './types';
-import { ExpoModifier, ViewEvent } from '../../types';
+import type { ModifierConfig, ViewEvent } from '../../types';
 import { ShapeJSXElement, ShapeRecordProps } 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 button elements.
  */
-export type ButtonVariant = 'default' | 'bordered' | 'borderless' | 'outlined' | 'elevated';
-/**
- * Colors for button's core elements.
- */
-export type ButtonElementColors = {
+export type ButtonColors = {
     containerColor?: ColorValue;
     contentColor?: ColorValue;
     disabledContainerColor?: ColorValue;
     disabledContentColor?: ColorValue;
 };
+/**
+ * Content padding for the button's inner content.
+ * All values are in density-independent pixels (dp).
+ */
+export type ButtonContentPadding = {
+    start?: number;
+    top?: number;
+    end?: number;
+    bottom?: number;
+};
 export type ButtonProps = {
     /**
-     * A callback that is called when the button is pressed.
-     */
-    onPress?: () => void;
-    /**
-     * A string describing the leading icon to display in the button.
-     * Uses Material Icons on Android.
+     * Callback that is called when the button is clicked.
      */
-    leadingIcon?: MaterialIcon;
+    onClick?: () => void;
     /**
-     * A string describing the trailing icon to display in the button.
-     * Uses Material Icons on Android.
+     * Whether the button is enabled for user interaction.
+     * @default true
      */
-    trailingIcon?: MaterialIcon;
+    enabled?: boolean;
     /**
-     * A string describing the system image to display in the button.
-     * Uses Material Icons on Android.
-     * @deprecated Use `leadingIcon` instead.
+     * Colors for button elements.
      */
-    systemImage?: MaterialIcon;
+    colors?: ButtonColors;
     /**
-     * The button variant.
+     * The padding between the button container and its content.
+     * Use this to adjust internal spacing, for example when adding a leading icon
      */
-    variant?: ButtonVariant;
+    contentPadding?: ButtonContentPadding;
     /**
-     * The text to display inside the button.
+     * The shape of the button.
      */
-    children?: string | string[] | React.JSX.Element;
-    /**
-     * Colors for button's core elements.
-     * @platform android
-     */
-    elementColors?: ButtonElementColors;
-    /**
-     * Button color.
-     */
-    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 button.
      */
-    modifiers?: ExpoModifier[];
+    children: React.ReactNode;
 };
-/**
- * @hidden
- */
-export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'leadingIcon' | 'trailingIcon' | 'systemImage' | 'shape'> & {
-    text: string;
-    leadingIcon?: string;
-    trailingIcon?: string;
+type NativeButtonProps = Omit<ButtonProps, 'onClick' | 'shape' | 'children'> & {
     shape?: ShapeRecordProps;
+    children?: React.ReactNode;
 } & ViewEvent<'onButtonPressed', void>;
 /**
  * @hidden
  */
-export declare function transformButtonProps(props: ButtonProps): NativeButtonProps;
+export declare function transformButtonProps(props: Omit<ButtonProps, 'children'>): NativeButtonProps;
+/**
+ * A filled button component.
+ */
+export declare const Button: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * A filled tonal button component.
+ */
+export declare const FilledTonalButton: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * An outlined button component.
+ */
+export declare const OutlinedButton: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
 /**
- * Displays a native button component.
+ * An elevated button component.
  */
-export declare function Button(props: ButtonProps): import("react").JSX.Element;
+export declare const ElevatedButton: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * A text button component.
+ */
+export declare const TextButton: {
+    (props: ButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAiB,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,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,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACjD;;;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,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,OAAO,CAC9E,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAiC1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAiB,MAAM,UAAU,CAAC;AAG5E;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,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;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;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;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAEvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAU5F;AAaD;;GAEG;AACH,eAAO,MAAM,MAAM;YAXS,WAAW;;CAWc,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,iBAAiB;YAhBF,WAAW;;CAgBoC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,cAAc;YArBC,WAAW;;CAqB8B,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,cAAc;YA1BC,WAAW;;CA0B8B,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,UAAU;YA/BK,WAAW;;CA+BsB,CAAC"}

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

@@ -1,40 +1,98 @@
 import { type ColorValue } from 'react-native';
-import { ExpoModifier } from '../../types';
+import { type ModifierConfig } from '../../types';
 /**
  * Colors for card's core elements.
  */
-export type CardElementColors = {
+export type CardColors = {
     containerColor?: ColorValue;
     contentColor?: ColorValue;
 };
+/**
+ * Border configuration for cards.
+ */
+export type CardBorder = {
+    /**
+     * Border width in dp.
+     * @default 1
+     */
+    width?: number;
+    /**
+     * Border color.
+     */
+    color?: ColorValue;
+};
 export type CardProps = {
     /**
      * The content to display inside the card.
      */
     children?: React.ReactNode;
     /**
-     * The variant of the card.
-     * - 'default' - A filled card with no outline.
-     * - 'elevated' - A filled card with elevation/shadow.
-     * - 'outlined' - A card with an outline border.
-     * @default 'default'
+     * Colors for card's core elements.
      */
-    variant?: 'default' | 'elevated' | 'outlined';
+    colors?: CardColors;
     /**
-     * The background color of the card.
+     * Default elevation in dp.
      */
-    color?: ColorValue;
+    elevation?: number;
+    /**
+     * Border configuration for the card.
+     */
+    border?: CardBorder;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * A card component that renders a filled card surface for content.
+ */
+export declare const Card: import("react").ComponentType<CardProps>;
+export type ElevatedCardProps = {
+    /**
+     * The content to display inside the card.
+     */
+    children?: React.ReactNode;
+    /**
+     * Colors for card's core elements.
+     */
+    colors?: CardColors;
+    /**
+     * Default elevation in dp. Material 3 default is 1dp.
+     */
+    elevation?: number;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * An elevated card component that provides a raised surface for content.
+ */
+export declare const ElevatedCard: import("react").ComponentType<ElevatedCardProps>;
+export type OutlinedCardProps = {
+    /**
+     * The content to display inside the card.
+     */
+    children?: React.ReactNode;
     /**
      * Colors for card's core elements.
      */
-    elementColors?: CardElementColors;
+    colors?: CardColors;
+    /**
+     * Default elevation in dp.
+     */
+    elevation?: number;
+    /**
+     * Border configuration for the outlined card.
+     */
+    border?: CardBorder;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
- * A card component that provides a surface for content.
+ * An outlined card component that provides a bordered surface for content.
  */
-export declare function Card(props: CardProps): import("react").JSX.Element;
+export declare const OutlinedCard: import("react").ComponentType<OutlinedCardProps>;
 //# sourceMappingURL=index.d.ts.map