@expo/ui 55.0.5 → 55.0.6

package/android/src/main/java/expo/modules/ui/TextView.kt

@@ -1,16 +1,28 @@
 package expo.modules.ui
 
+import android.content.Context
 import android.graphics.Color
+import android.graphics.Typeface
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Shadow
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.buildAnnotatedString
+import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextDecoration
 import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.sp
+import com.facebook.react.common.assets.ReactFontManager
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
 import expo.modules.kotlin.types.Enumerable
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
@@ -105,6 +117,50 @@ enum class TextOverflowType(val value: String) : Enumerable {
   }
 }
 
+enum class TextLineBreakType(val value: String) : Enumerable {
+  SIMPLE("simple"),
+  HEADING("heading"),
+  PARAGRAPH("paragraph");
+
+  fun toComposeLineBreak(): androidx.compose.ui.text.style.LineBreak {
+    return when (this) {
+      SIMPLE -> androidx.compose.ui.text.style.LineBreak.Simple
+      HEADING -> androidx.compose.ui.text.style.LineBreak.Heading
+      PARAGRAPH -> androidx.compose.ui.text.style.LineBreak.Paragraph
+    }
+  }
+}
+
+fun resolveFontFamily(name: String?, context: Context): FontFamily? {
+  if (name == null) return null
+  return when (name) {
+    "default" -> FontFamily.Default
+    "sansSerif" -> FontFamily.SansSerif
+    "serif" -> FontFamily.Serif
+    "monospace" -> FontFamily.Monospace
+    "cursive" -> FontFamily.Cursive
+    else -> {
+      val typeface = ReactFontManager.getInstance().getTypeface(name, Typeface.NORMAL, context.assets)
+      FontFamily(typeface)
+    }
+  }
+}
+
+data class TextShadowRecord(
+  @Field val color: Color? = null,
+  @Field val offsetX: Float? = null,
+  @Field val offsetY: Float? = null,
+  @Field val blurRadius: Float? = null
+) : Record {
+  fun toComposeShadow(): Shadow {
+    return Shadow(
+      color = colorToComposeColorOrNull(color) ?: androidx.compose.ui.graphics.Color.Black,
+      offset = Offset(offsetX ?: 0f, offsetY ?: 0f),
+      blurRadius = blurRadius ?: 0f
+    )
+  }
+}
+
 enum class TypographyStyle(val value: String) : Enumerable {
   DISPLAY_LARGE("displayLarge"),
   DISPLAY_MEDIUM("displayMedium"),
@@ -145,23 +201,85 @@ enum class TypographyStyle(val value: String) : Enumerable {
   }
 }
 
