@expo/ui 0.2.0-alpha.0 → 0.2.0-alpha.2

package/build/swift-ui/BottomSheet/index.js

@@ -1,26 +1,18 @@
 import { requireNativeView } from 'expo';
-import { Dimensions } from 'react-native';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const BottomSheetNativeView = requireNativeView('ExpoUI', 'BottomSheetView');
-export function transformBottomSheetProps(props) {
+function transformBottomSheetProps(props) {
+    const { modifiers, ...restProps } = props;
     return {
-        ...props,
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
         onIsOpenedChange: ({ nativeEvent: { isOpened } }) => {
             props?.onIsOpenedChange?.(isOpened);
         },
     };
 }
-/**
- * `<BottomSheet>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function BottomSheetPrimitive(props) {
-    return <BottomSheetNativeView {...transformBottomSheetProps(props)}/>;
-}
 export function BottomSheet(props) {
-    const { width } = Dimensions.get('window');
-    return (<Host style={{ position: 'absolute', width }}>
-      <BottomSheetPrimitive {...props}/>
-    </Host>);
+    return <BottomSheetNativeView {...transformBottomSheetProps(props)}/>;
 }
 //# sourceMappingURL=index.js.map

package/build/swift-ui/BottomSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAqB/B,MAAM,qBAAqB,GAAgD,iBAAiB,CAC1F,QAAQ,EACR,iBAAiB,CAClB,CAAC;AAEF,MAAM,UAAU,yBAAyB,CAAC,KAAuB;IAC/D,OAAO;QACL,GAAG,KAAK;QACR,gBAAgB,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YAClD,KAAK,EAAE,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAuB;IAC1D,OAAO,CAAC,qBAAqB,CAAC,IAAI,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAC3C;MAAA,CAAC,oBAAoB,CAAC,IAAI,KAAK,CAAC,EAClC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Dimensions, NativeSyntheticEvent } from 'react-native';\n\nimport { Host } from '../Host';\n\nexport type BottomSheetProps = {\n  /**\n   * The children of the `BottomSheet` component.\n   */\n  children: any;\n  /**\n   * Whether the `BottomSheet` is opened.\n   */\n  isOpened: boolean;\n  /**\n   * Callback function that is called when the `BottomSheet` is opened.\n   */\n  onIsOpenedChange: (isOpened: boolean) => void;\n};\n\ntype NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsOpenedChange'> & {\n  onIsOpenedChange: (event: NativeSyntheticEvent<{ isOpened: boolean }>) => void;\n};\n\nconst BottomSheetNativeView: React.ComponentType<NativeBottomSheetProps> = requireNativeView(\n  'ExpoUI',\n  'BottomSheetView'\n);\n\nexport function transformBottomSheetProps(props: BottomSheetProps): NativeBottomSheetProps {\n  return {\n    ...props,\n    onIsOpenedChange: ({ nativeEvent: { isOpened } }) => {\n      props?.onIsOpenedChange?.(isOpened);\n    },\n  };\n}\n\n/**\n * `<BottomSheet>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function BottomSheetPrimitive(props: BottomSheetProps) {\n  return <BottomSheetNativeView {...transformBottomSheetProps(props)} />;\n}\n\nexport function BottomSheet(props: BottomSheetProps) {\n  const { width } = Dimensions.get('window');\n  return (\n    <Host style={{ position: 'absolute', width }}>\n      <BottomSheetPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAsBrE,MAAM,qBAAqB,GAAgD,iBAAiB,CAC1F,QAAQ,EACR,iBAAiB,CAClB,CAAC;AAEF,SAAS,yBAAyB,CAAC,KAAuB;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,SAAS;QACZ,gBAAgB,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;YAClD,KAAK,EAAE,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,CAAC,qBAAqB,CAAC,IAAI,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AACzE,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { NativeSyntheticEvent } from 'react-native';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type BottomSheetProps = {\n  /**\n   * The children of the `BottomSheet` component.\n   */\n  children: any;\n  /**\n   * Whether the `BottomSheet` is opened.\n   */\n  isOpened: boolean;\n  /**\n   * Callback function that is called when the `BottomSheet` is opened.\n   */\n  onIsOpenedChange: (isOpened: boolean) => void;\n} & CommonViewModifierProps;\n\ntype NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsOpenedChange'> & {\n  onIsOpenedChange: (event: NativeSyntheticEvent<{ isOpened: boolean }>) => void;\n};\n\nconst BottomSheetNativeView: React.ComponentType<NativeBottomSheetProps> = requireNativeView(\n  'ExpoUI',\n  'BottomSheetView'\n);\n\nfunction transformBottomSheetProps(props: BottomSheetProps): NativeBottomSheetProps {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    onIsOpenedChange: ({ nativeEvent: { isOpened } }) => {\n      props?.onIsOpenedChange?.(isOpened);\n    },\n  };\n}\n\nexport function BottomSheet(props: BottomSheetProps) {\n  return <BottomSheetNativeView {...transformBottomSheetProps(props)} />;\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { type ViewEvent } from '../../types';
+import { type CommonViewModifierProps } from '../types';
 /**
  * The role of the button.
  * - `default` - The default button role.
@@ -57,8 +57,9 @@ export type ButtonProps = {
      * Disabled state of the button.
      */
     disabled?: boolean;
-};
+} & CommonViewModifierProps;
 /**
+ * exposed for ContextMenu
  * @hidden
  */
 export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'children' | 'systemImage'> & {
@@ -67,18 +68,12 @@ export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'children
     systemImage?: string;
 } & ViewEvent<'onButtonPressed', void>;
 /**
+ * exposed for ContextMenu
  * @hidden
  */
 export declare function transformButtonProps(props: Omit<ButtonProps, 'children'>, text: string | undefined): NativeButtonProps;
