one 2.0.0-beta.120.1 → 2.0.0-beta.123.1

package/android/src/main/java/dev/onejs/onenative/OneNativeComposeNodeManager.kt

@@ -174,6 +174,18 @@ class OneNativeComposeNodeManager :
         view.stageCardColors(value)
     }
 
+    override fun setIconButtonColors(view: OneNativeComposeNodeView, value: ReadableMap?) {
+        view.stageIconButtonColors(value)
+    }
+
+    override fun setFabColors(view: OneNativeComposeNodeView, value: ReadableMap?) {
+        view.stageFabColors(value)
+    }
+
+    override fun setFabExpanded(view: OneNativeComposeNodeView, value: Boolean) {
+        view.stageFabExpanded(value)
+    }
+
     override fun setBadgeColors(view: OneNativeComposeNodeView, value: ReadableMap?) {
         view.stageBadgeColors(value)
     }
@@ -234,10 +246,18 @@ class OneNativeComposeNodeManager :
         view.stageArrangement(value)
     }
 
+    override fun setVerticalArrangement(view: OneNativeComposeNodeView, value: String?) {
+        view.stageVerticalArrangement(value)
+    }
+
     override fun setSpacing(view: OneNativeComposeNodeView, value: Double) {
         view.stageSpacing(value)
     }
 
+    override fun setVerticalSpacing(view: OneNativeComposeNodeView, value: Double) {
+        view.stageVerticalSpacing(value)
+    }
+
     override fun setTextValue(view: OneNativeComposeNodeView, value: String?) {
         view.stageTextValue(value)
     }

package/android/src/main/java/dev/onejs/onenative/OneNativeComposeNodeView.kt

@@ -11,6 +11,8 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.ExperimentalLayoutApi
+import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.RowScope
@@ -45,10 +47,23 @@ import androidx.compose.material3.darkColorScheme
 import androidx.compose.material3.dynamicDarkColorScheme
 import androidx.compose.material3.dynamicLightColorScheme
 import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.ElevatedButton
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.FilterChip
 import androidx.compose.material3.FilterChipDefaults
 import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.IconButtonColors
+import androidx.compose.material3.IconButtonDefaults
+import androidx.compose.material3.FilledIconButton
+import androidx.compose.material3.FilledTonalIconButton
+import androidx.compose.material3.FilledTonalButton
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.FloatingActionButtonDefaults
+import androidx.compose.material3.SmallFloatingActionButton
+import androidx.compose.material3.LargeFloatingActionButton
+import androidx.compose.material3.ExtendedFloatingActionButton
+import androidx.compose.material3.OutlinedIconButton
 import androidx.compose.material3.InputChip
 import androidx.compose.material3.InputChipDefaults
 import androidx.compose.material3.lightColorScheme
@@ -196,6 +211,23 @@ internal data class OneNativeCardColors(
     }
 }
 