+/**
+ * Shared text and span-level style properties.
+ * Both TextSpanRecord and TextProps implement this to ensure style properties
+ * are consistent across parent text and nested spans.
+ */
+interface TextSpanStyle {
+  val text: String
+  val color: Color?
+  val fontSize: Float?
+  val fontWeight: TextFontWeight?
+  val fontStyle: TextFontStyle?
+  val fontFamily: String?
+  val textDecoration: TextDecorationType?
+  val letterSpacing: Float?
+  val background: Color?
+  val shadow: TextShadowRecord?
+}
+
+data class TextSpanRecord(
+  @Field override val text: String = "",
+  @Field val children: List<TextSpanRecord>? = null,
+  @Field override val color: Color? = null,
+  @Field override val fontSize: Float? = null,
+  @Field override val fontWeight: TextFontWeight? = null,
+  @Field override val fontStyle: TextFontStyle? = null,
+  @Field override val fontFamily: String? = null,
+  @Field override val textDecoration: TextDecorationType? = null,
+  @Field override val letterSpacing: Float? = null,
+  @Field override val background: Color? = null,
+  @Field override val shadow: TextShadowRecord? = null
+) : Record, TextSpanStyle
+
 data class TextProps(
-  val text: String = "",
-  val color: Color? = null,
+  override val text: String = "",
+  val spans: List<TextSpanRecord>? = null,
+  override val color: Color? = null,
   val typography: TypographyStyle? = null,
-  val fontSize: Float? = null,
-  val fontWeight: TextFontWeight? = null,
-  val fontStyle: TextFontStyle? = null,
+  override val fontSize: Float? = null,
+  override val fontWeight: TextFontWeight? = null,
+  override val fontStyle: TextFontStyle? = null,
+  override val fontFamily: String? = null,
   val textAlign: TextAlignType? = null,
-  val textDecoration: TextDecorationType? = null,
-  val letterSpacing: Float? = null,
+  override val textDecoration: TextDecorationType? = null,
+  override val letterSpacing: Float? = null,
   val lineHeight: Float? = null,
+  val lineBreak: TextLineBreakType? = null,
+  override val background: Color? = null,
+  override val shadow: TextShadowRecord? = null,
   val overflow: TextOverflowType? = null,
   val softWrap: Boolean? = null,
   val maxLines: Int? = null,
   val minLines: Int? = null,
   val modifiers: ModifierList = emptyList()
-) : ComposeProps
+) : ComposeProps, TextSpanStyle
+
+private fun AnnotatedString.Builder.appendSpans(spans: List<TextSpanRecord>, context: Context?) {
+  for (span in spans) {
+    val style = SpanStyle(
+      color = colorToComposeColorOrNull(span.color) ?: androidx.compose.ui.graphics.Color.Unspecified,
+      fontSize = span.fontSize?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified,
+      fontWeight = span.fontWeight?.toComposeFontWeight(),
+      fontStyle = span.fontStyle?.toComposeFontStyle(),
+      fontFamily = context?.let { resolveFontFamily(span.fontFamily, it) },
+      textDecoration = span.textDecoration?.toComposeTextDecoration(),
+      letterSpacing = span.letterSpacing?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified,
+      background = colorToComposeColorOrNull(span.background) ?: androidx.compose.ui.graphics.Color.Unspecified,
+      shadow = span.shadow?.toComposeShadow()
+    )
+    if (span.children != null) {
+      withStyle(style) {
+        appendSpans(span.children, context)
+      }
+    } else {
+      withStyle(style) {
+        append(span.text)
+      }
+    }
+  }
+}
 
 @Composable
 fun FunctionalComposableScope.TextContent(props: TextProps) {
@@ -171,19 +289,34 @@ fun FunctionalComposableScope.TextContent(props: TextProps) {
   // Merge base style with custom properties
   val mergedStyle = baseStyle.merge(
     TextStyle(
+      color = colorToComposeColor(props.color),
       fontSize = props.fontSize?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified,
       fontWeight = props.fontWeight?.toComposeFontWeight(),
       fontStyle = props.fontStyle?.toComposeFontStyle(),
+      fontFamily = appContext.reactContext?.let { resolveFontFamily(props.fontFamily, it) },
       textDecoration = props.textDecoration?.toComposeTextDecoration(),
       letterSpacing = props.letterSpacing?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified,
-      lineHeight = props.lineHeight?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified
+      lineHeight = props.lineHeight?.sp ?: androidx.compose.ui.unit.TextUnit.Unspecified,
+      lineBreak = props.lineBreak?.toComposeLineBreak() ?: androidx.compose.ui.text.style.LineBreak.Unspecified,
+      background = colorToComposeColorOrNull(props.background) ?: androidx.compose.ui.graphics.Color.Unspecified,
+      shadow = props.shadow?.toComposeShadow()
     )
   )
 
+  val modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+
+  val textValue = if (props.spans != null) {
+    val context = appContext.reactContext
+    buildAnnotatedString {
+      appendSpans(props.spans, context)
+    }
+  } else {
+    AnnotatedString(props.text)
+  }
+
   Text(
-    text = props.text,
-    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
-    color = colorToComposeColor(props.color),
+    text = textValue,
+    modifier = modifier,
     textAlign = props.textAlign?.toComposeTextAlign(),
     overflow = props.overflow?.toComposeTextOverflow() ?: TextOverflow.Clip,
     softWrap = props.softWrap ?: true,

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

@@ -1,62 +1,98 @@
 import { type ColorValue } from 'react-native';
-import { ExpoModifier } from '../../types';
-export type AlertDialogButtonColors = {
+import { type ModifierConfig, type DialogProperties } from '../../types';
+/**
+ * Colors for the alert dialog, matching `AlertDialogDefaults` in Compose.
+ */
+export type AlertDialogColors = {
     /**
-     * The background color of the button.
+     * The background color of the dialog.
      */
     containerColor?: ColorValue;
     /**
-     * The text color of the button.
-     */
-    contentColor?: ColorValue;
-};
-export type AlertDialogProps = {
-    /**
-     * The title of the alert dialog.
+     * The color of the icon.
      */
-    title?: string;
+    iconContentColor?: ColorValue;
     /**
-     * The text of the alert dialog.
+     * The color of the title text.
      */
-    text?: string;
+    titleContentColor?: ColorValue;
     /**
-     * The text of the confirm button of the alert dialog.
+     * The color of the body text.
      */
-    confirmButtonText?: string;
-    /**
-     * The text of the dismiss button of the alert dialog.
-     */
-    dismissButtonText?: string;
+    textContentColor?: ColorValue;
+};
+export type AlertDialogProps = {
     /**
-     * The colors for the confirm button.
+     * Colors for the alert dialog.
      */
-    confirmButtonColors?: AlertDialogButtonColors;
+    colors?: AlertDialogColors;
     /**
-     * The colors for the dismiss button.
+     * The tonal elevation of the dialog in dp, which affects its background color
+     * based on the color scheme.
      */
-    dismissButtonColors?: AlertDialogButtonColors;
+    tonalElevation?: number;
     /**
-     * Whether the alert dialog is visible.
-     *
-     * @default false
+     * Properties for the dialog window.
      */
-    visible?: boolean;
+    properties?: DialogProperties;
     /**
-     * Callback that is called when the user tries to confirm the dialog.
+     * Callback that is called when the user tries to dismiss the dialog
+     * (for example, by tapping outside of it or pressing the back button).
      */
-    onConfirmPressed?: () => void;
+    onDismissRequest?: () => void;
     /**
-     * Callback that is called when the user tries to dismiss the dialog.
+     * Modifiers for the component.
      */
-    onDismissPressed?: () => void;
+    modifiers?: ModifierConfig[];
     /**
-     * Modifiers for the component.
+     * Children containing slot sub-components (`AlertDialog.Title`, `AlertDialog.Text`,
+     * `AlertDialog.ConfirmButton`, `AlertDialog.DismissButton`, `AlertDialog.Icon`).
      */
-    modifiers?: ExpoModifier[];
+    children?: React.ReactNode;
 };
-export type NativeAlertDialogProps = AlertDialogProps;
 /**
- * Renders an `AlertDialog` component.
+ * The title slot of the `AlertDialog`.
+ */
+declare function AlertDialogTitle(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The text (body) slot of the `AlertDialog`.
+ */
+declare function AlertDialogText(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The confirm button slot of the `AlertDialog`.
+ */
+declare function AlertDialogConfirmButton(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The dismiss button slot of the `AlertDialog`.
+ */
+declare function AlertDialogDismissButton(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The icon slot of the `AlertDialog`.
+ */
+declare function AlertDialogIcon(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Renders an `AlertDialog` component with slot-based content matching the Compose API.
+ * Content is provided via slot sub-components: `AlertDialog.Title`, `AlertDialog.Text`,
+ * `AlertDialog.ConfirmButton`, `AlertDialog.DismissButton`, and `AlertDialog.Icon`.
  */
-export declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element;
+declare function AlertDialogComponent(props: AlertDialogProps): import("react").JSX.Element;
+declare namespace AlertDialogComponent {
+    var Title: typeof AlertDialogTitle;
+    var Text: typeof AlertDialogText;
+    var ConfirmButton: typeof AlertDialogConfirmButton;
+    var DismissButton: typeof AlertDialogDismissButton;
+    var Icon: typeof AlertDialogIcon;
+}
+export { AlertDialogComponent as AlertDialog };
+export type { DialogProperties };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/AlertDialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C;;OAEG;IACH,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAgBtD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/AlertDialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAkB,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA2BF;;GAEG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE7D;AAED;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE5D;AAED;;GAEG;AACH,iBAAS,wBAAwB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAErE;AAED;;GAEG;AACH,iBAAS,wBAAwB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAErE;AAED;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE5D;AAED;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,+BAGpD;kBAHQ,oBAAoB;;;;;;;AAW7B,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC;AAG/C,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type ExpoModifier } from '../../types';
+import { type ModifierConfig, type DialogProperties } from '../../types';
 export type BasicAlertDialogProps = {
     /**
      * The content to display inside the dialog.
@@ -9,14 +9,19 @@ export type BasicAlertDialogProps = {
      * (e.g. by tapping outside of it or pressing the back button).
      */
     onDismissRequest?: () => void;
+    /**
+     * Properties for the dialog window.
+     */
+    properties?: DialogProperties;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
  * A basic alert dialog that provides a blank container for custom content.
  * Unlike `AlertDialog`, this component does not have structured title/text/buttons slots.
  */
 export declare function BasicAlertDialog(props: BasicAlertDialogProps): import("react").JSX.Element;
+export type { DialogProperties };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/BasicAlertDialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAyBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/BasicAlertDialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAyBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D;AAGD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Card/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,UAAU,GAAG;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAsBF,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,0CAA6C,CAAC;AAM/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,kDAA6D,CAAC;AAMvF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,kDAA6D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Card/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,UAAU,GAAG;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAwBF,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,0CAA6C,CAAC;AAM/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,kDAA6D,CAAC;AAMvF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,kDAA6D,CAAC"}

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

@@ -1,12 +1,27 @@
-import { ExpoModifier } from '../../types';
-export type DividerProps = {
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+export type DividerCommonConfig = {
+    /**
+     * Thickness of the divider line. Accepts dp values; use `StyleSheet.hairlineWidth` for a single-pixel line.
+     */
+    thickness?: number;
+    /**
+     * Color of the divider line.
+     */
+    color?: ColorValue;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
- * A visual element that can be used to separate other content.
+ * A horizontal divider line that groups content in lists and layouts,
+ * matching Compose's `HorizontalDivider`.
+ */
+export declare const HorizontalDivider: import("react").ComponentType<DividerCommonConfig>;
+/**
+ * A vertical divider line that groups content in layouts,
+ * matching Compose's `VerticalDivider`.
  */
-export declare function Divider(props: DividerProps): import("react").JSX.Element;
+export declare const VerticalDivider: import("react").ComponentType<DividerCommonConfig>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Divider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAiBF;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oDAAkD,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,eAAe,oDAAgD,CAAC"}

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,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,MAAM,MAAM,oBAAoB,GAAG;IACjC;;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,oBAAoB,GAAG;IAChE;;;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,oBAAoB,GAAG;IAClE;;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,oBAAoB,GAAG;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,iEACsD,CAAC;AAM/F,MAAM,MAAM,kCAAkC,GAAG,oBAAoB,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,qDACwD,CAAC"}
+{"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,MAAM,MAAM,oBAAoB,GAAG;IACjC;;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;AAwBF;;;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,oBAAoB,GAAG;IAChE;;;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,oBAAoB,GAAG;IAClE;;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,oBAAoB,GAAG;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,iEACsD,CAAC;AAM/F,MAAM,MAAM,kCAAkC,GAAG,oBAAoB,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,qDACwD,CAAC"}

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

@@ -1,4 +1,25 @@
-import { type ExpoModifier } from '../../types';
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+import { type ContentAlignment } from '../layout-types';
+/**
+ * Configuration for the loading indicator shown during pull-to-refresh.
+ */
+export type PullToRefreshIndicatorProps = {
+    /**
+     * Color of the loading indicator spinner.
+     * @default MaterialTheme.colorScheme.primary
+     */
+    color?: ColorValue;
+    /**
+     * Background color of the loading indicator container.
+     * @default MaterialTheme.colorScheme.surfaceContainerHigh
+     */
+    containerColor?: ColorValue;
+    /**
+     * Modifiers for the loading indicator.
+     */
+    modifiers?: ModifierConfig[];
+};
 export type PullToRefreshBoxProps = {
     /**
      * Whether the content is refreshing.
@@ -6,26 +27,30 @@ export type PullToRefreshBoxProps = {
      */
     isRefreshing?: boolean;
     /**
-     * Callback to call when the content is refreshed.
+     * Callback that is called when the user pulls to refresh.
      */
     onRefresh?: () => void;
     /**
-     * Modifiers for the component.
+     * Alignment of children within the box.
+     * @default 'topStart'
      */
-    modifiers?: ExpoModifier[];
+    contentAlignment?: ContentAlignment;
     /**
-     * Modifiers for the loading indicator.
-     * @default [align('topCenter'), padding(0, 10, 0, 0)]
+     * Configuration for the loading indicator shown during pull-to-refresh.
+     */
+    indicator?: PullToRefreshIndicatorProps;
+    /**
+     * Modifiers for the component.
      */
-    loadingIndicatorModifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
     /**
      * The content to refresh.
      */
     children: React.ReactNode;
 };
 /**
- * Renders a `PullToRefreshBox` component.
- * A box that allows the user to pull down to refresh the content.
+ * A pull-to-refresh container that wraps scrollable content and shows a refresh indicator when pulled,
+ * matching Compose's `PullToRefreshBox`.
  */
 export declare function PullToRefreshBox(props: PullToRefreshBoxProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/PullToRefreshBox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAE3B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,YAAY,EAAE,CAAC;IAE3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA4BF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/PullToRefreshBox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAsBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D"}

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

@@ -1,6 +1,22 @@
 import React from 'react';
 import { type ColorValue } from 'react-native';
-import { type ExpoModifier } from '../../types';
+import { type ModifierConfig } from '../../types';
+import { ShapeJSXElement } from '../Shape';
+/**
+ * Border stroke configuration.
+ */
+export type SurfaceBorder = {
+    /**
+     * Border width in dp.
+     * @default 1
+     */
+    width?: number;
+    /**
+     * Border color.
+     * @default MaterialTheme.colorScheme.outline
+     */
+    color?: ColorValue;
+};
 export type SurfaceProps = {
     /**
      * The content to display inside the surface.
@@ -29,10 +45,44 @@ export type SurfaceProps = {
      * @default 0
      */
     shadowElevation?: number;
+    /**
+     * Shape configuration for clipping the surface.
+     */
+    shape?: ShapeJSXElement;
+    /**
+     * Border stroke drawn around the surface.
+     */
+    border?: SurfaceBorder;
+    /**
+     * Whether the surface is enabled and responds to user interaction.
+     *
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Whether the surface is in a selected state. When provided together with `onClick`,
+     * the surface becomes a selectable surface that visually reflects its selection state.
+     */
+    selected?: boolean;
+    /**
+     * Whether the surface is in a checked (toggled on) state. When provided together with
+     * `onCheckedChange`, the surface becomes a toggleable surface.
+     */
+    checked?: boolean;
+    /**
+     * Called when the surface is clicked. Providing this callback makes the surface clickable.
+     * When combined with `selected`, the surface becomes a selectable variant.
+     */
+    onClick?: () => void;
+    /**
+     * Called when the checked state of a toggleable surface changes.
+     * Providing this callback together with `checked` enables the toggleable variant.
+     */
+    onCheckedChange?: (checked: boolean) => void;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
  * A Material Design surface container. Surface is responsible for:

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Surface/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAkBF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Surface/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAiB,eAAe,EAAyB,MAAM,UAAU,CAAC;AAGjF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAgCF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}