-/**
- * `<Button>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function ButtonPrimitive(props: ButtonProps): import("react").JSX.Element;
 /**
  * Displays a native button component.
  */
-export declare function Button(props: ButtonProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function Button(props: ButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC;;;;;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,MAAM,CAAC;IACrB;;;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,CAAC;AAEF;;GAEG;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,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EACpC,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,iBAAiB,CASnB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,+BAkBjD;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAO3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,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,MAAM,CAAC;IACrB;;;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,MAAM,CAAC;CACtB,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/Button/index.js

@@ -1,13 +1,16 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 // We have to work around the `role` and `onPress` props being reserved by React Native.
 const ButtonNativeView = requireNativeView('ExpoUI', 'Button');
 /**
+ * exposed for ContextMenu
  * @hidden
  */
 export function transformButtonProps(props, text) {
-    const { role, onPress, systemImage, ...restProps } = props;
+    const { role, onPress, systemImage, modifiers, ...restProps } = props;
     return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
         ...restProps,
         text,
         systemImage,
@@ -16,10 +19,9 @@ export function transformButtonProps(props, text) {
     };
 }
 /**
- * `<Button>` component without a host view.
- * You should use this with a `Host` component in ancestor.
+ * Displays a native button component.
  */
-export function ButtonPrimitive(props) {
+export function Button(props) {
     const { children, ...restProps } = props;
     if (!children && !restProps.systemImage) {
         throw new Error('Button without systemImage prop should have React children');
@@ -33,13 +35,4 @@ export function ButtonPrimitive(props) {
     }
     return <ButtonNativeView {...transformedProps}>{children}</ButtonNativeView>;
 }
-/**
- * Displays a native button component.
- */
-export function Button(props) {
-    const useViewportSizeMeasurement = props.style == null;
-    return (<Host style={props.style} matchContents useViewportSizeMeasurement={useViewportSizeMeasurement}>
-      <ButtonPrimitive {...props}/>
-    </Host>);
-}
 //# sourceMappingURL=index.js.map

package/build/swift-ui/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAIzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAwF/B,wFAAwF;AACxF,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,QAAQ,CACT,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAoC,EACpC,IAAwB;IAExB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3D,OAAO;QACL,GAAG,SAAS;QACZ,IAAI;QACJ,WAAW;QACX,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,OAAO;KACzB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAAkB;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAChF,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE/D,4DAA4D;IAC5D,MAAM,oBAAoB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,CAAC;IAE9D,IAAI,oBAAoB,EAAE,CAAC;QACzB,OAAO,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,EAAG,CAAC;IACpD,CAAC;IACD,OAAO,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC/E,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAqD;IAC1E,MAAM,0BAA0B,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC;IACvD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC,0BAA0B,CAAC,CAC7F;MAAA,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,EAC7B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ViewEvent } from '../../types';\nimport { Host } from '../Host';\n\n/**\n * The role of the button.\n * - `default` - The default button role.\n * - `cancel` - A button that cancels the current operation.\n * - `destructive` - A button that deletes data or performs a destructive action.\n */\nexport type ButtonRole = 'default' | 'cancel' | 'destructive';\n\n/**\n * The built-in button styles available on iOS.\n *\n * Common styles:\n * - `default` - The default system button style.\n * - `bordered` - A button with a light fill. On Android, equivalent to `FilledTonalButton`.\n * - `borderless` - A button with no background or border. On Android, equivalent to `TextButton`.\n * - `borderedProminent` - A bordered button with a prominent appearance.\n * - `plain` - A button with no border or background and a less prominent text.\n * macOS-only styles:\n * - `glass` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta version of Xcode)\n * - `glassProminent` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta 3 version of Xcode)\n * - `accessoryBar` - A button style for accessory bars.\n * - `accessoryBarAction` - A button style for accessory bar actions.\n * - `card` - A button style for cards.\n * - `link` - A button style for links.\n */\nexport type ButtonVariant =\n  // Common\n  | 'default'\n  | 'bordered'\n  | 'plain'\n  | 'glass'\n  | 'glassProminent'\n  | 'borderedProminent'\n  | 'borderless'\n  // MacOS-only;\n  | 'accessoryBar'\n  | 'accessoryBarAction'\n  | 'card'\n  | 'link';\n\nexport type ButtonProps = {\n  /**\n   * A callback that is called when the button is pressed.\n   */\n  onPress?: () => void;\n  /**\n   * A string describing the system image to display in the button.\n   * This is only used if `children` is a string.\n   * Uses Material Icons on Android and SF Symbols on iOS.\n   */\n  systemImage?: string;\n  /**\n   * Indicated the role of the button.\n   * @platform ios\n   */\n  role?: ButtonRole;\n  /**\n   * The button variant.\n   */\n  variant?: ButtonVariant;\n  /**\n   * The text or React node to display inside the button.\n   */\n  children?: string | React.ReactNode;\n  /**\n   * Button color.\n   */\n  color?: string;\n  /**\n   * Disabled state of the button.\n   */\n  disabled?: boolean;\n};\n\n/**\n * @hidden\n */\nexport type NativeButtonProps = Omit<\n  ButtonProps,\n  'role' | 'onPress' | 'children' | 'systemImage'\n> & {\n  buttonRole?: ButtonRole;\n  text: string | undefined;\n  systemImage?: string;\n} & ViewEvent<'onButtonPressed', void>;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst ButtonNativeView: React.ComponentType<NativeButtonProps> = requireNativeView(\n  'ExpoUI',\n  'Button'\n);\n\n/**\n * @hidden\n */\nexport function transformButtonProps(\n  props: Omit<ButtonProps, 'children'>,\n  text: string | undefined\n): NativeButtonProps {\n  const { role, onPress, systemImage, ...restProps } = props;\n  return {\n    ...restProps,\n    text,\n    systemImage,\n    buttonRole: role,\n    onButtonPressed: onPress,\n  };\n}\n\n/**\n * `<Button>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function ButtonPrimitive(props: ButtonProps) {\n  const { children, ...restProps } = props;\n\n  if (!children && !restProps.systemImage) {\n    throw new Error('Button without systemImage prop should have React children');\n  }\n\n  const text = typeof children === 'string' ? children : undefined;\n\n  const transformedProps = transformButtonProps(restProps, text);\n\n  // Render without children wrapper if text-only or icon-only\n  const shouldRenderDirectly = text != null || children == null;\n\n  if (shouldRenderDirectly) {\n    return <ButtonNativeView {...transformedProps} />;\n  }\n  return <ButtonNativeView {...transformedProps}>{children}</ButtonNativeView>;\n}\n\n/**\n * Displays a native button component.\n */\nexport function Button(props: ButtonProps & { style?: StyleProp<ViewStyle> }) {\n  const useViewportSizeMeasurement = props.style == null;\n  return (\n    <Host style={props.style} matchContents useViewportSizeMeasurement={useViewportSizeMeasurement}>\n      <ButtonPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AA0FrE,wFAAwF;AACxF,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,QAAQ,CACT,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAoC,EACpC,IAAwB;IAExB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACtE,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,SAAS;QACZ,IAAI;QACJ,WAAW;QACX,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,OAAO;KACzB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAChF,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE/D,4DAA4D;IAC5D,MAAM,oBAAoB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,CAAC;IAE9D,IAAI,oBAAoB,EAAE,CAAC;QACzB,OAAO,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,EAAG,CAAC;IACpD,CAAC;IACD,OAAO,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC/E,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\n/**\n * The role of the button.\n * - `default` - The default button role.\n * - `cancel` - A button that cancels the current operation.\n * - `destructive` - A button that deletes data or performs a destructive action.\n */\nexport type ButtonRole = 'default' | 'cancel' | 'destructive';\n\n/**\n * The built-in button styles available on iOS.\n *\n * Common styles:\n * - `default` - The default system button style.\n * - `bordered` - A button with a light fill. On Android, equivalent to `FilledTonalButton`.\n * - `borderless` - A button with no background or border. On Android, equivalent to `TextButton`.\n * - `borderedProminent` - A bordered button with a prominent appearance.\n * - `plain` - A button with no border or background and a less prominent text.\n * macOS-only styles:\n * - `glass` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta version of Xcode)\n * - `glassProminent` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta 3 version of Xcode)\n * - `accessoryBar` - A button style for accessory bars.\n * - `accessoryBarAction` - A button style for accessory bar actions.\n * - `card` - A button style for cards.\n * - `link` - A button style for links.\n */\nexport type ButtonVariant =\n  // Common\n  | 'default'\n  | 'bordered'\n  | 'plain'\n  | 'glass'\n  | 'glassProminent'\n  | 'borderedProminent'\n  | 'borderless'\n  // MacOS-only;\n  | 'accessoryBar'\n  | 'accessoryBarAction'\n  | 'card'\n  | 'link';\n\nexport type ButtonProps = {\n  /**\n   * A callback that is called when the button is pressed.\n   */\n  onPress?: () => void;\n  /**\n   * A string describing the system image to display in the button.\n   * This is only used if `children` is a string.\n   * Uses Material Icons on Android and SF Symbols on iOS.\n   */\n  systemImage?: string;\n  /**\n   * Indicated the role of the button.\n   * @platform ios\n   */\n  role?: ButtonRole;\n  /**\n   * The button variant.\n   */\n  variant?: ButtonVariant;\n  /**\n   * The text or React node to display inside the button.\n   */\n  children?: string | React.ReactNode;\n  /**\n   * Button color.\n   */\n  color?: string;\n  /**\n   * Disabled state of the button.\n   */\n  disabled?: boolean;\n} & CommonViewModifierProps;\n\n/**\n * exposed for ContextMenu\n * @hidden\n */\nexport type NativeButtonProps = Omit<\n  ButtonProps,\n  'role' | 'onPress' | 'children' | 'systemImage'\n> & {\n  buttonRole?: ButtonRole;\n  text: string | undefined;\n  systemImage?: string;\n} & ViewEvent<'onButtonPressed', void>;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst ButtonNativeView: React.ComponentType<NativeButtonProps> = requireNativeView(\n  'ExpoUI',\n  'Button'\n);\n\n/**\n * exposed for ContextMenu\n * @hidden\n */\nexport function transformButtonProps(\n  props: Omit<ButtonProps, 'children'>,\n  text: string | undefined\n): NativeButtonProps {\n  const { role, onPress, systemImage, modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    text,\n    systemImage,\n    buttonRole: role,\n    onButtonPressed: onPress,\n  };\n}\n\n/**\n * Displays a native button component.\n */\nexport function Button(props: ButtonProps) {\n  const { children, ...restProps } = props;\n\n  if (!children && !restProps.systemImage) {\n    throw new Error('Button without systemImage prop should have React children');\n  }\n\n  const text = typeof children === 'string' ? children : undefined;\n\n  const transformedProps = transformButtonProps(restProps, text);\n\n  // Render without children wrapper if text-only or icon-only\n  const shouldRenderDirectly = text != null || children == null;\n\n  if (shouldRenderDirectly) {\n    return <ButtonNativeView {...transformedProps} />;\n  }\n  return <ButtonNativeView {...transformedProps}>{children}</ButtonNativeView>;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type ColorPickerProps = {
     /**
      * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.
@@ -16,17 +16,10 @@ export type ColorPickerProps = {
      * Whether the color picker should support opacity.
      */
     supportsOpacity?: boolean;
-};
-/**
- * `<ColorPicker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function ColorPickerPrimitive({ selection, onValueChanged, ...restProps }: ColorPickerProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 /**
  * Renders a `ColorPicker` component using SwiftUI.
  * @platform ios
  */
-export declare function ColorPicker(props: ColorPickerProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function ColorPicker({ selection, onValueChanged, modifiers, ...restProps }: ColorPickerProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIxF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAWF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,cAAc,EACd,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAclB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAMrF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ColorPicker/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,uBAAuB,CAAC;AAW5B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAgBlB"}

package/build/swift-ui/ColorPicker/index.js

@@ -1,25 +1,16 @@
 import { requireNativeView } from 'expo';
 import { useCallback } from 'react';
 import { processColor } from 'react-native';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const ColorPickerNativeView = requireNativeView('ExpoUI', 'ColorPickerView');
 /**
- * `<ColorPicker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
+ * Renders a `ColorPicker` component using SwiftUI.
+ * @platform ios
  */
-export function ColorPickerPrimitive({ selection, onValueChanged, ...restProps }) {
+export function ColorPicker({ selection, onValueChanged, modifiers, ...restProps }) {
     const onNativeValueChanged = useCallback((event) => {
         onValueChanged?.(event.nativeEvent.value);
     }, [onValueChanged]);
-    return (<ColorPickerNativeView selection={processColor(selection || '')} onValueChanged={onNativeValueChanged} {...restProps}/>);
-}
-/**
- * Renders a `ColorPicker` component using SwiftUI.
- * @platform ios
- */
-export function ColorPicker(props) {
-    return (<Host style={props.style} matchContents>
-      <ColorPickerPrimitive {...props}/>
-    </Host>);
+    return (<ColorPickerNativeView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} selection={processColor(selection || '')} onValueChanged={onNativeValueChanged} {...restProps}/>);
 }
 //# sourceMappingURL=index.js.map

package/build/swift-ui/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/ColorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAwB,YAAY,EAAwB,MAAM,cAAc,CAAC;AAExF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB/B,MAAM,qBAAqB,GAKvB,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAEnD;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,cAAc,EACd,GAAG,SAAS,EACK;IACjB,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAA0B,EAAE,EAAE;QAC7B,cAAc,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,OAAO,CACL,CAAC,qBAAqB,CACpB,SAAS,CAAC,CAAC,YAAY,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CACzC,cAAc,CAAC,CAAC,oBAAoB,CAAC,CACrC,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,KAA0D;IACpF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;MAAA,CAAC,oBAAoB,CAAC,IAAI,KAAK,CAAC,EAClC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { useCallback } from 'react';\nimport { NativeSyntheticEvent, processColor, StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\n\nexport type ColorPickerProps = {\n  /**\n   * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.\n   */\n  selection: string | null;\n  /**\n   * A label displayed on the `ColorPicker`.\n   */\n  label?: string;\n  /**\n   * Callback function that is called when a new color is selected.\n   */\n  onValueChanged?: (value: string) => void;\n  /**\n   * Whether the color picker should support opacity.\n   */\n  supportsOpacity?: boolean;\n};\n\ntype OnValueChangedEvent = NativeSyntheticEvent<{ value: string }>;\n\nconst ColorPickerNativeView: React.ComponentType<\n  Omit<ColorPickerProps, 'selection' | 'onValueChanged'> & {\n    selection: ReturnType<typeof processColor>;\n    onValueChanged: (event: OnValueChangedEvent) => void;\n  }\n> = requireNativeView('ExpoUI', 'ColorPickerView');\n\n/**\n * `<ColorPicker>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function ColorPickerPrimitive({\n  selection,\n  onValueChanged,\n  ...restProps\n}: ColorPickerProps) {\n  const onNativeValueChanged = useCallback(\n    (event: OnValueChangedEvent) => {\n      onValueChanged?.(event.nativeEvent.value);\n    },\n    [onValueChanged]\n  );\n  return (\n    <ColorPickerNativeView\n      selection={processColor(selection || '')}\n      onValueChanged={onNativeValueChanged}\n      {...restProps}\n    />\n  );\n}\n\n/**\n * Renders a `ColorPicker` component using SwiftUI.\n * @platform ios\n */\nexport function ColorPicker(props: ColorPickerProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <ColorPickerPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/ColorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAwB,YAAY,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAwBrE,MAAM,qBAAqB,GAKvB,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAEnD;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACK;IACjB,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAA0B,EAAE,EAAE;QAC7B,cAAc,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,OAAO,CACL,CAAC,qBAAqB,CACpB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,SAAS,CAAC,CAAC,YAAY,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CACzC,cAAc,CAAC,CAAC,oBAAoB,CAAC,CACrC,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { useCallback } from 'react';\nimport { NativeSyntheticEvent, processColor } from 'react-native';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type ColorPickerProps = {\n  /**\n   * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.\n   */\n  selection: string | null;\n  /**\n   * A label displayed on the `ColorPicker`.\n   */\n  label?: string;\n  /**\n   * Callback function that is called when a new color is selected.\n   */\n  onValueChanged?: (value: string) => void;\n  /**\n   * Whether the color picker should support opacity.\n   */\n  supportsOpacity?: boolean;\n} & CommonViewModifierProps;\n\ntype OnValueChangedEvent = NativeSyntheticEvent<{ value: string }>;\n\nconst ColorPickerNativeView: React.ComponentType<\n  Omit<ColorPickerProps, 'selection' | 'onValueChanged'> & {\n    selection: ReturnType<typeof processColor>;\n    onValueChanged: (event: OnValueChangedEvent) => void;\n  }\n> = requireNativeView('ExpoUI', 'ColorPickerView');\n\n/**\n * Renders a `ColorPicker` component using SwiftUI.\n * @platform ios\n */\nexport function ColorPicker({\n  selection,\n  onValueChanged,\n  modifiers,\n  ...restProps\n}: ColorPickerProps) {\n  const onNativeValueChanged = useCallback(\n    (event: OnValueChangedEvent) => {\n      onValueChanged?.(event.nativeEvent.value);\n    },\n    [onValueChanged]\n  );\n  return (\n    <ColorPickerNativeView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      selection={processColor(selection || '')}\n      onValueChanged={onNativeValueChanged}\n      {...restProps}\n    />\n  );\n}\n"]}

package/build/{swift-ui-primitives/ContentUnavailableView.d.ts → swift-ui/ContentUnavailableView/index.d.ts}

@@ -1,4 +1,4 @@
-import { CommonViewModifierProps } from './types';
+import { type CommonViewModifierProps } from '../types';
 export interface ContentUnavailableViewProps extends CommonViewModifierProps {
     /**
      * A short title that describes why the content is not available.
@@ -13,10 +13,5 @@ export interface ContentUnavailableViewProps extends CommonViewModifierProps {
      */
     description?: string;
 }
-/**
- * Displays a native Swift UI ContentUnavailableView.
- * @platform ios 17.0+
- *
- */
-export declare function ContentUnavailableView(props: ContentUnavailableViewProps): import("react").JSX.Element | null;
-//# sourceMappingURL=ContentUnavailableView.d.ts.map
+export declare function ContentUnavailableView(props: ContentUnavailableViewProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContentUnavailableView/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;IAC1E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAoBD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,+BAExE"}

package/build/swift-ui/ContentUnavailableView/index.js

@@ -0,0 +1,19 @@
+import { requireNativeView } from 'expo';
+import { createViewModifierEventListener } from '../modifiers/utils';
+const ContentUnavailableViewNativeView = requireNativeView('ExpoUI', 'ContentUnavailableView');
+/**
+ * Displays a native Swift UI ContentUnavailableView.
+ * @platform ios 17.0+
+ */
+function transformContentUnavailableViewProps(props) {
+    const { modifiers, ...restProps } = props;
+    return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
+    };
+}
+export function ContentUnavailableView(props) {
+    return <ContentUnavailableViewNativeView {...transformContentUnavailableViewProps(props)}/>;
+}
+//# sourceMappingURL=index.js.map

package/build/swift-ui/ContentUnavailableView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/ContentUnavailableView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAoBrE,MAAM,gCAAgC,GACpC,iBAAiB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC;AAExD;;;GAGG;AACH,SAAS,oCAAoC,CAC3C,KAAkC;IAElC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,SAAS;KACb,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,OAAO,CAAC,gCAAgC,CAAC,IAAI,oCAAoC,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/F,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport interface ContentUnavailableViewProps extends CommonViewModifierProps {\n  /**\n   * A short title that describes why the content is not available.\n   */\n  title?: string;\n\n  /**\n   * SF Symbol indicating why the content is not available.\n   */\n  systemImage?: string;\n\n  /**\n   * Description of why the content is not available.\n   */\n  description?: string;\n}\n\nconst ContentUnavailableViewNativeView: React.ComponentType<ContentUnavailableViewProps> =\n  requireNativeView('ExpoUI', 'ContentUnavailableView');\n\n/**\n * Displays a native Swift UI ContentUnavailableView.\n * @platform ios 17.0+\n */\nfunction transformContentUnavailableViewProps(\n  props: ContentUnavailableViewProps\n): ContentUnavailableViewProps {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n  };\n}\n\nexport function ContentUnavailableView(props: ContentUnavailableViewProps) {\n  return <ContentUnavailableViewNativeView {...transformContentUnavailableViewProps(props)} />;\n}\n"]}

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

@@ -0,0 +1,21 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type ButtonProps } from '../Button';
+/**
+ * Props of the `Submenu` component.
+ */
+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;
+};
+/**
+ * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.
+ * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.
+ */
+export declare function Submenu(props: SubmenuProps): import("react").JSX.Element;
+//# sourceMappingURL=Submenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Submenu.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/Submenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}

package/build/swift-ui/ContextMenu/Submenu.js

@@ -0,0 +1,8 @@
+/**
+ * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.
+ * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.
+ */
+export function Submenu(props) {
+    return <></>;
+}
+//# sourceMappingURL=Submenu.js.map

package/build/swift-ui/ContextMenu/Submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Submenu.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/Submenu.tsx"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,OAAO,EAAE,GAAG,CAAC;AACf,CAAC","sourcesContent":["import { type ReactElement, type ReactNode } from 'react';\n\nimport { type ButtonProps } from '../Button';\n\n/**\n * Props of the `Submenu` component.\n */\nexport type SubmenuProps = {\n  /**\n   * 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.\n   */\n  button: ReactElement<ButtonProps>;\n  /**\n   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.\n   */\n  children: ReactNode;\n};\n\n/**\n * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.\n * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.\n */\nexport function Submenu(props: SubmenuProps) {\n  return <></>;\n}\n"]}

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

@@ -1,79 +1,6 @@
-import { ReactElement, ReactNode } from 'react';
-import { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
-import { MenuElement } from './utils';
-import { ButtonProps } from '../Button';
-import { PickerProps } from '../Picker';
-import { SwitchProps } from '../Switch';
-type SubmenuElement = ReactElement<ButtonProps> | ReactElement<SwitchProps> | ReactElement<PickerProps> | ReactElement<SubmenuProps>;
-export type ContextMenuContentProps = {
-    children: SubmenuElement | SubmenuElement[];
-};
-/**
- * @hidden
- */
-export type EventHandlers = Record<string, Record<string, (event: NativeSyntheticEvent<any>) => void>>;
-/**
- * @hidden
- */
-export type ContextMenuElementBase = {
-    contextMenuElementID: string;
-};
-/**
- * Activation method of the context menu.
- * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.
- * - `longPress`: The context menu is opened with a long press. On iOS additionally Highlights the content by blurring the background.
- */
-export type ActivationMethod = 'singlePress' | 'longPress';
-/**
- * Props of the `ContextMenu` component.
- */
-export type ContextMenuProps = {
-    /**
-     * Determines how the context menu will be activated.
-     */
-    activationMethod?: ActivationMethod;
-    /**
-     * The contents of the submenu are used as an anchor for the context menu.
-     * The children will be wrapped in a pressable element, which triggers opening of the context menu.
-     */
-    children: ReactNode;
-};
-/**
- * Props of the `Submenu` component.
- */
-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;
-};
-/**
- * @hidden
- */
-export type NativeMenuProps = ContextMenuProps & {
-    elements: MenuElement[];
-    onContextMenuButtonPressed: (event: NativeSyntheticEvent<{
-        contextMenuElementID: string;
-    }>) => void;
-    onContextMenuSwitchValueChanged: (event: NativeSyntheticEvent<{
-        contextMenuElementID: string;
-        value: boolean;
-    }>) => void;
-    onContextMenuPickerOptionSelected: (event: NativeSyntheticEvent<{
-        index: number;
-        label: string;
-        contextMenuElementID: string;
-    }>) => void;
-};
-/**
- * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.
- * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.
- */
-export declare function Submenu(props: SubmenuProps): import("react").JSX.Element;
+import { type ContextMenuProps } from './types';
+export * from './Submenu';
+export { type ActivationMethod, type ContextMenuProps, type ContextMenuContentProps, } 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.
@@ -102,14 +29,8 @@ export declare function Preview(props: {
  * `<ContextMenu>` component without a host view.
  * You should use this with a `Host` component in ancestor.
  */
-declare function ContextMenuPrimitive(props: ContextMenuProps): import("react").JSX.Element;
-declare namespace ContextMenuPrimitive {
-    var Trigger: typeof import(".").Trigger;
-    var Preview: typeof import(".").Preview;
-    var Items: typeof import(".").Items;
-}
 /**
- * `ContextMenuPrimitive` allows you to create a context menu, which can be used to provide additional options to the user.
+ * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.
  *
  * There are some platform-specific differences in the behavior of the context menu:
  * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.
@@ -117,13 +38,11 @@ declare namespace ContextMenuPrimitive {
  * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.
  * - Android does not support showing a `Picker` element in the context menu.
  */
-declare function ContextMenu(props: ContextMenuProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element;
 declare namespace ContextMenu {
     var Trigger: typeof import(".").Trigger;
     var Preview: typeof import(".").Preview;
     var Items: typeof import(".").Items;
 }
-export { ContextMenuPrimitive, ContextMenu };
+export { ContextMenu };
 //# 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":"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"}
+{"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"}

package/build/swift-ui/ContextMenu/index.js

@@ -1,17 +1,10 @@
 import { requireNativeView } from 'expo';
 import { Children, useMemo } from 'react';
-import { Host } from '../Host';
 import { transformChildrenToElementArray } from './utils';
+export * from './Submenu';
 const MenuNativeView = requireNativeView('ExpoUI', 'ContextMenu');
 const MenuNativeTriggerView = requireNativeView('ExpoUI', 'ContextMenuActivationElement');
 const MenuNativePreviewView = requireNativeView('ExpoUI', 'ContextMenuPreview');
-/**
- * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.
- * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.
- */
-export function Submenu(props) {
-    return <></>;
-}
 /**
  * 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.
@@ -38,18 +31,8 @@ export function Preview(props) {
  * `<ContextMenu>` component without a host view.
  * You should use this with a `Host` component in ancestor.
  */
-function ContextMenuPrimitive(props) {
-    const eventHandlersMap = {};
-    const initialChildren = Children.map(props.children, (c) => c.type.tag === Items.tag ? c.props.children : null);
-    const processedElements = useMemo(() => transformChildrenToElementArray(initialChildren, eventHandlersMap), [initialChildren]);
-    const createEventHandler = (handlerType) => (event) => {
-        const handler = eventHandlersMap[event.nativeEvent.contextMenuElementID]?.[handlerType];
-        handler?.(event);
-    };
-    return (<MenuNativeView elements={processedElements} onContextMenuButtonPressed={createEventHandler('onPress')} onContextMenuSwitchValueChanged={createEventHandler('onValueChange')} onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')} {...props}/>);
-}
 /**
- * `ContextMenuPrimitive` allows you to create a context menu, which can be used to provide additional options to the user.
+ * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.
  *
  * There are some platform-specific differences in the behavior of the context menu:
  * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.
@@ -58,15 +41,17 @@ function ContextMenuPrimitive(props) {
  * - Android does not support showing a `Picker` element in the context menu.
  */
 function ContextMenu(props) {
-    return (<Host style={props.style} matchContents>
-      <ContextMenuPrimitive {...props}/>
-    </Host>);
+    const eventHandlersMap = {};
+    const initialChildren = Children.map(props.children, (c) => c.type.tag === Items.tag ? c.props.children : null);
+    const processedElements = useMemo(() => transformChildrenToElementArray(initialChildren, eventHandlersMap), [initialChildren]);
+    const createEventHandler = (handlerType) => (event) => {
+        const handler = eventHandlersMap[event.nativeEvent.contextMenuElementID]?.[handlerType];
+        handler?.(event);
+    };
+    return (<MenuNativeView elements={processedElements} onContextMenuButtonPressed={createEventHandler('onPress')} onContextMenuSwitchValueChanged={createEventHandler('onValueChange')} onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')} {...props}/>);
 }
-ContextMenuPrimitive.Trigger = Trigger;
-ContextMenuPrimitive.Preview = Preview;
-ContextMenuPrimitive.Items = Items;
 ContextMenu.Trigger = Trigger;
 ContextMenu.Preview = Preview;
 ContextMenu.Items = Items;
-export { ContextMenuPrimitive, ContextMenu };
+export { ContextMenu };
 //# sourceMappingURL=index.js.map

package/build/swift-ui/ContextMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ComponentType, Children, ReactElement, ReactNode, useMemo } from 'react';\nimport { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\nimport { MenuElement, transformChildrenToElementArray } from './utils';\nimport { ButtonProps } from '../Button';\nimport { PickerProps } from '../Picker';\nimport { SwitchProps } from '../Switch';\n\nconst MenuNativeView: ComponentType<NativeMenuProps> = requireNativeView('ExpoUI', 'ContextMenu');\n\nconst MenuNativeTriggerView: ComponentType<object> = requireNativeView(\n  'ExpoUI',\n  'ContextMenuActivationElement'\n);\n\nconst MenuNativePreviewView: ComponentType<object> = requireNativeView(\n  'ExpoUI',\n  'ContextMenuPreview'\n);\n\ntype SubmenuElement =\n  | ReactElement<ButtonProps>\n  | ReactElement<SwitchProps>\n  | ReactElement<PickerProps>\n  | ReactElement<SubmenuProps>;\n\nexport type ContextMenuContentProps = {\n  children: SubmenuElement | SubmenuElement[];\n};\n\n/**\n * @hidden\n */\nexport type EventHandlers = Record<\n  string,\n  Record<string, (event: NativeSyntheticEvent<any>) => void>\n>;\n\n/**\n * @hidden\n */\nexport type ContextMenuElementBase = { contextMenuElementID: string };\n\n/**\n * Activation method of the context menu.\n * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.\n * - `longPress`: The context menu is opened with a long press. On iOS additionally Highlights the content by blurring the background.\n */\nexport type ActivationMethod = 'singlePress' | 'longPress';\n\n/**\n * Props of the `ContextMenu` component.\n */\nexport type ContextMenuProps = {\n  /**\n   * Determines how the context menu will be activated.\n   */\n  activationMethod?: ActivationMethod;\n\n  /**\n   * The contents of the submenu are used as an anchor for the context menu.\n   * The children will be wrapped in a pressable element, which triggers opening of the context menu.\n   */\n  children: ReactNode;\n};\n\n/**\n * Props of the `Submenu` component.\n */\nexport type SubmenuProps = {\n  /**\n   * 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.\n   */\n  button: ReactElement<ButtonProps>;\n  /**\n   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.\n   */\n  children: ReactNode;\n};\n\n/**\n * @hidden\n */\nexport type NativeMenuProps = ContextMenuProps & {\n  elements: MenuElement[];\n  onContextMenuButtonPressed: (\n    event: NativeSyntheticEvent<{ contextMenuElementID: string }>\n  ) => void;\n  onContextMenuSwitchValueChanged: (\n    event: NativeSyntheticEvent<{\n      contextMenuElementID: string;\n      value: boolean;\n    }>\n  ) => void;\n  onContextMenuPickerOptionSelected: (\n    event: NativeSyntheticEvent<{\n      index: number;\n      label: string;\n      contextMenuElementID: string;\n    }>\n  ) => void;\n};\n\n/**\n * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.\n * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.\n */\nexport function Submenu(props: SubmenuProps) {\n  return <></>;\n}\n\n/**\n * Items visible inside the context menu. Pass input components as immidiate children of the tag.\n * `Button`, `Switch` and `Submenu` components are supported on both Android and iOS.\n * The `Picker` component is supported only on iOS. Remember to use components from the `@expo/ui` library.\n */\nexport function Items(props: { children: React.ReactNode }) {\n  return <></>;\n}\nItems.tag = 'Items';\n\n/**\n * The component visible all the time that triggers the menu when tapped or long-pressed.\n */\nexport function Trigger(props: { children: React.ReactNode }) {\n  return <MenuNativeTriggerView {...props} />;\n}\n\n/**\n * The component visible above the menu when it is opened.\n * @platform ios\n */\nexport function Preview(props: { children: React.ReactNode }) {\n  return <MenuNativePreviewView {...props} />;\n}\n\n/**\n * `<ContextMenu>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nfunction ContextMenuPrimitive(props: ContextMenuProps) {\n  const eventHandlersMap: EventHandlers = {};\n  const initialChildren = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Items.tag ? c.props.children : null\n  );\n  const processedElements = useMemo(\n    () => transformChildrenToElementArray(initialChildren, eventHandlersMap),\n    [initialChildren]\n  );\n\n  const createEventHandler =\n    (handlerType: string) => (event: NativeSyntheticEvent<{ contextMenuElementID: string }>) => {\n      const handler = eventHandlersMap[event.nativeEvent.contextMenuElementID]?.[handlerType];\n      handler?.(event);\n    };\n\n  return (\n    <MenuNativeView\n      elements={processedElements}\n      onContextMenuButtonPressed={createEventHandler('onPress')}\n      onContextMenuSwitchValueChanged={createEventHandler('onValueChange')}\n      onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')}\n      {...props}\n    />\n  );\n}\n\n/**\n * `ContextMenuPrimitive` allows you to create a context menu, which can be used to provide additional options to the user.\n *\n * There are some platform-specific differences in the behavior of the context menu:\n * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.\n * - On iOS, the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.\n * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.\n * - Android does not support showing a `Picker` element in the context menu.\n */\nfunction ContextMenu(props: ContextMenuProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <ContextMenuPrimitive {...props} />\n    </Host>\n  );\n}\n\nContextMenuPrimitive.Trigger = Trigger;\nContextMenuPrimitive.Preview = Preview;\nContextMenuPrimitive.Items = Items;\nContextMenu.Trigger = Trigger;\nContextMenu.Preview = Preview;\nContextMenu.Items = Items;\n\nexport { ContextMenuPrimitive, ContextMenu };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAiB,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAe,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAEvE,cAAc,WAAW,CAAC;AAO1B,MAAM,cAAc,GAAmC,iBAAiB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAElG,MAAM,qBAAqB,GAA0B,iBAAiB,CACpE,QAAQ,EACR,8BAA8B,CAC/B,CAAC;AAEF,MAAM,qBAAqB,GAA0B,iBAAiB,CACpE,QAAQ,EACR,oBAAoB,CACrB,CAAC;AAsBF;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,KAAoC;IACxD,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AACD,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;AAEpB;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC9C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC9C,CAAC;AAED;;;GAGG;AAEH;;;;;;;;GAQG;AACH,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,gBAAgB,GAAkB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAClC,KAAK,CAAC,QAAe,EACrB,CAAC,CAAkE,EAAE,EAAE,CACrE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACrD,CAAC;IACF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,+BAA+B,CAAC,eAAe,EAAE,gBAAgB,CAAC,EACxE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,kBAAkB,GACtB,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC,KAA6D,EAAE,EAAE;QACzF,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QACxF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,cAAc,CACb,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAC5B,0BAA0B,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAC1D,+BAA+B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CACrE,iCAAiC,CAAC,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAC1E,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ComponentType, Children, useMemo } from 'react';\nimport { NativeSyntheticEvent } from 'react-native';\n\nimport { type ContextMenuProps, type EventHandlers } from './types';\nimport { MenuElement, transformChildrenToElementArray } from './utils';\n\nexport * from './Submenu';\nexport {\n  type ActivationMethod,\n  type ContextMenuProps,\n  type ContextMenuContentProps,\n} from './types';\n\nconst MenuNativeView: ComponentType<NativeMenuProps> = requireNativeView('ExpoUI', 'ContextMenu');\n\nconst MenuNativeTriggerView: ComponentType<object> = requireNativeView(\n  'ExpoUI',\n  'ContextMenuActivationElement'\n);\n\nconst MenuNativePreviewView: ComponentType<object> = requireNativeView(\n  'ExpoUI',\n  'ContextMenuPreview'\n);\n\ntype NativeMenuProps = ContextMenuProps & {\n  elements: MenuElement[];\n  onContextMenuButtonPressed: (\n    event: NativeSyntheticEvent<{ contextMenuElementID: string }>\n  ) => void;\n  onContextMenuSwitchValueChanged: (\n    event: NativeSyntheticEvent<{\n      contextMenuElementID: string;\n      value: boolean;\n    }>\n  ) => void;\n  onContextMenuPickerOptionSelected: (\n    event: NativeSyntheticEvent<{\n      index: number;\n      label: string;\n      contextMenuElementID: string;\n    }>\n  ) => void;\n};\n\n/**\n * Items visible inside the context menu. Pass input components as immidiate children of the tag.\n * `Button`, `Switch` and `Submenu` components are supported on both Android and iOS.\n * The `Picker` component is supported only on iOS. Remember to use components from the `@expo/ui` library.\n */\nexport function Items(props: { children: React.ReactNode }) {\n  return <></>;\n}\nItems.tag = 'Items';\n\n/**\n * The component visible all the time that triggers the menu when tapped or long-pressed.\n */\nexport function Trigger(props: { children: React.ReactNode }) {\n  return <MenuNativeTriggerView {...props} />;\n}\n\n/**\n * The component visible above the menu when it is opened.\n * @platform ios\n */\nexport function Preview(props: { children: React.ReactNode }) {\n  return <MenuNativePreviewView {...props} />;\n}\n\n/**\n * `<ContextMenu>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\n\n/**\n * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.\n *\n * There are some platform-specific differences in the behavior of the context menu:\n * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.\n * - On iOS, the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.\n * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.\n * - Android does not support showing a `Picker` element in the context menu.\n */\nfunction ContextMenu(props: ContextMenuProps) {\n  const eventHandlersMap: EventHandlers = {};\n  const initialChildren = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Items.tag ? c.props.children : null\n  );\n  const processedElements = useMemo(\n    () => transformChildrenToElementArray(initialChildren, eventHandlersMap),\n    [initialChildren]\n  );\n\n  const createEventHandler =\n    (handlerType: string) => (event: NativeSyntheticEvent<{ contextMenuElementID: string }>) => {\n      const handler = eventHandlersMap[event.nativeEvent.contextMenuElementID]?.[handlerType];\n      handler?.(event);\n    };\n\n  return (\n    <MenuNativeView\n      elements={processedElements}\n      onContextMenuButtonPressed={createEventHandler('onPress')}\n      onContextMenuSwitchValueChanged={createEventHandler('onValueChange')}\n      onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')}\n      {...props}\n    />\n  );\n}\n\nContextMenu.Trigger = Trigger;\nContextMenu.Preview = Preview;\nContextMenu.Items = Items;\n\nexport { ContextMenu };\n"]}