+internal data class OneNativeIconButtonColors(
+    val containerColor: Int? = null,
+    val contentColor: Int? = null,
+    val disabledContainerColor: Int? = null,
+    val disabledContentColor: Int? = null,
+) {
+    companion object {
+        fun fromMap(map: ReadableMap?, context: Context): OneNativeIconButtonColors =
+            if (map == null) OneNativeIconButtonColors() else OneNativeIconButtonColors(
+                containerColor = readComposeColor(map, "containerColor", context),
+                contentColor = readComposeColor(map, "contentColor", context),
+                disabledContainerColor = readComposeColor(map, "disabledContainerColor", context),
+                disabledContentColor = readComposeColor(map, "disabledContentColor", context),
+            )
+    }
+}
+
 internal data class OneNativeListItemColors(
     val containerColor: Int? = null,
     val contentColor: Int? = null,
@@ -350,6 +382,9 @@ internal data class OneNativeComposeNodeProps(
     val selected: Boolean = false,
     val radioColors: OneNativeRadioColors = OneNativeRadioColors(),
     val cardColors: OneNativeCardColors = OneNativeCardColors(),
+    val iconButtonColors: OneNativeIconButtonColors = OneNativeIconButtonColors(),
+    val fabColors: OneNativeCardColors = OneNativeCardColors(),
+    val fabExpanded: Boolean = true,
     val badgeColors: OneNativeCardColors = OneNativeCardColors(),
     val listItemColors: OneNativeListItemColors = OneNativeListItemColors(),
     val tonalElevation: Double = -1.0,
@@ -365,7 +400,9 @@ internal data class OneNativeComposeNodeProps(
     val revision: Int = 0,
     val alignment: String? = null,
     val arrangement: String? = null,
+    val verticalArrangement: String? = null,
     val spacing: Double = -1.0,
+    val verticalSpacing: Double = -1.0,
     val textValue: String? = null,
     val syncStateId: Int = 0,
     val placeholder: String? = null,
@@ -650,6 +687,18 @@ class OneNativeComposeNodeView(context: Context) : ReactViewGroup(context) {
         pendingProps = pendingProps.copy(cardColors = OneNativeCardColors.fromMap(value, context))
     }
 
+    internal fun stageIconButtonColors(value: ReadableMap?) {
+        pendingProps = pendingProps.copy(iconButtonColors = OneNativeIconButtonColors.fromMap(value, context))
+    }
+
+    internal fun stageFabColors(value: ReadableMap?) {
+        pendingProps = pendingProps.copy(fabColors = OneNativeCardColors.fromMap(value, context))
+    }
+
+    internal fun stageFabExpanded(value: Boolean) {
+        pendingProps = pendingProps.copy(fabExpanded = value)
+    }
+
     internal fun stageBadgeColors(value: ReadableMap?) {
         pendingProps = pendingProps.copy(badgeColors = OneNativeCardColors.fromMap(value, context))
     }
@@ -710,10 +759,18 @@ class OneNativeComposeNodeView(context: Context) : ReactViewGroup(context) {
         pendingProps = pendingProps.copy(arrangement = value)
     }
 
+    internal fun stageVerticalArrangement(value: String?) {
+        pendingProps = pendingProps.copy(verticalArrangement = value)
+    }
+
     internal fun stageSpacing(value: Double) {
         pendingProps = pendingProps.copy(spacing = value)
     }
 
+    internal fun stageVerticalSpacing(value: Double) {
+        pendingProps = pendingProps.copy(verticalSpacing = value)
+    }
+
     internal fun stageTextValue(value: String?) {
         pendingProps = pendingProps.copy(textValue = value)
     }
@@ -1029,6 +1086,7 @@ private fun RenderComposeNode(
     }
 }
 
+@OptIn(ExperimentalLayoutApi::class)
 @Composable
 private fun RenderComposeNodeBody(
     node: OneNativeComposeNodeView,
@@ -1052,6 +1110,14 @@ private fun RenderComposeNodeBody(
             ) {
                 RenderComposeChildren(node)
             }
+        "flowrow" ->
+            FlowRow(
+                modifier = modifier,
+                horizontalArrangement = rowArrangement(props.arrangement, props.spacing),
+                verticalArrangement = columnArrangement(props.verticalArrangement, props.verticalSpacing),
+            ) {
+                RenderComposeChildren(node)
+            }
         "box" ->
             Box(
                 modifier = modifier,
@@ -1142,6 +1208,9 @@ private fun RenderComposeNodeBody(
             )
         }
         "button" -> RenderComposeButton(node, props, modifier)
+        "iconbutton", "fillediconbutton", "filledtonaliconbutton", "outlinediconbutton" ->
+            RenderComposeIconButton(node, props, modifier)
+        "floatingactionbutton" -> RenderComposeFloatingActionButton(node, props, modifier)
         "switch" -> RenderComposeSwitch(node, props, modifier)
         "checkbox" ->
             Checkbox(
@@ -1419,6 +1488,34 @@ private fun RenderComposeButton(
     val enabled = !props.disabled && node.isEnabled
     val danger = props.tone.equals("danger", ignoreCase = true)
     when (props.variant?.trim()?.lowercase()) {
+        "tonal" ->
+            FilledTonalButton(
+                onClick = { node.handlePress() },
+                modifier = modifier,
+                enabled = enabled,
+                colors =
+                    if (danger) {
+                        ButtonDefaults.filledTonalButtonColors(containerColor = DangerColor, contentColor = Color.White)
+                    } else {
+                        ButtonDefaults.filledTonalButtonColors()
+                    },
+            ) {
+                ComposeButtonContent(props)
+            }
+        "elevated" ->
+            ElevatedButton(
+                onClick = { node.handlePress() },
+                modifier = modifier,
+                enabled = enabled,
+                colors =
+                    if (danger) {
+                        ButtonDefaults.elevatedButtonColors(containerColor = DangerColor, contentColor = Color.White)
+                    } else {
+                        ButtonDefaults.elevatedButtonColors()
+                    },
+            ) {
+                ComposeButtonContent(props)
+            }
         "outlined" ->
             OutlinedButton(
                 onClick = { node.handlePress() },
@@ -1467,6 +1564,73 @@ private fun RenderComposeButton(
     }
 }
 
+@Composable
+private fun RenderComposeIconButton(
+    node: OneNativeComposeNodeView,
+    props: OneNativeComposeNodeProps,
+    modifier: Modifier,
+) {
+    val enabled = !props.disabled && node.isEnabled
+    val custom = props.iconButtonColors
+    fun colors(defaults: IconButtonColors): IconButtonColors = defaults.copy(
+        containerColor = custom.containerColor?.let(::Color) ?: defaults.containerColor,
+        contentColor = custom.contentColor?.let(::Color) ?: defaults.contentColor,
+        disabledContainerColor = custom.disabledContainerColor?.let(::Color) ?: defaults.disabledContainerColor,
+        disabledContentColor = custom.disabledContentColor?.let(::Color) ?: defaults.disabledContentColor,
+    )
+    when (node.renderedNodeKind) {
+        "fillediconbutton" -> FilledIconButton(
+            onClick = node::handlePress,
+            modifier = modifier,
+            enabled = enabled,
+            colors = colors(IconButtonDefaults.filledIconButtonColors()),
+        ) { RenderComposeChildren(node) }
+        "filledtonaliconbutton" -> FilledTonalIconButton(
+            onClick = node::handlePress,
+            modifier = modifier,
+            enabled = enabled,
+            colors = colors(IconButtonDefaults.filledTonalIconButtonColors()),
+        ) { RenderComposeChildren(node) }
+        "outlinediconbutton" -> OutlinedIconButton(
+            onClick = node::handlePress,
+            modifier = modifier,
+            enabled = enabled,
+            colors = colors(IconButtonDefaults.outlinedIconButtonColors()),
+        ) { RenderComposeChildren(node) }
+        else -> IconButton(
+            onClick = node::handlePress,
+            modifier = modifier,
+            enabled = enabled,
+            colors = colors(IconButtonDefaults.iconButtonColors()),
+        ) { RenderComposeChildren(node) }
+    }
+}
+
+@Composable
+private fun RenderComposeFloatingActionButton(
+    node: OneNativeComposeNodeView,
+    props: OneNativeComposeNodeProps,
+    modifier: Modifier,
+) {
+    val icon = node.renderedChildren.firstOrNull { it.renderedProps.slotName == "icon" }
+    val text = node.renderedChildren.firstOrNull { it.renderedProps.slotName == "text" }
+    val iconContent: @Composable () -> Unit = { if (icon != null) RenderComposeChildren(icon) }
+    val containerColor = props.fabColors.containerColor?.let(::Color) ?: FloatingActionButtonDefaults.containerColor
+    when (props.variant) {
+        "small" -> SmallFloatingActionButton(onClick = node::handlePress, modifier = modifier, containerColor = containerColor, content = iconContent)
+        "large" -> LargeFloatingActionButton(onClick = node::handlePress, modifier = modifier, containerColor = containerColor, content = iconContent)
+        "extended" -> ExtendedFloatingActionButton(
+            onClick = node::handlePress,
+            modifier = modifier,
+            expanded = props.fabExpanded,
+            containerColor = containerColor,
+            icon = iconContent,
+            text = { if (text != null) RenderComposeChildren(text) },
+        )
+        else -> FloatingActionButton(onClick = node::handlePress, modifier = modifier, containerColor = containerColor, content = iconContent)
+    }
+}
+
 @Composable
 private fun RowScope.ComposeButtonContent(props: OneNativeComposeNodeProps) {
     val icon = props.icon
@@ -1797,7 +1961,7 @@ private fun Modifier.applyReactSemantics(
     val semanticRole =
         composeRole(normalizedRole)
             ?: when (node.renderedNodeKind) {
-                "button" -> Role.Button
+                "button", "iconbutton", "fillediconbutton", "filledtonaliconbutton", "outlinediconbutton", "floatingactionbutton" -> Role.Button
                 "switch" -> Role.Switch
                 "checkbox" -> Role.Checkbox
                 "radio" -> Role.RadioButton
@@ -1818,7 +1982,7 @@ private fun Modifier.applyReactSemantics(
     // Fabric; only logical-only children need the compose testTag.
     val needsComposeTag = !testId.isNullOrEmpty() && node.parent == null
     if (needsComposeTag) result = result.testTag(testId)
-    val mergeDescendants = node.renderedNodeKind == "button" || node.renderedNodeKind == "switch" || node.renderedNodeKind == "checkbox" || node.renderedNodeKind == "radio"
+    val mergeDescendants = node.renderedNodeKind == "button" || node.renderedNodeKind.endsWith("iconbutton") || node.renderedNodeKind == "switch" || node.renderedNodeKind == "checkbox" || node.renderedNodeKind == "radio"
     return result.semantics(mergeDescendants = mergeDescendants) {
         if (node.renderedNodeKind == "icon" && label.isNullOrEmpty()) invisibleToUser()
         if (!label.isNullOrEmpty()) contentDescription = label

package/dist/cjs/one.cjs

@@ -39,6 +39,7 @@ const iOS = Object.freeze({
 	Share: import_platform.Share,
 	PhotoLibrary: import_platform.PhotoLibrary,
 	Device: import_platform.Device,
+	Contacts: import_platform.Contacts,
 	Color: import_platform.Color.ios,
 	MenuAction: import_platform.MenuAction,
 	SplitView: import_platform.SplitView,

package/dist/cjs/one.native.cjs

@@ -42,6 +42,7 @@ var iOS = Object.freeze({
 	Share: import_platform.Share,
 	PhotoLibrary: import_platform.PhotoLibrary,
 	Device: import_platform.Device,
+	Contacts: import_platform.Contacts,
 	Color: import_platform.Color.ios,
 	MenuAction: import_platform.MenuAction,
 	SplitView: import_platform.SplitView,

package/dist/cjs/one.native.js

@@ -42,6 +42,7 @@ var iOS = Object.freeze({
 	Share: import_platform.Share,
 	PhotoLibrary: import_platform.PhotoLibrary,
 	Device: import_platform.Device,
+	Contacts: import_platform.Contacts,
 	Color: import_platform.Color.ios,
 	MenuAction: import_platform.MenuAction,
 	SplitView: import_platform.SplitView,

package/dist/cjs/one.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"one.native.js","names":[],"sources":["cjs/one.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar one_exports = {};\n__export(one_exports, {\n  One: () => One\n});\nmodule.exports = __toCommonJS(one_exports);\nvar import_platform = require(\"./platform\");\nvar import_safe_area_context = require(\"./safe-area-context\");\nfunction currentPlatform() {\n  var _Reflect_get;\n  var defined = (_Reflect_get = Reflect.get(globalThis, \"__ONE_PLATFORM__\")) !== null && _Reflect_get !== void 0 ? _Reflect_get : typeof process !== \"undefined\" ? process.env.ONE_PLATFORM : void 0;\n  return defined === \"ios\" || defined === \"android\" || defined === \"rnx\" ? defined : \"web\";\n}\nvar iOS = Object.freeze({\n  ...import_platform.Swift,\n  Widgets: import_platform.Widgets,\n  LiveActivities: import_platform.LiveActivities,\n  WidgetUI: import_platform.WidgetUI,\n  LocalAuthentication: import_platform.LocalAuthentication,\n  Location: import_platform.Location,\n  FileSystem: import_platform.FileSystem,\n  Audio: import_platform.Audio,\n  Share: import_platform.Share,\n  PhotoLibrary: import_platform.PhotoLibrary,\n  Device: import_platform.Device,\n  Color: import_platform.Color.ios,\n  MenuAction: import_platform.MenuAction,\n  SplitView: import_platform.SplitView,\n  ToolbarHost: import_platform.ToolbarHost,\n  BarButtonItem: import_platform.ToolbarItem,\n  ZoomTransitionAlignmentRectDetector: import_platform.ZoomTransitionAlignmentRectDetector,\n  ZoomTransitionEnabler: import_platform.ZoomTransitionEnabler,\n  ZoomTransitionSource: import_platform.ZoomTransitionSource\n});\nvar Android = Object.freeze({\n  ...import_platform.Compose,\n  Color: import_platform.Color.android,\n  Menu: import_platform.Menu,\n  ContextMenu: import_platform.ContextMenu\n});\nvar SafeArea = Object.freeze({\n  Provider: import_safe_area_context.SafeAreaProvider,\n  View: import_safe_area_context.SafeAreaView,\n  initialMetrics: import_safe_area_context.initialWindowMetrics\n});\nvar UI = Object.freeze({\n  ...import_platform.UI,\n  Fonts: import_platform.Fonts,\n  SafeArea,\n  TextInput: import_platform.TextInput,\n  ReservedRegions: import_platform.ReservedRegions\n});\nvar One = Object.freeze({\n  get platform() {\n    return currentPlatform();\n  },\n  AppInfo: import_platform.AppInfo,\n  Database: import_platform.Database,\n  iOS,\n  Android,\n  UI,\n  Notifications: import_platform.Notifications,\n  Clipboard: import_platform.Clipboard,\n  Haptics: import_platform.Haptics,\n  Network: import_platform.Network,\n  Auth: import_platform.Auth,\n  Browser: import_platform.Browser,\n  ImagePicker: import_platform.ImagePicker,\n  DocumentPicker: import_platform.DocumentPicker,\n  SecureStore: import_platform.SecureStore,\n  Speech: import_platform.Speech,\n  Updates: import_platform.Updates\n});\n//# sourceMappingURL=one.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,cAAc,CAAC;AACnB,SAAS,aAAa,EACpB,WAAW,IACb,CAAC;AACD,OAAO,UAAU,aAAa,WAAW;AACzC,IAAI,kBAAkB,QAAQ,4BAAY;AAC1C,IAAI,2BAA2B,QAAQ,qCAAqB;AAC5D,SAAS,kBAAkB;CACzB,IAAI;CACJ,IAAI,WAAW,eAAe,QAAQ,IAAI,YAAY,kBAAkB,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe,OAAO,YAAY,cAAc,QAAQ,IAAI,eAAe,KAAK;CACjM,OAAO,YAAY,SAAS,YAAY,aAAa,YAAY,QAAQ,UAAU;AACrF;AACA,IAAI,MAAM,OAAO,OAAO;CACtB,GAAG,gBAAgB;CACnB,SAAS,gBAAgB;CACzB,gBAAgB,gBAAgB;CAChC,UAAU,gBAAgB;CAC1B,qBAAqB,gBAAgB;CACrC,UAAU,gBAAgB;CAC1B,YAAY,gBAAgB;CAC5B,OAAO,gBAAgB;CACvB,OAAO,gBAAgB;CACvB,cAAc,gBAAgB;CAC9B,QAAQ,gBAAgB;CACxB,OAAO,gBAAgB,MAAM;CAC7B,YAAY,gBAAgB;CAC5B,WAAW,gBAAgB;CAC3B,aAAa,gBAAgB;CAC7B,eAAe,gBAAgB;CAC/B,qCAAqC,gBAAgB;CACrD,uBAAuB,gBAAgB;CACvC,sBAAsB,gBAAgB;AACxC,CAAC;AACD,IAAI,UAAU,OAAO,OAAO;CAC1B,GAAG,gBAAgB;CACnB,OAAO,gBAAgB,MAAM;CAC7B,MAAM,gBAAgB;CACtB,aAAa,gBAAgB;AAC/B,CAAC;AACD,IAAI,WAAW,OAAO,OAAO;CAC3B,UAAU,yBAAyB;CACnC,MAAM,yBAAyB;CAC/B,gBAAgB,yBAAyB;AAC3C,CAAC;AACD,IAAI,KAAK,OAAO,OAAO;CACrB,GAAG,gBAAgB;CACnB,OAAO,gBAAgB;CACvB;CACA,WAAW,gBAAgB;CAC3B,iBAAiB,gBAAgB;AACnC,CAAC;AACD,IAAI,MAAM,OAAO,OAAO;CACtB,IAAI,WAAW;EACb,OAAO,gBAAgB;CACzB;CACA,SAAS,gBAAgB;CACzB,UAAU,gBAAgB;CAC1B;CACA;CACA;CACA,eAAe,gBAAgB;CAC/B,WAAW,gBAAgB;CAC3B,SAAS,gBAAgB;CACzB,SAAS,gBAAgB;CACzB,MAAM,gBAAgB;CACtB,SAAS,gBAAgB;CACzB,aAAa,gBAAgB;CAC7B,gBAAgB,gBAAgB;CAChC,aAAa,gBAAgB;CAC7B,QAAQ,gBAAgB;CACxB,SAAS,gBAAgB;AAC3B,CAAC"}
+{"version":3,"file":"one.native.js","names":[],"sources":["cjs/one.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar one_exports = {};\n__export(one_exports, {\n  One: () => One\n});\nmodule.exports = __toCommonJS(one_exports);\nvar import_platform = require(\"./platform\");\nvar import_safe_area_context = require(\"./safe-area-context\");\nfunction currentPlatform() {\n  var _Reflect_get;\n  var defined = (_Reflect_get = Reflect.get(globalThis, \"__ONE_PLATFORM__\")) !== null && _Reflect_get !== void 0 ? _Reflect_get : typeof process !== \"undefined\" ? process.env.ONE_PLATFORM : void 0;\n  return defined === \"ios\" || defined === \"android\" || defined === \"rnx\" ? defined : \"web\";\n}\nvar iOS = Object.freeze({\n  ...import_platform.Swift,\n  Widgets: import_platform.Widgets,\n  LiveActivities: import_platform.LiveActivities,\n  WidgetUI: import_platform.WidgetUI,\n  LocalAuthentication: import_platform.LocalAuthentication,\n  Location: import_platform.Location,\n  FileSystem: import_platform.FileSystem,\n  Audio: import_platform.Audio,\n  Share: import_platform.Share,\n  PhotoLibrary: import_platform.PhotoLibrary,\n  Device: import_platform.Device,\n  Contacts: import_platform.Contacts,\n  Color: import_platform.Color.ios,\n  MenuAction: import_platform.MenuAction,\n  SplitView: import_platform.SplitView,\n  ToolbarHost: import_platform.ToolbarHost,\n  BarButtonItem: import_platform.ToolbarItem,\n  ZoomTransitionAlignmentRectDetector: import_platform.ZoomTransitionAlignmentRectDetector,\n  ZoomTransitionEnabler: import_platform.ZoomTransitionEnabler,\n  ZoomTransitionSource: import_platform.ZoomTransitionSource\n});\nvar Android = Object.freeze({\n  ...import_platform.Compose,\n  Color: import_platform.Color.android,\n  Menu: import_platform.Menu,\n  ContextMenu: import_platform.ContextMenu\n});\nvar SafeArea = Object.freeze({\n  Provider: import_safe_area_context.SafeAreaProvider,\n  View: import_safe_area_context.SafeAreaView,\n  initialMetrics: import_safe_area_context.initialWindowMetrics\n});\nvar UI = Object.freeze({\n  ...import_platform.UI,\n  Fonts: import_platform.Fonts,\n  SafeArea,\n  TextInput: import_platform.TextInput,\n  ReservedRegions: import_platform.ReservedRegions\n});\nvar One = Object.freeze({\n  get platform() {\n    return currentPlatform();\n  },\n  AppInfo: import_platform.AppInfo,\n  Database: import_platform.Database,\n  iOS,\n  Android,\n  UI,\n  Notifications: import_platform.Notifications,\n  Clipboard: import_platform.Clipboard,\n  Haptics: import_platform.Haptics,\n  Network: import_platform.Network,\n  Auth: import_platform.Auth,\n  Browser: import_platform.Browser,\n  ImagePicker: import_platform.ImagePicker,\n  DocumentPicker: import_platform.DocumentPicker,\n  SecureStore: import_platform.SecureStore,\n  Speech: import_platform.Speech,\n  Updates: import_platform.Updates\n});\n//# sourceMappingURL=one.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,cAAc,CAAC;AACnB,SAAS,aAAa,EACpB,WAAW,IACb,CAAC;AACD,OAAO,UAAU,aAAa,WAAW;AACzC,IAAI,kBAAkB,QAAQ,4BAAY;AAC1C,IAAI,2BAA2B,QAAQ,qCAAqB;AAC5D,SAAS,kBAAkB;CACzB,IAAI;CACJ,IAAI,WAAW,eAAe,QAAQ,IAAI,YAAY,kBAAkB,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe,OAAO,YAAY,cAAc,QAAQ,IAAI,eAAe,KAAK;CACjM,OAAO,YAAY,SAAS,YAAY,aAAa,YAAY,QAAQ,UAAU;AACrF;AACA,IAAI,MAAM,OAAO,OAAO;CACtB,GAAG,gBAAgB;CACnB,SAAS,gBAAgB;CACzB,gBAAgB,gBAAgB;CAChC,UAAU,gBAAgB;CAC1B,qBAAqB,gBAAgB;CACrC,UAAU,gBAAgB;CAC1B,YAAY,gBAAgB;CAC5B,OAAO,gBAAgB;CACvB,OAAO,gBAAgB;CACvB,cAAc,gBAAgB;CAC9B,QAAQ,gBAAgB;CACxB,UAAU,gBAAgB;CAC1B,OAAO,gBAAgB,MAAM;CAC7B,YAAY,gBAAgB;CAC5B,WAAW,gBAAgB;CAC3B,aAAa,gBAAgB;CAC7B,eAAe,gBAAgB;CAC/B,qCAAqC,gBAAgB;CACrD,uBAAuB,gBAAgB;CACvC,sBAAsB,gBAAgB;AACxC,CAAC;AACD,IAAI,UAAU,OAAO,OAAO;CAC1B,GAAG,gBAAgB;CACnB,OAAO,gBAAgB,MAAM;CAC7B,MAAM,gBAAgB;CACtB,aAAa,gBAAgB;AAC/B,CAAC;AACD,IAAI,WAAW,OAAO,OAAO;CAC3B,UAAU,yBAAyB;CACnC,MAAM,yBAAyB;CAC/B,gBAAgB,yBAAyB;AAC3C,CAAC;AACD,IAAI,KAAK,OAAO,OAAO;CACrB,GAAG,gBAAgB;CACnB,OAAO,gBAAgB;CACvB;CACA,WAAW,gBAAgB;CAC3B,iBAAiB,gBAAgB;AACnC,CAAC;AACD,IAAI,MAAM,OAAO,OAAO;CACtB,IAAI,WAAW;EACb,OAAO,gBAAgB;CACzB;CACA,SAAS,gBAAgB;CACzB,UAAU,gBAAgB;CAC1B;CACA;CACA;CACA,eAAe,gBAAgB;CAC/B,WAAW,gBAAgB;CAC3B,SAAS,gBAAgB;CACzB,SAAS,gBAAgB;CACzB,MAAM,gBAAgB;CACtB,SAAS,gBAAgB;CACzB,aAAa,gBAAgB;CAC7B,gBAAgB,gBAAgB;CAChC,aAAa,gBAAgB;CAC7B,QAAQ,gBAAgB;CACxB,SAAS,gBAAgB;AAC3B,CAAC"}

package/dist/cjs/platform/compose.android.cjs

@@ -106,6 +106,22 @@ function Row(param) {
 		children
 	});
 }
+function FlowRow(param) {
+	var { children, horizontalArrangement = "start", verticalArrangement = "top", ...props } = param;
+	(0, import_composeValidation.validateFlowRowProps)({
+		horizontalArrangement,
+		verticalArrangement
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType: "flowrow",
+		arrangement: typeof horizontalArrangement === "string" ? horizontalArrangement : "start",
+		verticalArrangement: typeof verticalArrangement === "string" ? verticalArrangement : "top",
+		spacing: typeof horizontalArrangement === "string" ? void 0 : horizontalArrangement.spacedBy,
+		verticalSpacing: typeof verticalArrangement === "string" ? void 0 : verticalArrangement.spacedBy,
+		children
+	});
+}
 function Box(param) {
 	var { children, contentAlignment = "topStart", ...props } = param;
 	(0, import_composeValidation.validateBoxProps)({ contentAlignment });
@@ -164,7 +180,7 @@ function ListItemRoot(param) {
 		children
 	});
 }
-function listItemSlot(slotName) {
+function composeSlot(slotName) {
 	return function(param) {
 		var { children } = param;
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
@@ -175,11 +191,11 @@ function listItemSlot(slotName) {
 	};
 }
 var ListItem = Object.assign(ListItemRoot, {
-	HeadlineContent: listItemSlot("headlineContent"),
-	OverlineContent: listItemSlot("overlineContent"),
-	SupportingContent: listItemSlot("supportingContent"),
-	LeadingContent: listItemSlot("leadingContent"),
-	TrailingContent: listItemSlot("trailingContent")
+	HeadlineContent: composeSlot("headlineContent"),
+	OverlineContent: composeSlot("overlineContent"),
+	SupportingContent: composeSlot("supportingContent"),
+	LeadingContent: composeSlot("leadingContent"),
+	TrailingContent: composeSlot("trailingContent")
 });
 function renderCard(nodeType, kind, param) {
 	var { children, colors, elevation, border, ...props } = param;
@@ -395,6 +411,84 @@ function Button(param) {
 		} : void 0
 	});
 }
+function renderIconButton(nodeType, param) {
+	var { children, enabled = true, colors, onClick, ...props } = param;
+	(0, import_composeValidation.validateIconButtonProps)({
+		children,
+		enabled,
+		colors,
+		onClick
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType,
+		disabled: !enabled,
+		iconButtonColors: colors,
+		onNativeComposeNodeButtonPress: onClick ? function() {
+			return onClick();
+		} : void 0,
+		children
+	});
+}
+function IconButton(props) {
+	return renderIconButton("iconbutton", props);
+}
+function FilledIconButton(props) {
+	return renderIconButton("fillediconbutton", props);
+}
+function FilledTonalIconButton(props) {
+	return renderIconButton("filledtonaliconbutton", props);
+}
+function OutlinedIconButton(props) {
+	return renderIconButton("outlinediconbutton", props);
+}
+function FloatingActionButtonRoot(param) {
+	var { children, containerColor, expanded = true, onClick, variant = "medium", ...props } = param;
+	(0, import_composeValidation.validateFloatingActionButtonProps)({
+		children,
+		containerColor,
+		expanded,
+		onClick
+	}, variant);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType: "floatingactionbutton",
+		variant,
+		fabColors: { containerColor },
+		fabExpanded: expanded,
+		onNativeComposeNodeButtonPress: onClick ? function() {
+			return onClick();
+		} : void 0,
+		children
+	});
+}
+var FloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "medium"
+	});
+}, { Icon: composeSlot("icon") });
+var SmallFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "small"
+	});
+}, { Icon: composeSlot("icon") });
+var LargeFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "large"
+	});
+}, { Icon: composeSlot("icon") });
+var ExtendedFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "extended"
+	});
+}, {
+	Icon: composeSlot("icon"),
+	Text: composeSlot("text")
+});
 function Switch(param) {
 	var { isOn, disabled = false, label = "", onIsOnChange, revision = 0, ...props } = param;
 	(0, import_composeValidation.validateSwitchProps)({
@@ -620,6 +714,7 @@ function ProgressIndicator(param) {
 var Compose = {
 	Column,
 	Row,
+	FlowRow,
 	Box,
 	Badge,
 	BadgedBox,
@@ -636,6 +731,14 @@ var Compose = {
 	Text,
 	Icon,
 	Button,
+	IconButton,
+	FilledIconButton,
+	FilledTonalIconButton,
+	OutlinedIconButton,
+	FloatingActionButton,
+	SmallFloatingActionButton,
+	LargeFloatingActionButton,
+	ExtendedFloatingActionButton,
 	Switch,
 	Checkbox,
 	RadioButton,

package/dist/cjs/platform/compose.android.js

@@ -106,6 +106,22 @@ function Row(param) {
 		children
 	});
 }
+function FlowRow(param) {
+	var { children, horizontalArrangement = "start", verticalArrangement = "top", ...props } = param;
+	(0, import_composeValidation.validateFlowRowProps)({
+		horizontalArrangement,
+		verticalArrangement
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType: "flowrow",
+		arrangement: typeof horizontalArrangement === "string" ? horizontalArrangement : "start",
+		verticalArrangement: typeof verticalArrangement === "string" ? verticalArrangement : "top",
+		spacing: typeof horizontalArrangement === "string" ? void 0 : horizontalArrangement.spacedBy,
+		verticalSpacing: typeof verticalArrangement === "string" ? void 0 : verticalArrangement.spacedBy,
+		children
+	});
+}
 function Box(param) {
 	var { children, contentAlignment = "topStart", ...props } = param;
 	(0, import_composeValidation.validateBoxProps)({ contentAlignment });
@@ -164,7 +180,7 @@ function ListItemRoot(param) {
 		children
 	});
 }
-function listItemSlot(slotName) {
+function composeSlot(slotName) {
 	return function(param) {
 		var { children } = param;
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
@@ -175,11 +191,11 @@ function listItemSlot(slotName) {
 	};
 }
 var ListItem = Object.assign(ListItemRoot, {
-	HeadlineContent: listItemSlot("headlineContent"),
-	OverlineContent: listItemSlot("overlineContent"),
-	SupportingContent: listItemSlot("supportingContent"),
-	LeadingContent: listItemSlot("leadingContent"),
-	TrailingContent: listItemSlot("trailingContent")
+	HeadlineContent: composeSlot("headlineContent"),
+	OverlineContent: composeSlot("overlineContent"),
+	SupportingContent: composeSlot("supportingContent"),
+	LeadingContent: composeSlot("leadingContent"),
+	TrailingContent: composeSlot("trailingContent")
 });
 function renderCard(nodeType, kind, param) {
 	var { children, colors, elevation, border, ...props } = param;
@@ -395,6 +411,84 @@ function Button(param) {
 		} : void 0
 	});
 }
+function renderIconButton(nodeType, param) {
+	var { children, enabled = true, colors, onClick, ...props } = param;
+	(0, import_composeValidation.validateIconButtonProps)({
+		children,
+		enabled,
+		colors,
+		onClick
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType,
+		disabled: !enabled,
+		iconButtonColors: colors,
+		onNativeComposeNodeButtonPress: onClick ? function() {
+			return onClick();
+		} : void 0,
+		children
+	});
+}
+function IconButton(props) {
+	return renderIconButton("iconbutton", props);
+}
+function FilledIconButton(props) {
+	return renderIconButton("fillediconbutton", props);
+}
+function FilledTonalIconButton(props) {
+	return renderIconButton("filledtonaliconbutton", props);
+}
+function OutlinedIconButton(props) {
+	return renderIconButton("outlinediconbutton", props);
+}
+function FloatingActionButtonRoot(param) {
+	var { children, containerColor, expanded = true, onClick, variant = "medium", ...props } = param;
+	(0, import_composeValidation.validateFloatingActionButtonProps)({
+		children,
+		containerColor,
+		expanded,
+		onClick
+	}, variant);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeNode, {
+		...props,
+		nodeType: "floatingactionbutton",
+		variant,
+		fabColors: { containerColor },
+		fabExpanded: expanded,
+		onNativeComposeNodeButtonPress: onClick ? function() {
+			return onClick();
+		} : void 0,
+		children
+	});
+}
+var FloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "medium"
+	});
+}, { Icon: composeSlot("icon") });
+var SmallFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "small"
+	});
+}, { Icon: composeSlot("icon") });
+var LargeFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "large"
+	});
+}, { Icon: composeSlot("icon") });
+var ExtendedFloatingActionButton = Object.assign(function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingActionButtonRoot, {
+		...props,
+		variant: "extended"
+	});
+}, {
+	Icon: composeSlot("icon"),
+	Text: composeSlot("text")
+});
 function Switch(param) {
 	var { isOn, disabled = false, label = "", onIsOnChange, revision = 0, ...props } = param;
 	(0, import_composeValidation.validateSwitchProps)({
@@ -620,6 +714,7 @@ function ProgressIndicator(param) {
 var Compose = {
 	Column,
 	Row,
+	FlowRow,
 	Box,
 	Badge,
 	BadgedBox,
@@ -636,6 +731,14 @@ var Compose = {
 	Text,
 	Icon,
 	Button,
+	IconButton,
+	FilledIconButton,
+	FilledTonalIconButton,
+	OutlinedIconButton,
+	FloatingActionButton,
+	SmallFloatingActionButton,
+	LargeFloatingActionButton,
+	ExtendedFloatingActionButton,
 	Switch,
 	Checkbox,
 	RadioButton,