@expo/ui 0.2.0-beta.6 → 0.2.0-beta.7

package/CHANGELOG.md

@@ -10,6 +10,17 @@
 
 ### 💡 Others
 
+## 0.2.0-beta.7 — 2025-10-09
+
+### 🎉 New features
+
+- [iOS] Adds `controlSize` prop to Button([#40030](https://github.com/expo/expo/pull/40030) by [@betomoedano](https://github.com/betomoedano))
+- [iOS] Add Divider component. ([#40283](https://github.com/expo/expo/pull/40283) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+
+### 💡 Others
+
+- [iOS] Make `ContextMenu` more composable. ([#40254](https://github.com/expo/expo/pull/40254) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+
 ## 0.2.0-beta.6 — 2025-10-01
 
 ### 🐛 Bug fixes

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '0.2.0-beta.6'
+version = '0.2.0-beta.7'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "0.2.0-beta.6"
+    versionName "0.2.0-beta.7"
   }
   buildFeatures {
     compose true

package/build/swift-ui/Button/index.d.ts

@@ -8,6 +8,15 @@ import { type CommonViewModifierProps } from '../types';
  * - `destructive` - A button that deletes data or performs a destructive action.
  */
 export type ButtonRole = 'default' | 'cancel' | 'destructive';
+/**
+ * Sets the size for controls within this view.
+ * - `mini` - A control version that is minimally sized.
+ * - `small` - A control version that is proportionally smaller size for space-constrained views.
+ * - `regular` - A control version that is the default size.
+ * - `large` - A control version that is prominently sized.
+ * - `extraLarge` - A control version that is substantially sized. The largest control size. Resolves to ControlSize.large on platforms other than visionOS.
+ */
+export type ButtonControlSize = 'mini' | 'small' | 'regular' | 'large' | 'extraLarge';
 /**
  * The built-in button styles available on iOS.
  *
@@ -42,6 +51,10 @@ export type ButtonProps = {
      * @platform ios
      */
     role?: ButtonRole;
+    /**
+     * The size for controls within this view.
+     */
+    controlSize?: ButtonControlSize;
     /**
      * The button variant.
      */
@@ -63,7 +76,7 @@ export type ButtonProps = {
  * exposed for ContextMenu
  * @hidden
  */
-export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'children' | 'systemImage'> & {
+export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'children' | 'systemImage' | 'controlSize'> & {
     buttonRole?: ButtonRole;
     text: string | undefined;
     systemImage?: SFSymbol;

package/build/swift-ui/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,GACP,gBAAgB,GAChB,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAChD,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EACpC,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,iBAAiB,CAWnB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAkBxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAEtF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,GACP,gBAAgB,GAChB,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,CAChE,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EACpC,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,iBAAiB,CAWnB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAkBxC"}

package/build/swift-ui/ContextMenu/index.d.ts

@@ -1,6 +1,5 @@
-import { type ContextMenuProps } from './types';
-export * from './Submenu';
-export { type ActivationMethod, type ContextMenuProps, type ContextMenuContentProps, } from './types';
+import { type SubmenuProps, type ContextMenuProps } from './types';
+export { type ActivationMethod, type ContextMenuProps } from './types';
 /**
  * Items visible inside the context menu. Pass input components as immidiate children of the tag.
  * `Button`, `Switch` and `Submenu` components are supported on both Android and iOS.
@@ -9,9 +8,6 @@ export { type ActivationMethod, type ContextMenuProps, type ContextMenuContentPr
 export declare function Items(props: {
     children: React.ReactNode;
 }): import("react").JSX.Element;
-export declare namespace Items {
-    var tag: string;
-}
 /**
  * The component visible all the time that triggers the menu when tapped or long-pressed.
  */
@@ -44,5 +40,9 @@ declare namespace ContextMenu {
     var Preview: typeof import(".").Preview;
     var Items: typeof import(".").Items;
 }
-export { ContextMenu };
+/**
+ * @deprecated Use `ContextMenu` component as Submenu instead.
+ */
+declare const Submenu: (props: SubmenuProps) => import("react").JSX.Element;
+export { ContextMenu, Submenu };
 //# sourceMappingURL=index.d.ts.map

package/build/swift-ui/ContextMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAsB,MAAM,SAAS,CAAC;AAGpE,cAAc,WAAW,CAAC;AAC1B,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,SAAS,CAAC;AAkCjB;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAEzD;yBAFe,KAAK;;;AAKrB;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;GAGG;AAEH;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA2B3C;kBA3BQ,WAAW;;;;;AAiCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqBvE;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAEzD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;GAGG;AAEH;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAE3C;kBAFQ,WAAW;;;;;AAQpB;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,YAAY,gCAQnC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC"}

package/build/swift-ui/ContextMenu/types.d.ts

@@ -1,18 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { NativeSyntheticEvent } from 'react-native';
 import { type ButtonProps } from '../Button';
-import { type PickerProps } from '../Picker';
-import { type SwitchProps } from '../Switch';
-import { type SubmenuProps } from './Submenu';
 import { type CommonViewModifierProps } from '../types';
-export type EventHandlers = Record<string, Record<string, (event: NativeSyntheticEvent<any>) => void>>;
-export type ContextMenuElementBase = {
-    contextMenuElementID: string;
-};
-type SubmenuElement = ReactElement<ButtonProps> | ReactElement<SwitchProps> | ReactElement<PickerProps> | ReactElement<SubmenuProps>;
-export type ContextMenuContentProps = {
-    children: SubmenuElement | SubmenuElement[];
-};
 /**
  * Activation method of the context menu.
  * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.
@@ -33,5 +21,18 @@ export type ContextMenuProps = {
      */
     children: ReactNode;
 } & CommonViewModifierProps;
-export {};
+/**
+ * Props of the `Submenu` component.
+ * @deprecated Use `ContextMenu` component as Submenu instead.
+ */
+export type SubmenuProps = {
+    /**
+     * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.
+     */
+    button: ReactElement<ButtonProps>;
+    /**
+     * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.
+     */
+    children: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

package/build/swift-ui/ContextMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,MAAM,CAChC,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAC3D,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IAAE,oBAAoB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,KAAK,cAAc,GACf,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,YAAY,CAAC,CAAC;AAE/B,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;CAC7C,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,uBAAuB,CAAC;AAE5B;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/build/swift-ui/Divider/index.d.ts

@@ -0,0 +1,8 @@
+import { type CommonViewModifierProps } from '../types';
+export type DividerProps = CommonViewModifierProps;
+/**
+ * Divider component uses the native [Divider](https://developer.apple.com/documentation/swiftui/divider) component.
+ * A visual element that can be used to separate other content.
+ */
+export declare function Divider(props: DividerProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/swift-ui/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Divider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG,uBAAuB,CAAC;AAOnD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}

package/build/swift-ui/index.d.ts

@@ -5,6 +5,7 @@ export * from './ColorPicker';
 export * from './ContentUnavailableView';
 export * from './ContextMenu';
 export * from './DatePicker';
+export * from './Divider';
 export * from './DisclosureGroup';
 export * from './Form';
 export * from './Gauge';

package/build/swift-ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC"}

package/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "0.2.0-beta.6",
+      "version": "0.2.0-beta.7",
       "repository": "local-maven-repo"
     }
   }

package/ios/Button/Button.swift

@@ -27,6 +27,7 @@ struct Button: ExpoSwiftUI.View {
       })
     .disabled(props.disabled)
     .tint(props.color)
+    .controlSize(props.controlSize?.toNativeControlSize() ?? .regular)
     .modifier(CommonViewModifiers(props: props))
     // TODO: Maybe there is a way to do a switch statement similarly to the `if` extension?
     .if(props.variant == .bordered, {
@@ -83,3 +84,4 @@ struct Button: ExpoSwiftUI.View {
     }
   }
 }
+

package/ios/Button/ButtonProps.swift

@@ -20,6 +20,35 @@ internal enum ButtonRole: String, Enumerable {
   }
 }
 
+internal enum ButtonControlSize: String, Enumerable {
+  case mini
+  case small
+  case regular
+  case large
+  case extraLarge
+  
+  func toNativeControlSize() -> SwiftUI.ControlSize {
+    switch self {
+    case .mini:
+      return .mini
+    case .small:
+      return .small
+    case .regular:
+      return .regular
+    case .large:
+      return .large
+    case .extraLarge:
+      if #available(iOS 17.0, tvOS 17.0, *) {
+        return .extraLarge
+      } else {
+        return .large
+      }
+    @unknown default:
+      return .regular
+    }
+  }
+}
+
 internal enum ButtonVariant: String, Enumerable {
   case `default`
   case bordered
@@ -45,7 +74,9 @@ final class ButtonProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps, Observa
   @Field var systemImage: String?
   @Field var color: Color?
   @Field var buttonRole: ButtonRole? = .default
+  @Field var controlSize: ButtonControlSize? = .regular
   @Field var variant: ButtonVariant? = .default
   @Field var disabled: Bool = false
   var onButtonPressed = EventDispatcher()
 }
+

package/ios/ContextMenu/ContextMenu.swift

@@ -1,68 +1,14 @@
 import SwiftUI
 import ExpoModulesCore
 
-struct MenuItems: View {
-  let fromElements: [ContextMenuElement]?
-  let props: ContextMenuProps?
-
-  init(fromElements: [ContextMenuElement]?, props: ContextMenuProps?) {
-    self.fromElements = fromElements
-    self.props = props
-
-    fromElements?.forEach { element in
-      let id = element.contextMenuElementID
-      if let button = element.button {
-        button.onButtonPressed.onEventSent = { _ in
-          props?.onContextMenuButtonPressed(addId(id, toMap: nil))
-        }
-      }
-      if let `switch` = element.switch {
-        `switch`.onValueChange.onEventSent = { map in
-          props?.onContextMenuSwitchCheckedChanged(addId(id, toMap: map))
-        }
-      }
-      if let picker = element.picker {
-        picker.onOptionSelected.onEventSent = { map in
-          props?.onContextMenuPickerOptionSelected(addId(id, toMap: map))
-        }
-      }
-    }
-  }
-
-  var body: some View {
-    ForEach(fromElements ?? []) { elem in
-      if let button = elem.button {
-        ExpoUI.Button(props: button)
-      }
-
-      if let picker = elem.picker {
-        ExpoUI.PickerView(props: picker)
-      }
-
-      if let `switch` = elem.switch {
-        ExpoUI.SwitchView(props: `switch`)
-      }
-
-      if let submenu = elem.submenu {
-        SinglePressContextMenu(
-          elements: submenu.elements,
-          activationElement: ExpoUI.Button(props: submenu.button),
-          props: props
-        )
-      }
-    }
-  }
-}
-
-struct SinglePressContextMenu<ActivationElement: View>: View {
-  let elements: [ContextMenuElement]?
+struct SinglePressContextMenu<ActivationElement: View, MenuContent: View>: View {
   let activationElement: ActivationElement
-  let props: ContextMenuProps?
+  let menuContent: MenuContent
 
   var body: some View {
     #if !os(tvOS)
     SwiftUI.Menu {
-      MenuItems(fromElements: elements, props: props)
+      menuContent
     } label: {
       activationElement
     }
@@ -72,100 +18,63 @@ struct SinglePressContextMenu<ActivationElement: View>: View {
   }
 }
 
-struct LongPressContextMenu<ActivationElement: View>: View {
-  let elements: [ContextMenuElement]?
-  let activationElement: ActivationElement
-  let props: ContextMenuProps?
-
-  var body: some View {
-    activationElement.contextMenu(menuItems: {
-      MenuItems(fromElements: elements, props: props)
-    })
-  }
-}
-
-struct LongPressContextMenuWithPreview<ActivationElement: View, Preview: View>: View {
-  let elements: [ContextMenuElement]?
+struct LongPressContextMenuWithPreview<ActivationElement: View, Preview: View, MenuContent: View>: View {
   let activationElement: ActivationElement
   let preview: Preview
-  let props: ContextMenuProps?
+  let menuContent: MenuContent
 
   var body: some View {
     if #available(iOS 16.0, tvOS 16.0, *) {
       activationElement.contextMenu(menuItems: {
-        MenuItems(fromElements: elements, props: props)
+        menuContent
       }, preview: {
         preview
       })
     } else {
       activationElement.contextMenu(menuItems: {
-        MenuItems(fromElements: elements, props: props)
+        menuContent
       })
     }
   }
 }
 
-struct ContextMenuPreview: ExpoSwiftUI.View {
-  @ObservedObject var props: ContextMenuPreviewProps
-
-  var body: some View {
-    Children()
-      .modifier(CommonViewModifiers(props: props))
-  }
-}
-
-struct ContextMenuActivationElement: ExpoSwiftUI.View {
-  @ObservedObject var props: ContextMenuActivationElementProps
-
-  var body: some View {
-    Children()
-      .modifier(CommonViewModifiers(props: props))
-  }
-}
-
 struct ContextMenu: ExpoSwiftUI.View {
   @ObservedObject var props: ContextMenuProps
 
   var body: some View {
+    let activationElement = (props.children?
+      .compactMap { $0.childView as? ContextMenuActivationElement }
+      .first) ?? ContextMenuActivationElement(props: ContextMenuActivationElementProps())
+
+    let menuContent = (props.children?
+      .compactMap { $0.childView as? ContextMenuContent }
+      .first) ?? ContextMenuContent(props: ContextMenuContentProps())
+
     if props.activationMethod == .singlePress {
-      let activationElement = props.children?
-        .compactMap { $0.childView as? ContextMenuActivationElement }
-        .first
       SinglePressContextMenu(
-        elements: props.elements,
         activationElement: activationElement,
-        props: props
+        menuContent: menuContent
       )
       .modifier(CommonViewModifiers(props: props))
     } else {
       let preview = props.children?
         .compactMap { $0.childView as? ContextMenuPreview }
         .first
-      let activationElement = props.children?
-        .compactMap { $0.childView as? ContextMenuActivationElement }
-        .first
-      if preview != nil {
+
+      if let preview {
         LongPressContextMenuWithPreview(
-          elements: props.elements,
           activationElement: activationElement,
           preview: preview,
-          props: props
+          menuContent: menuContent
         )
         .modifier(CommonViewModifiers(props: props))
       } else {
         LongPressContextMenu(
-          elements: props.elements,
           activationElement: activationElement,
-          props: props
+          menuContent: menuContent
         )
         .modifier(CommonViewModifiers(props: props))
       }
     }
   }
 }
-
-private func addId(_ id: String?, toMap initialMap: [String: Any]?) -> [String: Any] {
-  var newMap = initialMap ?? [:]
-  newMap["contextMenuElementID"] = id
-  return newMap
-}

package/ios/ContextMenu/ContextMenuComponents.swift

@@ -0,0 +1,37 @@
+import SwiftUI
+import ExpoModulesCore
+
+internal struct LongPressContextMenu<ActivationElement: View, MenuContent: View>: View {
+  let activationElement: ActivationElement
+  let menuContent: MenuContent
+
+  var body: some View {
+    activationElement.contextMenu(menuItems: {
+      menuContent
+    })
+  }
+}
+
+internal struct ContextMenuPreview: ExpoSwiftUI.View {
+  @ObservedObject var props: ContextMenuPreviewProps
+
+  var body: some View {
+    Children()
+  }
+}
+
+internal struct ContextMenuContent: ExpoSwiftUI.View {
+  @ObservedObject var props: ContextMenuContentProps
+
+  var body: some View {
+    Children()
+  }
+}
+
+internal struct ContextMenuActivationElement: ExpoSwiftUI.View {
+  @ObservedObject var props: ContextMenuActivationElementProps
+
+  var body: some View {
+    Children()
+  }
+}

package/ios/ContextMenu/ContextMenuRecords.swift

@@ -5,21 +5,6 @@ internal enum ActivationMethod: String, Enumerable {
   case longPress
 }
 
-internal final class Submenu: Record, Identifiable {
-  required init() { }
-  @Field var elements: [ContextMenuElement]
-  @Field var button: ButtonProps
-}
-
-internal final class ContextMenuElement: Record, Identifiable {
-  required init() { }
-  @Field var button: ButtonProps?
-  @Field var picker: PickerProps?
-  @Field var `switch`: SwitchProps?
-  @Field var submenu: Submenu?
-  @Field var contextMenuElementID: String?
-}
-
 internal final class ContextMenuProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
   @Field var fixedSize: Bool?
   @Field var frame: FrameOptions?
@@ -27,25 +12,11 @@ internal final class ContextMenuProps: ExpoSwiftUI.ViewProps, CommonViewModifier
   @Field var testID: String?
   @Field var modifiers: ModifierArray?
 
-  @Field var elements: [ContextMenuElement]
-  var onContextMenuButtonPressed = EventDispatcher()
-  var onContextMenuPickerOptionSelected = EventDispatcher()
-  var onContextMenuSwitchCheckedChanged = EventDispatcher()
   @Field var activationMethod: ActivationMethod? = .singlePress
 }
 
-internal final class ContextMenuPreviewProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
-  @Field var fixedSize: Bool?
-  @Field var frame: FrameOptions?
-  @Field var padding: PaddingOptions?
-  @Field var testID: String?
-  @Field var modifiers: ModifierArray?
-}
+internal final class ContextMenuPreviewProps: ExpoSwiftUI.ViewProps {}
 
-internal final class ContextMenuActivationElementProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
-  @Field var fixedSize: Bool?
-  @Field var frame: FrameOptions?
-  @Field var padding: PaddingOptions?
-  @Field var testID: String?
-  @Field var modifiers: ModifierArray?
-}
+internal final class ContextMenuActivationElementProps: ExpoSwiftUI.ViewProps {}
+
+internal final class ContextMenuContentProps: ExpoSwiftUI.ViewProps {}

package/ios/DividerView.swift

@@ -0,0 +1,21 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import SwiftUI
+import ExpoModulesCore
+
+internal class DividerProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+}
+
+internal struct DividerView: ExpoSwiftUI.View {
+  @ObservedObject var props: DividerProps
+
+  var body: some View {
+    Divider()
+      .modifier(CommonViewModifiers(props: props))
+  }
+}

package/ios/ExpoUIModule.swift

@@ -22,6 +22,7 @@ public final class ExpoUIModule: Module {
     View(ExpoUI.ContextMenu.self)
     View(ExpoUI.ContextMenuActivationElement.self)
     View(ExpoUI.ContextMenuPreview.self)
+    View(ExpoUI.ContextMenuContent.self)
     View(FormView.self)
     View(GaugeView.self)
     View(GroupView.self)
@@ -60,5 +61,6 @@ public final class ExpoUIModule: Module {
     View(CapsuleView.self)
     View(CircleView.self)
     View(ConcentricRectangleView.self)
+    View(DividerView.self)
   }
 }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-beta.6/expo.modules.ui-0.2.0-beta.6.module → 0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "0.2.0-beta.6",
+    "version": "0.2.0-beta.7",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.6.aar",
-          "url": "expo.modules.ui-0.2.0-beta.6.aar",
+          "name": "expo.modules.ui-0.2.0-beta.7.aar",
+          "url": "expo.modules.ui-0.2.0-beta.7.aar",
           "size": 328057,
           "sha512": "b958652dfcfedb729cea485390e5f5b786a5021c48b23de0f3bcbf608eec41131b1a8c52d2395cd071a5b12ce07f98ec0e9ab0b6f81ab0fea194a197f98e4171",
           "sha256": "1f92dbcd88e2828453eca20aeabe98330c56a6469d6fbad9f8830db76c2b6e04",
@@ -102,8 +102,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.6.aar",
-          "url": "expo.modules.ui-0.2.0-beta.6.aar",
+          "name": "expo.modules.ui-0.2.0-beta.7.aar",
+          "url": "expo.modules.ui-0.2.0-beta.7.aar",
           "size": 328057,
           "sha512": "b958652dfcfedb729cea485390e5f5b786a5021c48b23de0f3bcbf608eec41131b1a8c52d2395cd071a5b12ce07f98ec0e9ab0b6f81ab0fea194a197f98e4171",
           "sha256": "1f92dbcd88e2828453eca20aeabe98330c56a6469d6fbad9f8830db76c2b6e04",
@@ -122,8 +122,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.6-sources.jar",
-          "url": "expo.modules.ui-0.2.0-beta.6-sources.jar",
+          "name": "expo.modules.ui-0.2.0-beta.7-sources.jar",
+          "url": "expo.modules.ui-0.2.0-beta.7-sources.jar",
           "size": 20561,
           "sha512": "9827b418ce18c3c05714e0f283ae29d83da3c2b11d2c0bfe1701c4cd2d4e40105c3dbf2b6c4a1fc281f45910ecfe882b0335bd3339c06b18728b9b7476616a4d",
           "sha256": "217b9fbf9f1a95fc434b20319a21222689d6deb202125cf47fb7a548e086e7b9",

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.module.md5

@@ -0,0 +1 @@
+da3449442087dd38df5c581674aa88b0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.module.sha1

@@ -0,0 +1 @@
+b2abfd8c855d3fee692d1a8e8df0f7162a4e9406

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.module.sha256

@@ -0,0 +1 @@
+9d41483b4f4310db1ca6ac14426f1c47e95d79d84e4ec4e90f82ba2ad65f2b57

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.module.sha512

@@ -0,0 +1 @@
+8db374fc2a20e4d322de06cae351f10fc35ba32d33afb6d902e0fafa13708759437d61b52b2c8d4b7e47fb9bd7098b5ad74ab5174020ca2e29e0deecd7f31a7b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-beta.6/expo.modules.ui-0.2.0-beta.6.pom → 0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>0.2.0-beta.6</version>
+  <version>0.2.0-beta.7</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.pom.md5

@@ -0,0 +1 @@
+1368b7e17b16f8108987821025d385e2

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.pom.sha1

@@ -0,0 +1 @@
+1fb57623e781dab13cca1ada17dc7c2a389c78b4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.pom.sha256

@@ -0,0 +1 @@
+964c4aff80fb38275ff3569c04f279c516023861bfc245418c2472d608c361b4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.7/expo.modules.ui-0.2.0-beta.7.pom.sha512

@@ -0,0 +1 @@
+d6f92d8e7661873bf2e8208ce269e3b6d65799d5e48a93de9b648c9850c68b976d0d8e80088e61851410759de552755ec5109a716fb197a98e31216eeb8ac69a